diff --git a/config.js b/config.js
index 866057b..5346700 100644
--- a/config.js
+++ b/config.js
@@ -4,14 +4,21 @@ JC.PATH = JC.PATH || scriptPath();
 /**
  * requirejs config.js for JC Chart Project
  */
+
 window.requirejs && 
 requirejs.config( {
     baseUrl: JC.PATH
-    , urlArgs: 'v=20141017'
+    , urlArgs: 'v=' + new Date().getTime() 
     , paths: {
-        'JC.common': 'modules/JC.common/0.2/common'
+        'codeMirror': 'modules/CodeMirror/lib/codemirror'
+
+        , 'JC.common': 'modules/JC.common/0.3/common'
         , 'JC.BaseMVC': 'modules/JC.BaseMVC/0.1/BaseMVC'
 
+        , 'JC.Tips': 'modules/JC.Tips/0.1/Tips'
+        
+        , 'JC.FchartDemo': 'modules/JC.FChart/0.1/_demo/all_demo/0.1/all_demo'
+
         , 'JC.FChart': 'modules/JC.FChart/0.1/FChart'
 
         , 'JC.FChartNormalData': 'modules/JC.FChartNormalData/0.1/FChart.NormalData'
@@ -20,10 +27,14 @@ requirejs.config( {
         , 'jquery.mousewheel': 'modules/jquery.mousewheel/3.1.12/jquery.mousewheel'
 
         , 'plugins.json2': 'modules/JSON/2/JSON'
+
         , 'swfobject': 'modules/swfobject/2.3/swfobject'
         , 'SWFObject': 'modules/swfobject/2.3/swfobject'
+
+        , 'demoData': 'modules/JC.FChart/0.1/_demo/all_demo/0.1/data'
     }
 });
+
 /**
  * 取当前脚本标签的 src路径 
  * @static
diff --git a/docs/only_swfobject.7z b/docs/only_swfobject.7z
new file mode 100644
index 0000000..457646c
Binary files /dev/null and b/docs/only_swfobject.7z differ
diff --git a/docs/only_swfobject/JSON.js b/docs/only_swfobject/JSON.js
new file mode 100644
index 0000000..02cdfd8
--- /dev/null
+++ b/docs/only_swfobject/JSON.js
@@ -0,0 +1,496 @@
+/**
+ * json2.js 
+ * <br />JSON is a light-weight, language independent, data interchange format.
+ * <p><a href='https://github.com/douglascrockford/JSON-js' target='_blank'>source</a>
+ * | <a href='http://www.json.org/js.html' target='_blank'>docs</a>
+ * </p>
+ * @namespace   window
+ * @class       JSON
+ * @version     2.0
+ */
+/*
+    json2.js
+    2013-05-26
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (typeof JSON !== 'object') {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function () {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function () {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/docs/only_swfobject/MixChart.swf b/docs/only_swfobject/MixChart.swf
new file mode 100644
index 0000000..fc264ca
Binary files /dev/null and b/docs/only_swfobject/MixChart.swf differ
diff --git a/docs/only_swfobject/demo.swfobject.html b/docs/only_swfobject/demo.swfobject.html
new file mode 100644
index 0000000..f292696
--- /dev/null
+++ b/docs/only_swfobject/demo.swfobject.html
@@ -0,0 +1,178 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart - line, line 示例</h2>
+
+    <div class="" id="flashItemId"></div>
+
+    <script src="./swfobject.js"></script>
+    <script src="./JSON.js"></script>
+    <script>
+    var _id = 'flashItemId'
+        , _data = {
+        "chart": {
+            "type": "mix"
+            , bgColor: 0xffffff
+            , bgAlpha: 1
+        }
+        , "xAxis": {
+            "categories": [
+                "20141213"
+                ,"20141215"
+                ,"20141216"
+                ,"20141217"
+                ,"20141218"
+                ,"20141219"
+                ,"20141220"
+                ,"20141221"
+                ,"20141222"
+                ,"20141223"
+                ,"20141224"
+                ,"20141225"
+                ,"20141226"
+                ,"20141227"
+                ,"20141228"
+                ,"20141229"
+                ,"20141230"
+                ,"20141231"
+                ,"20150101"
+                ,"20150102"
+                ,"20150103"
+                ,"20150104"
+                ,"20150105"
+                ,"20150106"
+                ,"20150107"
+                ,"20150108"
+                ,"20150109"
+                ,"20150110"
+                ,"20150111"
+                ,"20150112"
+                ,"20150113"
+            ]
+            , rotation: {
+//						"enabled": true
+            }
+            , display: {
+                "enabled": true
+                ,"mod": 30
+            }
+            , "enabled": true
+        }
+        , "yAxis": [
+            {
+                opposite: true
+                , "autoRate": {
+                    "enabled": true
+                    , "rateUp": 0
+                    , "maxOffset": .1
+                    , "minOffset": .1
+                }
+                , rate: [ 1, .5, 0 ]
+                , format: "￥{0}"
+            }
+        ]
+        , rateLabel: { data: [ 1, .5, 0 ] }
+        , hline: {
+            enabled: false
+        }
+        , vline: {
+            enabled: false
+        },
+        "series": [
+            {
+                "type": "line",
+                "name": "价格走势",
+                "yAxis": 0,
+                "data": [
+                    11000
+                    ,11610
+                    ,4800
+                    ,6200
+                    ,7100
+                    ,6900
+                    ,11200
+                    ,11600
+                    ,11270
+                    ,11580
+                    ,7600
+                    ,6500
+                    ,14900
+                    ,11800
+                    ,12100
+                    ,4002
+                    ,6069
+                    ,5775
+                    ,9820
+                    ,7510
+                    ,9380
+                    ,5722
+                    ,5773
+                    ,5846
+                    ,5896
+                    ,5861
+                    ,5858
+                    ,12546
+                    ,11033
+                    ,5977
+                    ,5835							
+                ],
+                "style": {
+                    "stroke": "#ff7100"
+                },
+                "pointStyle": {}
+            }
+        ],
+        "legend": {
+            "enabled": false
+        },
+        "colors": [
+            0xE5633F
+        ],
+        "point": {
+            "hoverShow": true
+        },
+        "line": {
+            "smooth": {
+                "enabled": true
+            }
+        },
+        "tooltip": {
+            "type": "simple"
+        }
+    };
+
+      swfobject.embedSWF( 
+            './MixChart.swf'
+            , _id
+            , 240
+            , 136
+            , '10' 
+            , ''
+            ,  { 'chart': encodeURIComponent( JSON.stringify( _data ) ) }
+            ,  { 
+                    'wmode': 'transparent'
+                    , 'allowScriptAccess' : 'always' 
+                }
+                , { id: _id, 'name': _id }
+        );
+
+    </script>
+
+</body>
+</html>
+
+
diff --git a/docs/only_swfobject/swfobject.js b/docs/only_swfobject/swfobject.js
new file mode 100644
index 0000000..4989879
--- /dev/null
+++ b/docs/only_swfobject/swfobject.js
@@ -0,0 +1,831 @@
+/**
+ * swfobject v2.3
+ * <br />An open source Javascript framework for detecting the Adobe Flash Player plugin and embedding Flash (swf) files.
+ * <p><a href='https://github.com/swfobject/swfobject' target='_blank'>source</a>
+ * | <a href='https://code.google.com/p/swfobject/wiki/documentation' target='_blank'>docs</a>
+ * | <a href='../../modules/swfobject/2.3/_demo' target='_blank'>demo link</a>
+ * | <a href='http://www.bobbyvandersluis.com/swfobject/generator/index.html' target='_blank'>html generator</a>
+ * </p>
+ * @namespace   window
+ * @class       swfobject
+ * @version     2.3
+ */
+
+/*!    swfobject v2.3.20130521 <http://github.com/swfobject/swfobject>
+    is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
+*/
+
+/* global ActiveXObject: false */
+
+window.swfobject = function () {
+
+    var UNDEF = "undefined",
+        OBJECT = "object",
+        SHOCKWAVE_FLASH = "Shockwave Flash",
+        SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
+        FLASH_MIME_TYPE = "application/x-shockwave-flash",
+        EXPRESS_INSTALL_ID = "SWFObjectExprInst",
+        ON_READY_STATE_CHANGE = "onreadystatechange",
+
+        win = window,
+        doc = document,
+        nav = navigator,
+
+        plugin = false,
+        domLoadFnArr = [],
+        regObjArr = [],
+        objIdArr = [],
+        listenersArr = [],
+        storedFbContent,
+        storedFbContentId,
+        storedCallbackFn,
+        storedCallbackObj,
+        isDomLoaded = false,
+        isExpressInstallActive = false,
+        dynamicStylesheet,
+        dynamicStylesheetMedia,
+        autoHideShow = true,
+        encodeURIEnabled = false,
+
+    /* Centralized function for browser feature detection
+        - User agent string detection is only used when no good alternative is possible
+        - Is executed directly for optimal performance
+    */
+    ua = function () {
+        var w3cdom = typeof doc.getElementById !== UNDEF && typeof doc.getElementsByTagName !== UNDEF && typeof doc.createElement !== UNDEF,
+            u = nav.userAgent.toLowerCase(),
+            p = nav.platform.toLowerCase(),
+            windows = p ? /win/.test(p) : /win/.test(u),
+            mac = p ? /mac/.test(p) : /mac/.test(u),
+            webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
+            ie = nav.appName === "Microsoft Internet Explorer",
+            playerVersion = [0, 0, 0],
+            d = null;
+        if (typeof nav.plugins !== UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] === OBJECT) {
+            d = nav.plugins[SHOCKWAVE_FLASH].description;
+            // nav.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
+            if (d && (typeof nav.mimeTypes !== UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) {
+                plugin = true;
+                ie = false; // cascaded feature detection for Internet Explorer
+                d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
+                playerVersion[0] = toInt(d.replace(/^(.*)\..*$/, "$1"));
+                playerVersion[1] = toInt(d.replace(/^.*\.(.*)\s.*$/, "$1"));
+                playerVersion[2] = /[a-zA-Z]/.test(d) ? toInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1")) : 0;
+            }
+        }
+        else if (typeof win.ActiveXObject !== UNDEF) {
+            try {
+                var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
+                if (a) { // a will return null when ActiveX is disabled
+                    d = a.GetVariable("$version");
+                    if (d) {
+                        ie = true; // cascaded feature detection for Internet Explorer
+                        d = d.split(" ")[1].split(",");
+                        playerVersion = [toInt(d[0]), toInt(d[1]), toInt(d[2])];
+                    }
+                }
+            }
+            catch (e) {}
+        }
+        return {w3: w3cdom, pv: playerVersion, wk: webkit, ie: ie, win: windows, mac: mac};
+    }(),
+
+    /* Cross-browser onDomLoad
+        - Will fire an event as soon as the DOM of a web page is loaded
+        - Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/
+        - Regular onload serves as fallback
+    */
+    onDomLoad = function () {
+        if (!ua.w3) { return; }
+        if ((typeof doc.readyState !== UNDEF && (doc.readyState === "complete" || doc.readyState === "interactive")) || (typeof doc.readyState === UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically
+            callDomLoadFunctions();
+        }
+        if (!isDomLoaded) {
+            if (typeof doc.addEventListener !== UNDEF) {
+                doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false);
+            }
+            if (ua.ie) {
+                doc.attachEvent(ON_READY_STATE_CHANGE, function detach() {
+                    if (doc.readyState === "complete") {
+                        doc.detachEvent(ON_READY_STATE_CHANGE, detach);
+                        callDomLoadFunctions();
+                    }
+                });
+                if (win == top) { // if not inside an iframe
+                    (function checkDomLoadedIE() {
+                        if (isDomLoaded) { return; }
+                        try {
+                            doc.documentElement.doScroll("left");
+                        }
+                        catch (e) {
+                            setTimeout(checkDomLoadedIE, 0);
+                            return;
+                        }
+                        callDomLoadFunctions();
+                    }());
+                }
+            }
+            if (ua.wk) {
+                (function checkDomLoadedWK() {
+                    if (isDomLoaded) { return; }
+                    if (!/loaded|complete/.test(doc.readyState)) {
+                        setTimeout(checkDomLoadedWK, 0);
+                        return;
+                    }
+                    callDomLoadFunctions();
+                }());
+            }
+        }
+    }();
+
+    function callDomLoadFunctions() {
+        if (isDomLoaded || !document.getElementsByTagName("body")[0]) { return; }
+        try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early
+            var t, span = createElement("span");
+            span.style.display = "none"; //hide the span in case someone has styled spans via CSS
+            t = doc.getElementsByTagName("body")[0].appendChild(span);
+            t.parentNode.removeChild(t);
+            t = null; //clear the variables
+            span = null;
+        }
+        catch (e) { return; }
+        isDomLoaded = true;
+        var dl = domLoadFnArr.length;
+        for (var i = 0; i < dl; i++) {
+            domLoadFnArr[i]();
+        }
+    }
+
+    function addDomLoadEvent(fn) {
+        if (isDomLoaded) {
+            fn();
+        }
+        else {
+            domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
+        }
+    }
+
+    /* Cross-browser onload
+        - Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
+        - Will fire an event as soon as a web page including all of its assets are loaded
+     */
+    function addLoadEvent(fn) {
+        if (typeof win.addEventListener !== UNDEF) {
+            win.addEventListener("load", fn, false);
+        }
+        else if (typeof doc.addEventListener !== UNDEF) {
+            doc.addEventListener("load", fn, false);
+        }
+        else if (typeof win.attachEvent !== UNDEF) {
+            addListener(win, "onload", fn);
+        }
+        else if (typeof win.onload === "function") {
+            var fnOld = win.onload;
+            win.onload = function () {
+                fnOld();
+                fn();
+            };
+        }
+        else {
+            win.onload = fn;
+        }
+    }
+
+    /* Detect the Flash Player version for non-Internet Explorer browsers
+        - Detecting the plug-in version via the object element is more precise than using the plugins collection item's description:
+          a. Both release and build numbers can be detected
+          b. Avoid wrong descriptions by corrupt installers provided by Adobe
+          c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports
+        - Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available
+    */
+    function testPlayerVersion() {
+        var b = doc.getElementsByTagName("body")[0];
+        var o = createElement(OBJECT);
+        o.setAttribute("style", "visibility: hidden;");
+        o.setAttribute("type", FLASH_MIME_TYPE);
+        var t = b.appendChild(o);
+        if (t) {
+            var counter = 0;
+            (function checkGetVariable() {
+                if (typeof t.GetVariable !== UNDEF) {
+                    try {
+                        var d = t.GetVariable("$version");
+                        if (d) {
+                            d = d.split(" ")[1].split(",");
+                            ua.pv = [toInt(d[0]), toInt(d[1]), toInt(d[2])];
+                        }
+                    } catch (e) {
+                        //t.GetVariable("$version") is known to fail in Flash Player 8 on Firefox
+                        //If this error is encountered, assume FP8 or lower. Time to upgrade.
+                        ua.pv = [8, 0, 0];
+                    }
+                }
+                else if (counter < 10) {
+                    counter++;
+                    setTimeout(checkGetVariable, 10);
+                    return;
+                }
+                b.removeChild(o);
+                t = null;
+                matchVersions();
+            }());
+        }
+        else {
+            matchVersions();
+        }
+    }
+
+    /* Perform Flash Player and SWF version matching; static publishing only
+    */
+    function matchVersions() {
+        var rl = regObjArr.length;
+        if (rl > 0) {
+            for (var i = 0; i < rl; i++) { // for each registered object element
+                var id = regObjArr[i].id;
+                var cb = regObjArr[i].callbackFn;
+                var cbObj = {success: false, id: id};
+                if (ua.pv[0] > 0) {
+                    var obj = getElementById(id);
+                    if (obj) {
+                        if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match!
+                            setVisibility(id, true);
+                            if (cb) {
+                                cbObj.success = true;
+                                cbObj.ref = getObjectById(id);
+                                cbObj.id = id;
+                                cb(cbObj);
+                            }
+                        }
+                        else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported
+                            var att = {};
+                            att.data = regObjArr[i].expressInstall;
+                            att.width = obj.getAttribute("width") || "0";
+                            att.height = obj.getAttribute("height") || "0";
+                            if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); }
+                            if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); }
+                            // parse HTML object param element's name-value pairs
+                            var par = {};
+                            var p = obj.getElementsByTagName("param");
+                            var pl = p.length;
+                            for (var j = 0; j < pl; j++) {
+                                if (p[j].getAttribute("name").toLowerCase() !== "movie") {
+                                    par[p[j].getAttribute("name")] = p[j].getAttribute("value");
+                                }
+                            }
+                            showExpressInstall(att, par, id, cb);
+                        }
+                        else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display fallback content instead of SWF
+                            displayFbContent(obj);
+                            if (cb) { cb(cbObj); }
+                        }
+                    }
+                }
+                else { // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or fallback content)
+                    setVisibility(id, true);
+                    if (cb) {
+                        var o = getObjectById(id); // test whether there is an HTML object element or not
+                        if (o && typeof o.SetVariable !== UNDEF) {
+                            cbObj.success = true;
+                            cbObj.ref = o;
+                            cbObj.id = o.id;
+                        }
+                        cb(cbObj);
+                    }
+                }
+            }
+        }
+    }
+
+    /* Main function
+        - Will preferably execute onDomLoad, otherwise onload (as a fallback)
+    */
+    domLoadFnArr[0] = function () {
+        if (plugin) {
+            testPlayerVersion();
+        }
+        else {
+            matchVersions();
+        }
+    };
+
+    function getObjectById(objectIdStr) {
+        var r = null,
+            o = getElementById(objectIdStr);
+
+        if (o && o.nodeName.toUpperCase() === "OBJECT") {
+            //If targeted object is valid Flash file
+            if (typeof o.SetVariable !== UNDEF) {
+                r = o;
+            } else {
+                //If SetVariable is not working on targeted object but a nested object is
+                //available, assume classic nested object markup. Return nested object.
+
+                //If SetVariable is not working on targeted object and there is no nested object,
+                //return the original object anyway. This is probably new simplified markup.
+
+                r = o.getElementsByTagName(OBJECT)[0] || o;
+            }
+        }
+
+        return r;
+    }
+
+    /* Requirements for Adobe Express Install
+        - only one instance can be active at a time
+        - fp 6.0.65 or higher
+        - Win/Mac OS only
+        - no Webkit engines older than version 312
+    */
+    function canExpressInstall() {
+        return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312);
+    }
+
+    /* Show the Adobe Express Install dialog
+        - Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
+    */
+    function showExpressInstall(att, par, replaceElemIdStr, callbackFn) {
+
+        var obj = getElementById(replaceElemIdStr);
+
+        //Ensure that replaceElemIdStr is really a string and not an element
+        replaceElemIdStr = getId(replaceElemIdStr);
+
+        isExpressInstallActive = true;
+        storedCallbackFn = callbackFn || null;
+        storedCallbackObj = {success: false, id: replaceElemIdStr};
+
+        if (obj) {
+            if (obj.nodeName.toUpperCase() === "OBJECT") { // static publishing
+                storedFbContent = abstractFbContent(obj);
+                storedFbContentId = null;
+            }
+            else { // dynamic publishing
+                storedFbContent = obj;
+                storedFbContentId = replaceElemIdStr;
+            }
+            att.id = EXPRESS_INSTALL_ID;
+            if (typeof att.width === UNDEF || (!/%$/.test(att.width) && toInt(att.width) < 310)) { att.width = "310"; }
+            if (typeof att.height === UNDEF || (!/%$/.test(att.height) && toInt(att.height) < 137)) { att.height = "137"; }
+            var pt = ua.ie ? "ActiveX" : "PlugIn",
+                fv = "MMredirectURL=" + encodeURIComponent(win.location.toString().replace(/&/g, "%26")) + "&MMplayerType=" + pt + "&MMdoctitle=" + encodeURIComponent(doc.title.slice(0, 47) + " - Flash Player Installation");
+            if (typeof par.flashvars !== UNDEF) {
+                par.flashvars += "&" + fv;
+            }
+            else {
+                par.flashvars = fv;
+            }
+            // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
+            // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
+            if (ua.ie && obj.readyState != 4) {
+                var newObj = createElement("div");
+                replaceElemIdStr += "SWFObjectNew";
+                newObj.setAttribute("id", replaceElemIdStr);
+                obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf
+                obj.style.display = "none";
+                removeSWF(obj); //removeSWF accepts elements now
+            }
+            createSWF(att, par, replaceElemIdStr);
+        }
+    }
+
+    /* Functions to abstract and display fallback content
+    */
+    function displayFbContent(obj) {
+        if (ua.ie && obj.readyState != 4) {
+            // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
+            // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
+            obj.style.display = "none";
+            var el = createElement("div");
+            obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the fallback content
+            el.parentNode.replaceChild(abstractFbContent(obj), el);
+            removeSWF(obj); //removeSWF accepts elements now
+        }
+        else {
+            obj.parentNode.replaceChild(abstractFbContent(obj), obj);
+        }
+    }
+
+    function abstractFbContent(obj) {
+        var ac = createElement("div");
+        if (ua.win && ua.ie) {
+            ac.innerHTML = obj.innerHTML;
+        }
+        else {
+            var nestedObj = obj.getElementsByTagName(OBJECT)[0];
+            if (nestedObj) {
+                var c = nestedObj.childNodes;
+                if (c) {
+                    var cl = c.length;
+                    for (var i = 0; i < cl; i++) {
+                        if (!(c[i].nodeType == 1 && c[i].nodeName === "PARAM") && !(c[i].nodeType == 8)) {
+                            ac.appendChild(c[i].cloneNode(true));
+                        }
+                    }
+                }
+            }
+        }
+        return ac;
+    }
+
+    function createIeObject(url, paramStr) {
+        var div = createElement("div");
+        div.innerHTML = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'><param name='movie' value='" + url + "'>" + paramStr + "</object>";
+        return div.firstChild;
+    }
+
+    /* Cross-browser dynamic SWF creation
+    */
+    function createSWF(attObj, parObj, id) {
+        var r, el = getElementById(id);
+        id = getId(id); // ensure id is truly an ID and not an element
+
+        if (ua.wk && ua.wk < 312) { return r; }
+
+        if (el) {
+            var o = (ua.ie) ? createElement("div") : createElement(OBJECT),
+                attr,
+                attrLower,
+                param;
+
+            if (typeof attObj.id === UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the fallback content
+                attObj.id = id;
+            }
+
+            //Add params
+            for (param in parObj) {
+                //filter out prototype additions from other potential libraries and IE specific param element
+                if (parObj.hasOwnProperty(param) && param.toLowerCase() !== "movie") {
+                    createObjParam(o, param, parObj[param]);
+                }
+            }
+
+            //Create IE object, complete with param nodes
+            if (ua.ie) { o = createIeObject(attObj.data, o.innerHTML); }
+
+            //Add attributes to object
+            for (attr in attObj) {
+                if (attObj.hasOwnProperty(attr)) { // filter out prototype additions from other potential libraries
+                    attrLower = attr.toLowerCase();
+
+                    // 'class' is an ECMA4 reserved keyword
+                    if (attrLower === "styleclass") {
+                        o.setAttribute("class", attObj[attr]);
+                    } else if (attrLower !== "classid" && attrLower !== "data") {
+                        o.setAttribute(attr, attObj[attr]);
+                    }
+                }
+            }
+
+            if (ua.ie) {
+                objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only)
+            } else {
+                o.setAttribute("type", FLASH_MIME_TYPE);
+                o.setAttribute("data", attObj.data);
+            }
+
+            el.parentNode.replaceChild(o, el);
+            r = o;
+        }
+
+        return r;
+    }
+
+    function createObjParam(el, pName, pValue) {
+        var p = createElement("param");
+        p.setAttribute("name", pName);
+        p.setAttribute("value", pValue);
+        el.appendChild(p);
+    }
+
+    /* Cross-browser SWF removal
+        - Especially needed to safely and completely remove a SWF in Internet Explorer
+    */
+    function removeSWF(id) {
+        var obj = getElementById(id);
+        if (obj && obj.nodeName.toUpperCase() === "OBJECT") {
+            if (ua.ie) {
+                obj.style.display = "none";
+                (function removeSWFInIE() {
+                    if (obj.readyState == 4) {
+                        //This step prevents memory leaks in Internet Explorer
+                        for (var i in obj) {
+                            if (typeof obj[i] === "function") {
+                                obj[i] = null;
+                            }
+                        }
+                        obj.parentNode.removeChild(obj);
+                    } else {
+                        setTimeout(removeSWFInIE, 10);
+                    }
+                }());
+            }
+            else {
+                obj.parentNode.removeChild(obj);
+            }
+        }
+    }
+
+    function isElement(id) {
+        return (id && id.nodeType && id.nodeType === 1);
+    }
+
+    function getId(thing) {
+        return (isElement(thing)) ? thing.id : thing;
+    }
+
+    /* Functions to optimize JavaScript compression
+    */
+    function getElementById(id) {
+
+        //Allow users to pass an element OR an element's ID
+        if (isElement(id)) { return id; }
+
+        var el = null;
+        try {
+            el = doc.getElementById(id);
+        }
+        catch (e) {}
+        return el;
+    }
+
+    function createElement(el) {
+        return doc.createElement(el);
+    }
+
+    //To aid compression; replaces 14 instances of pareseInt with radix
+    function toInt(str) {
+        return parseInt(str, 10);
+    }
+
+    /* Updated attachEvent function for Internet Explorer
+        - Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks
+    */
+    function addListener(target, eventType, fn) {
+        target.attachEvent(eventType, fn);
+        listenersArr[listenersArr.length] = [target, eventType, fn];
+    }
+
+    /* Flash Player and SWF content version matching
+    */
+    function hasPlayerVersion(rv) {
+        rv += ""; //Coerce number to string, if needed.
+        var pv = ua.pv, v = rv.split(".");
+        v[0] = toInt(v[0]);
+        v[1] = toInt(v[1]) || 0; // supports short notation, e.g. "9" instead of "9.0.0"
+        v[2] = toInt(v[2]) || 0;
+        return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;
+    }
+
+    /* Cross-browser dynamic CSS creation
+        - Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
+    */
+    function createCSS(sel, decl, media, newStyle) {
+        var h = doc.getElementsByTagName("head")[0];
+        if (!h) { return; } // to also support badly authored HTML pages that lack a head element
+        var m = (typeof media === "string") ? media : "screen";
+        if (newStyle) {
+            dynamicStylesheet = null;
+            dynamicStylesheetMedia = null;
+        }
+        if (!dynamicStylesheet || dynamicStylesheetMedia != m) {
+            // create dynamic stylesheet + get a global reference to it
+            var s = createElement("style");
+            s.setAttribute("type", "text/css");
+            s.setAttribute("media", m);
+            dynamicStylesheet = h.appendChild(s);
+            if (ua.ie && typeof doc.styleSheets !== UNDEF && doc.styleSheets.length > 0) {
+                dynamicStylesheet = doc.styleSheets[doc.styleSheets.length - 1];
+            }
+            dynamicStylesheetMedia = m;
+        }
+        // add style rule
+        if (dynamicStylesheet) {
+            if (typeof dynamicStylesheet.addRule !== UNDEF) {
+                dynamicStylesheet.addRule(sel, decl);
+            } else if (typeof doc.createTextNode !== UNDEF) {
+                dynamicStylesheet.appendChild(doc.createTextNode(sel + " {" + decl + "}"));
+            }
+        }
+    }
+
+    function setVisibility(id, isVisible) {
+        if (!autoHideShow) { return; }
+        var v = isVisible ? "visible" : "hidden",
+            el = getElementById(id);
+        if (isDomLoaded && el) {
+            el.style.visibility = v;
+        } else if (typeof id === "string") {
+            createCSS("#" + id, "visibility:" + v);
+        }
+    }
+
+    /* Filter to avoid XSS attacks
+    */
+    function urlEncodeIfNecessary(s) {
+        var regex = /[\\\"<>\.;]/;
+        var hasBadChars = regex.exec(s) !== null;
+        return hasBadChars && typeof encodeURIComponent !== UNDEF ? encodeURIComponent(s) : s;
+    }
+
+    /* Release memory to avoid memory leaks caused by closures, fix hanging audio/video threads and force open sockets/NetConnections to disconnect (Internet Explorer only)
+    */
+    var cleanup = function () {
+        if (ua.ie) {
+            window.attachEvent("onunload", function () {
+                // remove listeners to avoid memory leaks
+                var ll = listenersArr.length;
+                for (var i = 0; i < ll; i++) {
+                    listenersArr[i][0].detachEvent(listenersArr[i][1], listenersArr[i][2]);
+                }
+                // cleanup dynamically embedded objects to fix audio/video threads and force open sockets and NetConnections to disconnect
+                var il = objIdArr.length;
+                for (var j = 0; j < il; j++) {
+                    removeSWF(objIdArr[j]);
+                }
+                // cleanup library's main closures to avoid memory leaks
+                for (var k in ua) {
+                    ua[k] = null;
+                }
+                ua = null;
+                for (var l in swfobject) {
+                    swfobject[l] = null;
+                }
+                swfobject = null;
+            });
+        }
+    }();
+
+    return {
+        /* Public API
+            - Reference: http://code.google.com/p/swfobject/wiki/documentation
+        */
+        registerObject: function (objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn) {
+            if (ua.w3 && objectIdStr && swfVersionStr) {
+                var regObj = {};
+                regObj.id = objectIdStr;
+                regObj.swfVersion = swfVersionStr;
+                regObj.expressInstall = xiSwfUrlStr;
+                regObj.callbackFn = callbackFn;
+                regObjArr[regObjArr.length] = regObj;
+                setVisibility(objectIdStr, false);
+            }
+            else if (callbackFn) {
+                callbackFn({success: false, id: objectIdStr});
+            }
+        },
+
+        getObjectById: function (objectIdStr) {
+            if (ua.w3) {
+                return getObjectById(objectIdStr);
+            }
+        },
+
+        embedSWF: function (swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) {
+
+            var id = getId(replaceElemIdStr),
+                callbackObj = {success: false, id: id};
+
+            if (ua.w3 && !(ua.wk && ua.wk < 312) && swfUrlStr && replaceElemIdStr && widthStr && heightStr && swfVersionStr) {
+                setVisibility(id, false);
+                addDomLoadEvent(function () {
+                    widthStr += ""; // auto-convert to string
+                    heightStr += "";
+                    var att = {};
+                    if (attObj && typeof attObj === OBJECT) {
+                        for (var i in attObj) { // copy object to avoid the use of references, because web authors often reuse attObj for multiple SWFs
+                            att[i] = attObj[i];
+                        }
+                    }
+                    att.data = swfUrlStr;
+                    att.width = widthStr;
+                    att.height = heightStr;
+                    var par = {};
+                    if (parObj && typeof parObj === OBJECT) {
+                        for (var j in parObj) { // copy object to avoid the use of references, because web authors often reuse parObj for multiple SWFs
+                            par[j] = parObj[j];
+                        }
+                    }
+                    if (flashvarsObj && typeof flashvarsObj === OBJECT) {
+                        for (var k in flashvarsObj) { // copy object to avoid the use of references, because web authors often reuse flashvarsObj for multiple SWFs
+                            if (flashvarsObj.hasOwnProperty(k)) {
+
+                                var key = (encodeURIEnabled) ? encodeURIComponent(k) : k,
+                                    value = (encodeURIEnabled) ? encodeURIComponent(flashvarsObj[k]) : flashvarsObj[k];
+
+                                if (typeof par.flashvars !== UNDEF) {
+                                    par.flashvars += "&" + key + "=" + value;
+                                }
+                                else {
+                                    par.flashvars = key + "=" + value;
+                                }
+
+                            }
+                        }
+                    }
+                    if (hasPlayerVersion(swfVersionStr)) { // create SWF
+                        var obj = createSWF(att, par, replaceElemIdStr);
+                        if (att.id == id) {
+                            setVisibility(id, true);
+                        }
+                        callbackObj.success = true;
+                        callbackObj.ref = obj;
+                        callbackObj.id = obj.id;
+                    }
+                    else if (xiSwfUrlStr && canExpressInstall()) { // show Adobe Express Install
+                        att.data = xiSwfUrlStr;
+                        showExpressInstall(att, par, replaceElemIdStr, callbackFn);
+                        return;
+                    }
+                    else { // show fallback content
+                        setVisibility(id, true);
+                    }
+                    if (callbackFn) { callbackFn(callbackObj); }
+                });
+            }
+            else if (callbackFn) { callbackFn(callbackObj); }
+        },
+
+        switchOffAutoHideShow: function () {
+            autoHideShow = false;
+        },
+
+        enableUriEncoding: function (bool) {
+            encodeURIEnabled = (typeof bool === UNDEF) ? true : bool;
+        },
+
+        ua: ua,
+
+        getFlashPlayerVersion: function () {
+            return {major: ua.pv[0], minor: ua.pv[1], release: ua.pv[2]};
+        },
+
+        hasFlashPlayerVersion: hasPlayerVersion,
+
+        createSWF: function (attObj, parObj, replaceElemIdStr) {
+            if (ua.w3) {
+                return createSWF(attObj, parObj, replaceElemIdStr);
+            }
+            else {
+                return undefined;
+            }
+        },
+
+        showExpressInstall: function (att, par, replaceElemIdStr, callbackFn) {
+            if (ua.w3 && canExpressInstall()) {
+                showExpressInstall(att, par, replaceElemIdStr, callbackFn);
+            }
+        },
+
+        removeSWF: function (objElemIdStr) {
+            if (ua.w3) {
+                removeSWF(objElemIdStr);
+            }
+        },
+
+        createCSS: function (selStr, declStr, mediaStr, newStyleBoolean) {
+            if (ua.w3) {
+                createCSS(selStr, declStr, mediaStr, newStyleBoolean);
+            }
+        },
+
+        addDomLoadEvent: addDomLoadEvent,
+
+        addLoadEvent: addLoadEvent,
+
+        getQueryParamValue: function (param) {
+            var q = doc.location.search || doc.location.hash;
+            if (q) {
+                if (/\?/.test(q)) { q = q.split("?")[1]; } // strip question mark
+                if (!param) {
+                    return urlEncodeIfNecessary(q);
+                }
+                var pairs = q.split("&");
+                for (var i = 0; i < pairs.length; i++) {
+                    if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
+                        return urlEncodeIfNecessary(pairs[i].substring((pairs[i].indexOf("=") + 1)));
+                    }
+                }
+            }
+            return "";
+        },
+
+        // For internal usage only
+        expressInstallCallback: function () {
+            if (isExpressInstallActive) {
+                var obj = getElementById(EXPRESS_INSTALL_ID);
+                if (obj && storedFbContent) {
+                    obj.parentNode.replaceChild(storedFbContent, obj);
+                    if (storedFbContentId) {
+                        setVisibility(storedFbContentId, true);
+                        if (ua.ie) { storedFbContent.style.display = "block"; }
+                    }
+                    if (storedCallbackFn) { storedCallbackFn(storedCallbackObj); }
+                }
+                isExpressInstallActive = false;
+            }
+        },
+
+        version: "2.3"
+
+    };
+}();
diff --git a/docs_api/classes/JC.BaseMVC.Model.html b/docs_api/classes/JC.BaseMVC.Model.html
index a24958e..e58006b 100644
--- a/docs_api/classes/JC.BaseMVC.Model.html
+++ b/docs_api/classes/JC.BaseMVC.Model.html
@@ -87,7 +87,7 @@ <h2 class="off-left">APIs</h2>
                         <h1>JC.BaseMVC.Model Class</h1>
 <div class="box meta">
         <div class="foundat">
-            Defined in: <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l229"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:229</code></a>
+            Defined in: <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l249"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:249</code></a>
         </div>
 </div>
 <div class="box intro">
@@ -112,7 +112,7 @@ <h3 class="name"><code>JC.BaseMVC.Model</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l229"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:229</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l249"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:249</code></a>
         </p>
     </div>
     <div class="description">
@@ -166,6 +166,9 @@ <h3>Methods</h3>
                             <li class="index-item method">
                                 <a href="#method_notification">notification</a>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_notificationHandler">notificationHandler</a>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_on">on</a>
                             </li>
@@ -187,6 +190,9 @@ <h3>Methods</h3>
                             <li class="index-item method">
                                 <a href="#method_trigger">trigger</a>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_trigger">trigger</a>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_windowProp">windowProp</a>
                             </li>
@@ -222,7 +228,7 @@ <h3 class="name"><code>attrProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l366"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:366</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l415"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:415</code></a>
         </p>
     </div>
     <div class="description">
@@ -275,7 +281,7 @@ <h3 class="name"><code>boolProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l389"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:389</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l438"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:438</code></a>
         </p>
     </div>
     <div class="description">
@@ -330,7 +336,7 @@ <h3 class="name"><code>callbackProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l415"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:415</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l464"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:464</code></a>
         </p>
     </div>
     <div class="description">
@@ -379,7 +385,7 @@ <h3 class="name"><code>floatProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l327"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:327</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l376"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:376</code></a>
         </p>
     </div>
     <div class="description">
@@ -428,7 +434,7 @@ <h3 class="name"><code>intProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l306"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:306</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l355"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:355</code></a>
         </p>
     </div>
     <div class="description">
@@ -477,7 +483,7 @@ <h3 class="name"><code>is</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l543"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:543</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l592"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:592</code></a>
         </p>
     </div>
     <div class="description">
@@ -526,7 +532,7 @@ <h3 class="name"><code>jsonProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l519"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:519</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l568"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:568</code></a>
         </p>
     </div>
     <div class="description">
@@ -572,7 +578,7 @@ <h3 class="name"><code>notification</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l283"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:283</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l317"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:317</code></a>
         </p>
     </div>
     <div class="description">
@@ -595,6 +601,54 @@ <h4>Parameters:</h4>
                 </li>
             </ul>
         </div>
+</div>
+                    <div id="method_notificationHandler" class="method item">
+    <h3 class="name"><code>notificationHandler</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l329"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:329</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>通知选择器有新事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
 </div>
                     <div id="method_on" class="method item">
     <h3 class="name"><code>on</code></h3>
@@ -611,7 +665,7 @@ <h3 class="name"><code>on</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l258"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:258</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l278"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:278</code></a>
         </p>
     </div>
     <div class="description">
@@ -653,7 +707,7 @@ <h3 class="name"><code>scriptDataProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l497"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:497</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l546"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:546</code></a>
         </p>
     </div>
     <div class="description">
@@ -702,7 +756,7 @@ <h3 class="name"><code>scriptTplProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l472"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:472</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l521"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:521</code></a>
         </p>
     </div>
     <div class="description">
@@ -748,7 +802,7 @@ <h3 class="name"><code>selector</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l295"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:295</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l344"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:344</code></a>
         </p>
     </div>
     <div class="description">
@@ -790,7 +844,7 @@ <h3 class="name"><code>selectorProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l449"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:449</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l498"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:498</code></a>
         </p>
     </div>
     <div class="description">
@@ -839,7 +893,7 @@ <h3 class="name"><code>stringProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l348"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:348</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l397"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:397</code></a>
         </p>
     </div>
     <div class="description">
@@ -882,10 +936,58 @@ <h3 class="name"><code>trigger</code></h3>
                 </li>
             </ul><span class="paren">)</span>
         </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l269"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:269</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l303"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:303</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>使用 jquery trigger 触发 controler 绑定事件( 有换回数据 )</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_trigger" class="method item">
+    <h3 class="name"><code>trigger</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l289"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:289</code></a>
         </p>
     </div>
     <div class="description">
@@ -927,7 +1029,7 @@ <h3 class="name"><code>windowProp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l438"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:438</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l487"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:487</code></a>
         </p>
     </div>
     <div class="description">
@@ -969,7 +1071,7 @@ <h3 class="name"><code>_instanceName</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l244"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:244</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l264"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:264</code></a>
         </p>
     </div>
     <div class="description">
diff --git a/docs_api/classes/JC.BaseMVC.html b/docs_api/classes/JC.BaseMVC.html
index 3733f78..fbeaf1d 100644
--- a/docs_api/classes/JC.BaseMVC.html
+++ b/docs_api/classes/JC.BaseMVC.html
@@ -93,8 +93,7 @@ <h1>JC.BaseMVC Class</h1>
 <div class="box intro">
     <p>MVC 抽象类 ( <b>仅供扩展用, 这个类不能实例化</b>)</p>
 <p><b>require</b>: 
-     <a href='window.jQuery.html'>jQuery</a>
-     , <a href='JC.common.html'>JC.common</a>
+     <a href='JC.common.html'>JC.common</a>
 </p>
 <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
 | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.html' target='_blank'>API docs</a>
@@ -179,6 +178,9 @@ <h3>Methods</h3>
                             <li class="index-item method">
                                 <a href="#method_notification">notification</a>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_notificationHandler">notificationHandler</a>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_on">on</a>
                             </li>
@@ -188,6 +190,9 @@ <h3>Methods</h3>
                             <li class="index-item method">
                                 <a href="#method_trigger">trigger</a>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_triggerHandler">triggerHandler</a>
+                            </li>
                     </ul>
                 </div>
                 <div class="index-section properties">
@@ -209,7 +214,7 @@ <h3 class="name"><code>_beforeInit</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l61"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:61</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l60"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:60</code></a>
         </p>
     </div>
     <div class="description">
@@ -229,7 +234,7 @@ <h3 class="name"><code>_init</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l32"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:32</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l31"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:31</code></a>
         </p>
     </div>
     <div class="description">
@@ -254,7 +259,7 @@ <h3 class="name"><code>_inited</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l77"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:77</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l76"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:76</code></a>
         </p>
     </div>
     <div class="description">
@@ -268,7 +273,7 @@ <h3 class="name"><code>_initHanlderEvent</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l69"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:69</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l68"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:68</code></a>
         </p>
     </div>
     <div class="description">
@@ -288,7 +293,7 @@ <h3 class="name"><code>build</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l154"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:154</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l174"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:174</code></a>
         </p>
     </div>
     <div class="description">
@@ -322,7 +327,7 @@ <h3 class="name"><code>buildClass</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l172"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:172</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l192"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:192</code></a>
         </p>
     </div>
     <div class="description">
@@ -359,7 +364,7 @@ <h3 class="name"><code>buildModel</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l201"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:201</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l221"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:221</code></a>
         </p>
     </div>
     <div class="description">
@@ -390,7 +395,7 @@ <h3 class="name"><code>buildView</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l214"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:214</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l234"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:234</code></a>
         </p>
     </div>
     <div class="description">
@@ -430,7 +435,7 @@ <h3 class="name"><code>getInstance</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l119"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:119</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l139"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:139</code></a>
         </p>
     </div>
     <div class="description">
@@ -481,7 +486,7 @@ <h3 class="name"><code>notification</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l107"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:107</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l114"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:114</code></a>
         </p>
     </div>
     <div class="description">
@@ -505,6 +510,55 @@ <h4>Parameters:</h4>
                 </li>
             </ul>
         </div>
+</div>
+                    <div id="method_notificationHandler" class="method item">
+    <h3 class="name"><code>notificationHandler</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l125"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:125</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>通知选择器有新事件, 有返回结果
+<br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
 </div>
                     <div id="method_on" class="method item">
     <h3 class="name"><code>on</code></h3>
@@ -524,7 +578,7 @@ <h3 class="name"><code>on</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l91"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:91</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l90"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:90</code></a>
         </p>
     </div>
     <div class="description">
@@ -563,7 +617,7 @@ <h3 class="name"><code>selector</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l85"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:85</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l84"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:84</code></a>
         </p>
     </div>
     <div class="description">
@@ -594,7 +648,7 @@ <h3 class="name"><code>trigger</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l99"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:99</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l98"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:98</code></a>
         </p>
     </div>
     <div class="description">
@@ -623,6 +677,54 @@ <h4>Returns:</h4>
                     <p>BaseMVCInstance</p>
             </div>
         </div>
+</div>
+                    <div id="method_triggerHandler" class="method item">
+    <h3 class="name"><code>triggerHandler</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l106"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:106</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>使用 jquery triggerHandler 触发绑定事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
 </div>
             </div>
             <div id="properties" class="api-class-tabpanel">
@@ -634,7 +736,7 @@ <h3 class="name"><code>autoInit</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l146"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:146</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l166"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:166</code></a>
         </p>
     </div>
     <div class="description">
diff --git a/docs_api/classes/JC.FChart.html b/docs_api/classes/JC.FChart.html
index 6800ad1..9cfa4b0 100644
--- a/docs_api/classes/JC.FChart.html
+++ b/docs_api/classes/JC.FChart.html
@@ -234,6 +234,9 @@ <h3>Methods</h3>
                             <li class="index-item method inherited">
                                 <a href="#method_notification">notification</a>
                             </li>
+                            <li class="index-item method inherited">
+                                <a href="#method_notificationHandler">notificationHandler</a>
+                            </li>
                             <li class="index-item method inherited">
                                 <a href="#method_on">on</a>
                             </li>
@@ -243,6 +246,9 @@ <h3>Methods</h3>
                             <li class="index-item method inherited">
                                 <a href="#method_trigger">trigger</a>
                             </li>
+                            <li class="index-item method inherited">
+                                <a href="#method_triggerHandler">triggerHandler</a>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_update">update</a>
                             </li>
@@ -255,6 +261,10 @@ <h3>Properties</h3>
                                 <a href="#property_Model.FLASH_PATH">Model.FLASH_PATH</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item property">
+                                <a href="#property_Model.SWF_FILE_MAP">Model.SWF_FILE_MAP</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item property">
                                 <a href="#property_Model.TYPE_MAP">Model.TYPE_MAP</a>
                                     <span class="flag static">static</span>
@@ -275,7 +285,7 @@ <h3 class="name"><code>_beforeInit</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method__beforeInit">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l61"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:61</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l60"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:60</code></a>
         </p>
     </div>
     <div class="description">
@@ -295,7 +305,7 @@ <h3 class="name"><code>_init</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method__init">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l32"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:32</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l31"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:31</code></a>
         </p>
     </div>
     <div class="description">
@@ -320,7 +330,7 @@ <h3 class="name"><code>_inited</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method__inited">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l77"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:77</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l76"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:76</code></a>
         </p>
     </div>
     <div class="description">
@@ -334,7 +344,7 @@ <h3 class="name"><code>_initHanlderEvent</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method__initHanlderEvent">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l69"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:69</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l68"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:68</code></a>
         </p>
     </div>
     <div class="description">
@@ -396,7 +406,7 @@ <h3 class="name"><code>notification</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method_notification">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l107"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:107</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l114"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:114</code></a>
         </p>
     </div>
     <div class="description">
@@ -420,6 +430,55 @@ <h4>Parameters:</h4>
                 </li>
             </ul>
         </div>
+</div>
+                    <div id="method_notificationHandler" class="method item inherited">
+    <h3 class="name"><code>notificationHandler</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    <div class="meta">
+                <p>Inherited from
+                <a href="../classes/JC.BaseMVC.html#method_notificationHandler">JC.BaseMVC</a>:
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l125"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:125</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>通知选择器有新事件, 有返回结果
+<br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
 </div>
                     <div id="method_on" class="method item inherited">
     <h3 class="name"><code>on</code></h3>
@@ -439,7 +498,7 @@ <h3 class="name"><code>on</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method_on">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l91"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:91</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l90"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:90</code></a>
         </p>
     </div>
     <div class="description">
@@ -478,7 +537,7 @@ <h3 class="name"><code>selector</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method_selector">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l85"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:85</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l84"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:84</code></a>
         </p>
     </div>
     <div class="description">
@@ -509,7 +568,7 @@ <h3 class="name"><code>trigger</code></h3>
     <div class="meta">
                 <p>Inherited from
                 <a href="../classes/JC.BaseMVC.html#method_trigger">JC.BaseMVC</a>:
-        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l99"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:99</code></a>
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l98"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:98</code></a>
         </p>
     </div>
     <div class="description">
@@ -538,6 +597,54 @@ <h4>Returns:</h4>
                     <p>BaseMVCInstance</p>
             </div>
         </div>
+</div>
+                    <div id="method_triggerHandler" class="method item inherited">
+    <h3 class="name"><code>triggerHandler</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_evtName</code>
+                </li>
+                <li class="arg">
+                        <code>_args</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+    <div class="meta">
+                <p>Inherited from
+                <a href="../classes/JC.BaseMVC.html#method_triggerHandler">JC.BaseMVC</a>:
+        <a href="../files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html#l106"><code>..&#x2F;modules&#x2F;JC.BaseMVC&#x2F;0.1&#x2F;BaseMVC.js:106</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>使用 jquery triggerHandler 触发绑定事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_evtName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_args</code>
+                        <span class="type"> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"></span>:
+            </div>
+        </div>
 </div>
                     <div id="method_update" class="method item">
     <h3 class="name"><code>update</code></h3>
@@ -580,7 +687,7 @@ <h3 class="name"><code>Model.FLASH_PATH</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l219"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:219</code></a>
+        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l244"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:244</code></a>
         </p>
     </div>
     <div class="description">
@@ -589,6 +696,40 @@ <h3 class="name"><code>Model.FLASH_PATH</code></h3>
 <br />{1} = chart file name</p>
     </div>
         <p><strong>Default:</strong> {0}/flash/pub/charts/{1}.swf</p>
+</div>
+                    <div id="property_Model.SWF_FILE_MAP" class="property item">
+    <h3 class="name"><code>Model.SWF_FILE_MAP</code></h3>
+    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l219"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:219</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>flash swf 路径映射
+<br />你还可以使用其他属性进行定义路径映射</p>
+<pre class="code prettyprint"><code> 1. window.FCHART_SWF_FILE_MAP
+ 2. JC.FCHART_SWF_FILE_MAP</code></pre>
+    </div>
+        <p><strong>Default:</strong> null</p>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>   requirejs( [ &#39;JC.FChart&#39; ], function( FChart ){
+       FChart[&#39;Model&#39;].SWF_FILE_MAP = {
+           &#39;bar&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf&#39;
+           , &#39;vbar&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf&#39;
+           , &#39;line&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf&#39;
+           , &#39;stack&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf&#39;
+           , &#39;mix&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf&#39;
+           , &#39;column&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf&#39;
+           , &#39;hcolumn&#39;: &#39;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf&#39;
+       };
+   });</code></pre>
+            </div>
+        </div>
 </div>
                     <div id="property_Model.TYPE_MAP" class="property item">
     <h3 class="name"><code>Model.TYPE_MAP</code></h3>
@@ -597,7 +738,7 @@ <h3 class="name"><code>Model.TYPE_MAP</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l247"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:247</code></a>
+        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l272"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:272</code></a>
         </p>
     </div>
     <div class="description">
@@ -617,7 +758,7 @@ <h3 class="name"><code>Model.VERSION</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l230"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:230</code></a>
+        <a href="../files/.._modules_JC.FChart_0.1_FChart.js.html#l255"><code>..&#x2F;modules&#x2F;JC.FChart&#x2F;0.1&#x2F;FChart.js:255</code></a>
         </p>
     </div>
     <div class="description">
diff --git a/docs_api/classes/JC.common.html b/docs_api/classes/JC.common.html
index f7ccd30..676fa14 100644
--- a/docs_api/classes/JC.common.html
+++ b/docs_api/classes/JC.common.html
@@ -87,7 +87,7 @@ <h2 class="off-left">APIs</h2>
                         <h1>JC.common Class</h1>
 <div class="box meta">
         <div class="foundat">
-            Defined in: <a href="../files/.._modules_JC.common_0.2_common.js.html#l31"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:31</code></a>
+            Defined in: <a href="../files/.._modules_JC.common_0.3_common.js.html#l40"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:40</code></a>
         </div>
 </div>
 <div class="box intro">
@@ -96,7 +96,7 @@ <h1>JC.common Class</h1>
 <p><b>require</b>: <a href='window.jQuery.html'>jQuery</a></p>
 <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
 | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.common.html' target='_blank'>API docs</a>
-| <a href='../../modules/JC.common/0.2/_demo/' target='_blank'>demo link</a></p>
+| <a href='../../modules/JC.common/0.3/_demo/' target='_blank'>demo link</a></p>
 </div>
 <div id="classdocs" class="tabview">
     <ul class="api-class-tabs">
@@ -110,6 +110,14 @@ <h2 class="off-left">Item Index</h2>
                 <div class="index-section methods">
                     <h3>Methods</h3>
                     <ul class="index-list methods">
+                            <li class="index-item method">
+                                <a href="#method_addAutoInit">addAutoInit</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_addUrlParams">addUrlParams</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_addUrlParams">addUrlParams</a>
                                     <span class="flag static">static</span>
@@ -118,6 +126,18 @@ <h3>Methods</h3>
                                 <a href="#method_arrayId">arrayId</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_arrayId">arrayId</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_autoInit">autoInit</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_cloneDate">cloneDate</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_cloneDate">cloneDate</a>
                                     <span class="flag static">static</span>
@@ -126,6 +146,14 @@ <h3>Methods</h3>
                                 <a href="#method_cloneObject">cloneObject</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_cloneObject">cloneObject</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_dateDetect">dateDetect</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_dateDetect">dateDetect</a>
                                     <span class="flag static">static</span>
@@ -134,6 +162,30 @@ <h3>Methods</h3>
                                 <a href="#method_dateFormat">dateFormat</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_dateFormat">dateFormat</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_dayOfSeason">dayOfSeason</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_dayOfSeason">dayOfSeason</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_dayOfWeek">dayOfWeek</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_dayOfWeek">dayOfWeek</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_delUrlParam">delUrlParam</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_delUrlParam">delUrlParam</a>
                                     <span class="flag static">static</span>
@@ -142,6 +194,14 @@ <h3>Methods</h3>
                                 <a href="#method_delUrlParams">delUrlParams</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_delUrlParams">delUrlParams</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_docSize">docSize</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_docSize">docSize</a>
                                     <span class="flag static">static</span>
@@ -150,6 +210,14 @@ <h3>Methods</h3>
                                 <a href="#method_easyEffect">easyEffect</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_easyEffect">easyEffect</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_encoder">encoder</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_encoder">encoder</a>
                                     <span class="flag static">static</span>
@@ -158,6 +226,14 @@ <h3>Methods</h3>
                                 <a href="#method_extendObject">extendObject</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_extendObject">extendObject</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_filterXSS">filterXSS</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_filterXSS">filterXSS</a>
                                     <span class="flag static">static</span>
@@ -166,6 +242,14 @@ <h3>Methods</h3>
                                 <a href="#method_formatISODate">formatISODate</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_formatISODate">formatISODate</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_funcName">funcName</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_funcName">funcName</a>
                                     <span class="flag static">static</span>
@@ -174,6 +258,14 @@ <h3>Methods</h3>
                                 <a href="#method_getJqParent">getJqParent</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_getJqParent">getJqParent</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_getUrlParam">getUrlParam</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_getUrlParam">getUrlParam</a>
                                     <span class="flag static">static</span>
@@ -182,6 +274,14 @@ <h3>Methods</h3>
                                 <a href="#method_getUrlParams">getUrlParams</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_getUrlParams">getUrlParams</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_gid">gid</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_gid">gid</a>
                                     <span class="flag static">static</span>
@@ -190,6 +290,14 @@ <h3>Methods</h3>
                                 <a href="#method_hasUrlParam">hasUrlParam</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_hasUrlParam">hasUrlParam</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_httpRequire">httpRequire</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_httpRequire">httpRequire</a>
                                     <span class="flag static">static</span>
@@ -198,6 +306,14 @@ <h3>Methods</h3>
                                 <a href="#method_isSameDay">isSameDay</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_isSameDay">isSameDay</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_isSameMonth">isSameMonth</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_isSameMonth">isSameMonth</a>
                                     <span class="flag static">static</span>
@@ -206,6 +322,14 @@ <h3>Methods</h3>
                                 <a href="#method_isSameSeason">isSameSeason</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_isSameSeason">isSameSeason</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_isSameWeek">isSameWeek</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_isSameWeek">isSameWeek</a>
                                     <span class="flag static">static</span>
@@ -214,6 +338,10 @@ <h3>Methods</h3>
                                 <a href="#method_isSameYear">isSameYear</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_isSameYear">isSameYear</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_jcAutoInitComps">jcAutoInitComps</a>
                                     <span class="flag static">static</span>
@@ -222,6 +350,14 @@ <h3>Methods</h3>
                                 <a href="#method_maxDayOfMonth">maxDayOfMonth</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_maxDayOfMonth">maxDayOfMonth</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_moneyFormat">moneyFormat</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_moneyFormat">moneyFormat</a>
                                     <span class="flag static">static</span>
@@ -230,6 +366,14 @@ <h3>Methods</h3>
                                 <a href="#method_mousewheelEvent">mousewheelEvent</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_mousewheelEvent">mousewheelEvent</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_padChar">padChar</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_padChar">padChar</a>
                                     <span class="flag static">static</span>
@@ -238,6 +382,14 @@ <h3>Methods</h3>
                                 <a href="#method_parentSelector">parentSelector</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_parentSelector">parentSelector</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_parseBool">parseBool</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_parseBool">parseBool</a>
                                     <span class="flag static">static</span>
@@ -246,6 +398,14 @@ <h3>Methods</h3>
                                 <a href="#method_parseDate">parseDate</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_parseDate">parseDate</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_parseFinance">parseFinance</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_parseFinance">parseFinance</a>
                                     <span class="flag static">static</span>
@@ -254,6 +414,14 @@ <h3>Methods</h3>
                                 <a href="#method_parseISODate">parseISODate</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_parseISODate">parseISODate</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_printf">printf</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_printf">printf</a>
                                     <span class="flag static">static</span>
@@ -262,6 +430,14 @@ <h3>Methods</h3>
                                 <a href="#method_printKey">printKey</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_printKey">printKey</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_pureDate">pureDate</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_pureDate">pureDate</a>
                             </li>
@@ -269,6 +445,14 @@ <h3>Methods</h3>
                                 <a href="#method_relativePath">relativePath</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_relativePath">relativePath</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_reloadPage">reloadPage</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_reloadPage">reloadPage</a>
                                     <span class="flag static">static</span>
@@ -277,6 +461,14 @@ <h3>Methods</h3>
                                 <a href="#method_removeUrlSharp">removeUrlSharp</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_removeUrlSharp">removeUrlSharp</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_safeTimeout">safeTimeout</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_safeTimeout">safeTimeout</a>
                                     <span class="flag static">static</span>
@@ -285,6 +477,14 @@ <h3>Methods</h3>
                                 <a href="#method_scriptContent">scriptContent</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_scriptContent">scriptContent</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_scriptPath">scriptPath</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_scriptPath">scriptPath</a>
                                     <span class="flag static">static</span>
@@ -293,6 +493,14 @@ <h3>Methods</h3>
                                 <a href="#method_seasonOfYear">seasonOfYear</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_seasonOfYear">seasonOfYear</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_sliceArgs">sliceArgs</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_sliceArgs">sliceArgs</a>
                                     <span class="flag static">static</span>
@@ -301,6 +509,14 @@ <h3>Methods</h3>
                                 <a href="#method_urlDetect">urlDetect</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_urlDetect">urlDetect</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_urlHostName">urlHostName</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_urlHostName">urlHostName</a>
                                     <span class="flag static">static</span>
@@ -309,6 +525,14 @@ <h3>Methods</h3>
                                 <a href="#method_weekOfYear">weekOfYear</a>
                                     <span class="flag static">static</span>
                             </li>
+                            <li class="index-item method">
+                                <a href="#method_weekOfYear">weekOfYear</a>
+                                    <span class="flag static">static</span>
+                            </li>
+                            <li class="index-item method">
+                                <a href="#method_winSize">winSize</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item method">
                                 <a href="#method_winSize">winSize</a>
                                     <span class="flag static">static</span>
@@ -318,6 +542,13 @@ <h3>Methods</h3>
                 <div class="index-section properties">
                     <h3>Properties</h3>
                     <ul class="index-list properties">
+                            <li class="index-item property protected">
+                                <a href="#property__AUTO_INIT_DATA">_AUTO_INIT_DATA</a>
+                            </li>
+                            <li class="index-item property">
+                                <a href="#property_ZINDEX_COUNT">ZINDEX_COUNT</a>
+                                    <span class="flag static">static</span>
+                            </li>
                             <li class="index-item property">
                                 <a href="#property_ZINDEX_COUNT">ZINDEX_COUNT</a>
                                     <span class="flag static">static</span>
@@ -327,6 +558,43 @@ <h3>Properties</h3>
         </div>
             <div id="methods" class="api-class-tabpanel">
                 <h2 class="off-left">Methods</h2>
+                    <div id="method_addAutoInit" class="method item">
+    <h3 class="name"><code>addAutoInit</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_class</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1153"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1153</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>添加需要自动识别的组件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_class</code>
+                        <span class="type">Class</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> JC.f.addAutoInit( JC.Calendar );</code></pre>
+            </div>
+        </div>
+</div>
                     <div id="method_addUrlParams" class="method item">
     <h3 class="name"><code>addUrlParams</code></h3>
         <div class="args">
@@ -346,7 +614,7 @@ <h3 class="name"><code>addUrlParams</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l322"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:322</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l344"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:344</code></a>
         </p>
     </div>
     <div class="description">
@@ -383,12 +651,15 @@ <h4>Example:</h4>
             </div>
         </div>
 </div>
-                    <div id="method_arrayId" class="method item">
-    <h3 class="name"><code>arrayId</code></h3>
+                    <div id="method_addUrlParams" class="method item">
+    <h3 class="name"><code>addUrlParams</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_ar</code>
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_params</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -399,18 +670,25 @@ <h3 class="name"><code>arrayId</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l178"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:178</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l335"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:335</code></a>
         </p>
     </div>
     <div class="description">
-        <p>一维数组去重</p>
+        <p>添加URL参数
+<br /><b>require:</b> delUrlParam, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_ar</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_params</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -419,40 +697,45 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Array</p>
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var url = addUrlParams( location.href, {&#39;key1&#39;: &#39;key1value&#39;, &#39;key2&#39;: &#39;key2value&#39; } );</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_cloneDate" class="method item">
-    <h3 class="name"><code>cloneDate</code></h3>
+                    <div id="method_arrayId" class="method item">
+    <h3 class="name"><code>arrayId</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_date</code>
+                        <code>_ar</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l630"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:630</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l200"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:200</code></a>
         </p>
     </div>
     <div class="description">
-        <p>克隆日期对象</p>
+        <p>一维数组去重</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_date</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_ar</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
                     <div class="param-description">
-                        <p>需要克隆的日期</p>
                     </div>
                 </li>
             </ul>
@@ -460,17 +743,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>:
-                    <p>需要克隆的日期对象</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
-                    <div id="method_cloneObject" class="method item">
-    <h3 class="name"><code>cloneObject</code></h3>
+                    <div id="method_arrayId" class="method item">
+    <h3 class="name"><code>arrayId</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_inObj</code>
+                        <code>_ar</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -481,18 +763,18 @@ <h3 class="name"><code>cloneObject</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1464"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1464</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l191"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:191</code></a>
         </p>
     </div>
     <div class="description">
-        <p>深度克隆对象</p>
+        <p>一维数组去重</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_inObj</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                        <code class="param-name">_ar</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -501,88 +783,62 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Object</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
-                    <div id="method_dateDetect" class="method item">
-    <h3 class="name"><code>dateDetect</code></h3>
+                    <div id="method_autoInit" class="method item">
+    <h3 class="name"><code>autoInit</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_dateStr</code>
+                        <code>_selector</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
-        <span class="returns-inline">
-            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
-        </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1185"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1185</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1136"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1136</code></a>
         </p>
     </div>
     <div class="description">
-        <p>日期占位符识别功能</p>
+        <p>执行自动识别的组件</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_dateStr</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
                     <div class="param-description">
-                        <p>如果起始字符为 NOW, 那么将视为当前日期
-                                 , 如果起始字符为 NOWFirst, 那么将视为当前月的1号</p>
                     </div>
                 </li>
             </ul>
         </div>
-        <div class="returns">
-            <h4>Returns:</h4>
-            <div class="returns-description">
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
-            </div>
-        </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code> dateDetect( &#39;now&#39; ); //2014-10-02
- dateDetect( &#39;now,3d&#39; ); //2013-10-05
- dateDetect( &#39;now,-3d&#39; ); //2013-09-29
- dateDetect( &#39;now,2w&#39; ); //2013-10-16
- dateDetect( &#39;now,-2m&#39; ); //2013-08-02
- dateDetect( &#39;now,4y&#39; ); //2017-10-02
- dateDetect( &#39;now,1d,1w,1m,1y&#39; ); //2014-11-10</code></pre>
-            </div>
-        </div>
 </div>
-                    <div id="method_dateFormat" class="method item">
-    <h3 class="name"><code>dateFormat</code></h3>
+                    <div id="method_cloneDate" class="method item">
+    <h3 class="name"><code>cloneDate</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
                         <code>_date</code>
                 </li>
-                <li class="arg">
-                        <code>_format</code>
-                </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1322"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1322</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l643"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:643</code></a>
         </p>
     </div>
     <div class="description">
-        <p>日期格式化 (具体格式请查看 PHP Date Formats)</p>
+        <p>克隆日期对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
@@ -591,14 +847,7 @@ <h4>Parameters:</h4>
                         <code class="param-name">_date</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
                     <div class="param-description">
-                        <p>default = now</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_format</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                        <p>default = &quot;YY-MM-DD&quot;</p>
+                        <p>需要克隆的日期</p>
                     </div>
                 </li>
             </ul>
@@ -606,49 +855,40 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>:
             </div>
         </div>
 </div>
-                    <div id="method_delUrlParam" class="method item">
-    <h3 class="name"><code>delUrlParam</code></h3>
+                    <div id="method_cloneDate" class="method item">
+    <h3 class="name"><code>cloneDate</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_url</code>
-                </li>
-                <li class="arg">
-                        <code>_key</code>
+                        <code>_date</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l422"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:422</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l653"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:653</code></a>
         </p>
     </div>
     <div class="description">
-        <p>删除URL参数
-<br /><b>require:</b> filterXSS</p>
+        <p>克隆日期对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_key</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
                     <div class="param-description">
+                        <p>需要克隆的日期</p>
                     </div>
                 </li>
             </ul>
@@ -656,25 +896,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
-            </div>
-        </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, &#39;tag&#39; );</code></pre>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>:
             </div>
         </div>
 </div>
-                    <div id="method_delUrlParams" class="method item">
-    <h3 class="name"><code>delUrlParams</code></h3>
+                    <div id="method_cloneObject" class="method item">
+    <h3 class="name"><code>cloneObject</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_url</code>
-                </li>
-                <li class="arg">
-                        <code>_keys</code>
+                        <code>_inObj</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -685,25 +916,18 @@ <h3 class="name"><code>delUrlParams</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l452"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:452</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1570"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1570</code></a>
         </p>
     </div>
     <div class="description">
-        <p>批量删除URL参数
-<br /><b>require:</b> delUrlParam</p>
+        <p>深度克隆对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_keys</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                        <code class="param-name">_inObj</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -712,22 +936,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
-            </div>
-        </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, [ &#39;k1&#39;, &#39;k2&#39; ] );</code></pre>
+                    <p>Object</p>
             </div>
         </div>
 </div>
-                    <div id="method_docSize" class="method item">
-    <h3 class="name"><code>docSize</code></h3>
+                    <div id="method_cloneObject" class="method item">
+    <h3 class="name"><code>cloneObject</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_doc</code>
+                        <code>_inObj</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -738,18 +956,18 @@ <h3 class="name"><code>docSize</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1507"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1507</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1540"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1540</code></a>
         </p>
     </div>
     <div class="description">
-        <p>获取 document 的 相关大小</p>
+        <p>深度克隆对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_doc</code>
-                        <span class="type">Document</span>
+                        <code class="param-name">_inObj</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -762,77 +980,37 @@ <h4>Returns:</h4>
             </div>
         </div>
 </div>
-                    <div id="method_easyEffect" class="method item">
-    <h3 class="name"><code>easyEffect</code></h3>
+                    <div id="method_dateDetect" class="method item">
+    <h3 class="name"><code>dateDetect</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_cb</code>
-                </li>
-                <li class="arg">
-                        <code>_maxVal</code>
-                </li>
-                <li class="arg">
-                        <code>_startVal</code>
-                </li>
-                <li class="arg">
-                        <code>_duration</code>
-                </li>
-                <li class="arg">
-                        <code>_stepMs</code>
+                        <code>_dateStr</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l837"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:837</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1256"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1256</code></a>
         </p>
     </div>
     <div class="description">
-        <p>缓动函数, 动画效果为按时间缓动 
-<br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval</p>
+        <p>日期占位符识别功能</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_cb</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
-                    <div class="param-description">
-                        <p>缓动运动时的回调</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_maxVal</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
-                    <div class="param-description">
-                        <p>缓动的最大值, default = 200</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_startVal</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
-                    <div class="param-description">
-                        <p>缓动的起始值, default = 0</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_duration</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
-                    <div class="param-description">
-                        <p>缓动的总时间, 单位毫秒, default = 200</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_stepMs</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                        <code class="param-name">_dateStr</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>缓动的间隔, 单位毫秒, default = 2</p>
+                        <p>如果起始字符为 NOW, 那么将视为当前日期
+                                 , 如果起始字符为 NOWFirst, 那么将视为当前月的1号</p>
                     </div>
                 </li>
             </ul>
@@ -840,55 +1018,53 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>interval</p>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
             </div>
         </div>
         <div class="example">
             <h4>Example:</h4>
             <div class="example-content">
-                <pre class="code prettyprint"><code>       $(document).ready(function(){
-           window.js_output = $(&#39;span.js_output&#39;);
-           window.ls = [];
-           window.EFF_INTERVAL = easyEffect( effectcallback, 100);
-       });
-       function effectcallback( _stepval, _done ){
-           js_output.html( _stepval );
-           ls.push( _stepval );
-           !_done &amp;&amp; js_output.html( _stepval );
-           _done &amp;&amp; js_output.html( _stepval + &#39;&lt;br /&gt;&#39; + ls.join() );
-       }</code></pre>
+                <pre class="code prettyprint"><code> dateDetect( &#39;now&#39; ); //2014-10-02
+ dateDetect( &#39;now,3d&#39; ); //2013-10-05
+ dateDetect( &#39;now,-3d&#39; ); //2013-09-29
+ dateDetect( &#39;now,2w&#39; ); //2013-10-16
+ dateDetect( &#39;now,-2m&#39; ); //2013-08-02
+ dateDetect( &#39;now,4y&#39; ); //2017-10-02
+ dateDetect( &#39;now,1d,1w,1m,1y&#39; ); //2014-11-10</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_encoder" class="method item">
-    <h3 class="name"><code>encoder</code></h3>
+                    <div id="method_dateDetect" class="method item">
+    <h3 class="name"><code>dateDetect</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_dateStr</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Encode function</span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1446"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1446</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1286"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1286</code></a>
         </p>
     </div>
     <div class="description">
-        <p>URL 请求时, 获取对URL参数进行编码的函数</p>
+        <p>日期占位符识别功能</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_dateStr</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
+                        <p>如果起始字符为 NOW, 那么将视为当前日期
+                                 , 如果起始字符为 NOWFirst, 那么将视为当前月的1号</p>
                     </div>
                 </li>
             </ul>
@@ -896,23 +1072,31 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Encode function</span>:
-                    <p>default encodeURIComponent</p>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> dateDetect( &#39;now&#39; ); //2014-10-02
+ dateDetect( &#39;now,3d&#39; ); //2013-10-05
+ dateDetect( &#39;now,-3d&#39; ); //2013-09-29
+ dateDetect( &#39;now,2w&#39; ); //2013-10-16
+ dateDetect( &#39;now,-2m&#39; ); //2013-08-02
+ dateDetect( &#39;now,4y&#39; ); //2017-10-02
+ dateDetect( &#39;now,1d,1w,1m,1y&#39; ); //2014-11-10</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_extendObject" class="method item">
-    <h3 class="name"><code>extendObject</code></h3>
+                    <div id="method_dateFormat" class="method item">
+    <h3 class="name"><code>dateFormat</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_source</code>
-                </li>
-                <li class="arg">
-                        <code>_new</code>
+                        <code>_date</code>
                 </li>
                 <li class="arg">
-                        <code>_overwrite</code>
+                        <code>_format</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -923,32 +1107,27 @@ <h3 class="name"><code>extendObject</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1403"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1403</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1428"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1428</code></a>
         </p>
     </div>
     <div class="description">
-        <p>扩展对象属性</p>
+        <p>日期格式化 (具体格式请查看 PHP Date Formats)</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_source</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_new</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
                     <div class="param-description">
+                        <p>default = now</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_overwrite</code>
-                        <span class="type">Bool</span>
+                        <code class="param-name">_format</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>是否覆盖已有属性, default = true</p>
+                        <p>default = &quot;YY-MM-DD&quot;</p>
                     </div>
                 </li>
             </ul>
@@ -956,16 +1135,19 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>object</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_filterXSS" class="method item">
-    <h3 class="name"><code>filterXSS</code></h3>
+                    <div id="method_dateFormat" class="method item">
+    <h3 class="name"><code>dateFormat</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_s</code>
+                        <code>_date</code>
+                </li>
+                <li class="arg">
+                        <code>_format</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -976,19 +1158,27 @@ <h3 class="name"><code>filterXSS</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l348"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:348</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1398"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1398</code></a>
         </p>
     </div>
     <div class="description">
-        <p>xss 过滤函数</p>
+        <p>日期格式化 (具体格式请查看 PHP Date Formats)</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_s</code>
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>default = now</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_format</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
+                        <p>default = &quot;YY-MM-DD&quot;</p>
                     </div>
                 </li>
             </ul>
@@ -1000,16 +1190,13 @@ <h4>Returns:</h4>
             </div>
         </div>
 </div>
-                    <div id="method_formatISODate" class="method item">
-    <h3 class="name"><code>formatISODate</code></h3>
+                    <div id="method_dayOfSeason" class="method item">
+    <h3 class="name"><code>dayOfSeason</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
                         <code>_date</code>
                 </li>
-                <li class="arg">
-                        <code>_split</code>
-                </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
@@ -1019,28 +1206,19 @@ <h3 class="name"><code>formatISODate</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l557"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:557</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l853"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:853</code></a>
         </p>
     </div>
     <div class="description">
-        <p>格式化日期为 YYYY-mm-dd 格式
-<br /><b>require</b>: pad_char_f</p>
+        <p>取某一天所在季度的开始结束日期,以及第几个Q</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
                         <code class="param-name">_date</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
-                    <div class="param-description">
-                        <p>要格式化日期的日期对象</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_split</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | Undefined</span>
+                        <span class="type">Iso date</span>
                     <div class="param-description">
-                        <p>定义年月日的分隔符, 默认为 &#39;-&#39;</p>
                     </div>
                 </li>
             </ul>
@@ -1048,16 +1226,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                    <p>Object</p>
             </div>
         </div>
 </div>
-                    <div id="method_funcName" class="method item">
-    <h3 class="name"><code>funcName</code></h3>
+                    <div id="method_dayOfSeason" class="method item">
+    <h3 class="name"><code>dayOfSeason</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_func</code>
+                        <code>_date</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1068,18 +1246,18 @@ <h3 class="name"><code>funcName</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1042"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1042</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l863"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:863</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取函数名 ( 匿名函数返回空 )</p>
+        <p>取某一天所在季度的开始结束日期,以及第几个Q</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_func</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                        <code class="param-name">_date</code>
+                        <span class="type">Iso date</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1088,19 +1266,19 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                    <p>Object</p>
             </div>
         </div>
 </div>
-                    <div id="method_getJqParent" class="method item">
-    <h3 class="name"><code>getJqParent</code></h3>
+                    <div id="method_dayOfWeek" class="method item">
+    <h3 class="name"><code>dayOfWeek</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_date</code>
                 </li>
                 <li class="arg">
-                        <code>_filter</code>
+                        <code>_dayOffset</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1111,24 +1289,24 @@ <h3 class="name"><code>getJqParent</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l933"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:933</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l824"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:824</code></a>
         </p>
     </div>
     <div class="description">
-        <p>获取 selector 的指定父级标签</p>
+        <p>取某一天所在星期的开始结束日期,以及第几个星期</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_date</code>
+                        <span class="type">Iso date</span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_filter</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_dayOffset</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1137,19 +1315,19 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>selector</p>
+                    <p>Object</p>
             </div>
         </div>
 </div>
-                    <div id="method_getUrlParam" class="method item">
-    <h3 class="name"><code>getUrlParam</code></h3>
+                    <div id="method_dayOfWeek" class="method item">
+    <h3 class="name"><code>dayOfWeek</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_url</code>
+                        <code>_date</code>
                 </li>
                 <li class="arg">
-                        <code>_key</code>
+                        <code>_dayOffset</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1160,25 +1338,24 @@ <h3 class="name"><code>getUrlParam</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l363"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:363</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l834"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:834</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取URL参数的值
-<br /><b>require:</b> filterXSS</p>
+        <p>取某一天所在星期的开始结束日期,以及第几个星期</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_date</code>
+                        <span class="type">Iso date</span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_key</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_dayOffset</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1187,18 +1364,12 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
-            </div>
-        </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code>       var defaultTag = getUrlParam(location.href, &#39;tag&#39;);  </code></pre>
+                    <p>Object</p>
             </div>
         </div>
 </div>
-                    <div id="method_getUrlParams" class="method item">
-    <h3 class="name"><code>getUrlParams</code></h3>
+                    <div id="method_delUrlParam" class="method item">
+    <h3 class="name"><code>delUrlParam</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
@@ -1216,12 +1387,11 @@ <h3 class="name"><code>getUrlParams</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l391"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:391</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l435"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:435</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取URL参数的值, 这个方法返回数组
-<br />与 getUrlParam 的区别是可以获取 checkbox 的所有值
+        <p>删除URL参数
 <br /><b>require:</b> filterXSS</p>
     </div>
         <div class="params">
@@ -1244,41 +1414,18 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Array</p>
+                    <p>string</p>
             </div>
         </div>
         <div class="example">
             <h4>Example:</h4>
             <div class="example-content">
-                <pre class="code prettyprint"><code>       var params = getUrlParams(location.href, &#39;tag&#39;);  </code></pre>
-            </div>
-        </div>
-</div>
-                    <div id="method_gid" class="method item">
-    <h3 class="name"><code>gid</code></h3>
-        <span class="paren">()</span>
-        <span class="returns-inline">
-            <span class="type"></span>
-        </span>
-        <span class="flag static">static</span>
-    <div class="meta">
-                <p>
-                Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l197"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:197</code></a>
-        </p>
-    </div>
-    <div class="description">
-        <p>生成全局唯一ID</p>
-    </div>
-        <div class="returns">
-            <h4>Returns:</h4>
-            <div class="returns-description">
-                    <p>string</p>
+                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, &#39;tag&#39; );</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_hasUrlParam" class="method item">
-    <h3 class="name"><code>hasUrlParam</code></h3>
+                    <div id="method_delUrlParam" class="method item">
+    <h3 class="name"><code>delUrlParam</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
@@ -1296,11 +1443,12 @@ <h3 class="name"><code>hasUrlParam</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l300"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:300</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l444"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:444</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断URL中是否有某个get参数</p>
+        <p>删除URL参数
+<br /><b>require:</b> filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
@@ -1322,22 +1470,25 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>bool</p>
+                    <p>string</p>
             </div>
         </div>
         <div class="example">
             <h4>Example:</h4>
             <div class="example-content">
-                <pre class="code prettyprint"><code> var bool = hasUrlParam( &#39;getkey&#39; );</code></pre>
+                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, &#39;tag&#39; );</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_httpRequire" class="method item">
-    <h3 class="name"><code>httpRequire</code></h3>
+                    <div id="method_delUrlParams" class="method item">
+    <h3 class="name"><code>delUrlParams</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_msg</code>
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_keys</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1348,20 +1499,26 @@ <h3 class="name"><code>httpRequire</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l468"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:468</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l474"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:474</code></a>
         </p>
     </div>
     <div class="description">
-        <p>提示需要 HTTP 环境</p>
+        <p>批量删除URL参数
+<br /><b>require:</b> delUrlParam</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_msg</code>
+                        <code class="param-name">_url</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>要提示的文字, 默认 &quot;本示例需要HTTP环境&#39;</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_keys</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
+                    <div class="param-description">
                     </div>
                 </li>
             </ul>
@@ -1369,50 +1526,55 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>bool     如果是HTTP环境返回true, 否则返回false</p>
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, [ &#39;k1&#39;, &#39;k2&#39; ] );</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_isSameDay" class="method item">
-    <h3 class="name"><code>isSameDay</code></h3>
+                    <div id="method_delUrlParams" class="method item">
+    <h3 class="name"><code>delUrlParams</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d1</code>
+                        <code>_url</code>
                 </li>
                 <li class="arg">
-                        <code>_d2</code>
+                        <code>_keys</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Bool</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l638"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:638</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l465"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:465</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断两个日期是否为同一天</p>
+        <p>批量删除URL参数
+<br /><b>require:</b> delUrlParam</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d1</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期1</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_d2</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_keys</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期2</p>
                     </div>
                 </li>
             </ul>
@@ -1420,50 +1582,2721 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Bool</span>:
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var url = delUrlParam( location.href, [ &#39;k1&#39;, &#39;k2&#39; ] );</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_docSize" class="method item">
+    <h3 class="name"><code>docSize</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_doc</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1583"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1583</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>获取 document 的 相关大小</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_doc</code>
+                        <span class="type">Document</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Object</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_docSize" class="method item">
+    <h3 class="name"><code>docSize</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_doc</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1613"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1613</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>获取 document 的 相关大小</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_doc</code>
+                        <span class="type">Document</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Object</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_easyEffect" class="method item">
+    <h3 class="name"><code>easyEffect</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_cb</code>
+                </li>
+                <li class="arg">
+                        <code>_maxVal</code>
+                </li>
+                <li class="arg">
+                        <code>_startVal</code>
+                </li>
+                <li class="arg">
+                        <code>_duration</code>
+                </li>
+                <li class="arg">
+                        <code>_stepMs</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l915"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:915</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>缓动函数, 动画效果为按时间缓动 
+<br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_cb</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                        <p>缓动运动时的回调</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_maxVal</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的最大值, default = 200</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_startVal</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的起始值, default = 0</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_duration</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的总时间, 单位毫秒, default = 200</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_stepMs</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的间隔, 单位毫秒, default = 2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>interval</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       $(document).ready(function(){
+           window.js_output = $(&#39;span.js_output&#39;);
+           window.ls = [];
+           window.EFF_INTERVAL = easyEffect( effectcallback, 100);
+       });
+       function effectcallback( _stepval, _done ){
+           js_output.html( _stepval );
+           ls.push( _stepval );
+           !_done &amp;&amp; js_output.html( _stepval );
+           _done &amp;&amp; js_output.html( _stepval + &#39;&lt;br /&gt;&#39; + ls.join() );
+       }</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_easyEffect" class="method item">
+    <h3 class="name"><code>easyEffect</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_cb</code>
+                </li>
+                <li class="arg">
+                        <code>_maxVal</code>
+                </li>
+                <li class="arg">
+                        <code>_startVal</code>
+                </li>
+                <li class="arg">
+                        <code>_duration</code>
+                </li>
+                <li class="arg">
+                        <code>_stepMs</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l905"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:905</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>缓动函数, 动画效果为按时间缓动 
+<br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_cb</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                        <p>缓动运动时的回调</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_maxVal</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的最大值, default = 200</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_startVal</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的起始值, default = 0</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_duration</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的总时间, 单位毫秒, default = 200</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_stepMs</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                        <p>缓动的间隔, 单位毫秒, default = 2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>interval</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       $(document).ready(function(){
+           window.js_output = $(&#39;span.js_output&#39;);
+           window.ls = [];
+           window.EFF_INTERVAL = easyEffect( effectcallback, 100);
+       });
+       function effectcallback( _stepval, _done ){
+           js_output.html( _stepval );
+           ls.push( _stepval );
+           !_done &amp;&amp; js_output.html( _stepval );
+           _done &amp;&amp; js_output.html( _stepval + &#39;&lt;br /&gt;&#39; + ls.join() );
+       }</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_encoder" class="method item">
+    <h3 class="name"><code>encoder</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Encode function</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1522"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1522</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>URL 请求时, 获取对URL参数进行编码的函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Encode function</span>:
+                    <p>default encodeURIComponent</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_encoder" class="method item">
+    <h3 class="name"><code>encoder</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Encode function</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1552"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1552</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>URL 请求时, 获取对URL参数进行编码的函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Encode function</span>:
+                    <p>default encodeURIComponent</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_extendObject" class="method item">
+    <h3 class="name"><code>extendObject</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_source</code>
+                </li>
+                <li class="arg">
+                        <code>_new</code>
+                </li>
+                <li class="arg">
+                        <code>_overwrite</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1479"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1479</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>扩展对象属性</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_source</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_new</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_overwrite</code>
+                        <span class="type">Bool</span>
+                    <div class="param-description">
+                        <p>是否覆盖已有属性, default = true</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>object</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_extendObject" class="method item">
+    <h3 class="name"><code>extendObject</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_source</code>
+                </li>
+                <li class="arg">
+                        <code>_new</code>
+                </li>
+                <li class="arg">
+                        <code>_overwrite</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1509"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1509</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>扩展对象属性</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_source</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_new</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_overwrite</code>
+                        <span class="type">Bool</span>
+                    <div class="param-description">
+                        <p>是否覆盖已有属性, default = true</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>object</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_filterXSS" class="method item">
+    <h3 class="name"><code>filterXSS</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_s</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l370"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:370</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>xss 过滤函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_s</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_filterXSS" class="method item">
+    <h3 class="name"><code>filterXSS</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_s</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l361"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:361</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>xss 过滤函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_s</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_formatISODate" class="method item">
+    <h3 class="name"><code>formatISODate</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+                <li class="arg">
+                        <code>_split</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l570"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:570</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>格式化日期为 YYYY-mm-dd 格式
+<br /><b>require</b>: pad_char_f</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>要格式化日期的日期对象</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_split</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | Undefined</span>
+                    <div class="param-description">
+                        <p>定义年月日的分隔符, 默认为 &#39;-&#39;</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_formatISODate" class="method item">
+    <h3 class="name"><code>formatISODate</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+                <li class="arg">
+                        <code>_split</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l579"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:579</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>格式化日期为 YYYY-mm-dd 格式
+<br /><b>require</b>: pad_char_f</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>要格式化日期的日期对象</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_split</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | Undefined</span>
+                    <div class="param-description">
+                        <p>定义年月日的分隔符, 默认为 &#39;-&#39;</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_funcName" class="method item">
+    <h3 class="name"><code>funcName</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_func</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1121"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1121</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取函数名 ( 匿名函数返回空 )</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_func</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_funcName" class="method item">
+    <h3 class="name"><code>funcName</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_func</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1111"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1111</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取函数名 ( 匿名函数返回空 )</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_func</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_getJqParent" class="method item">
+    <h3 class="name"><code>getJqParent</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_filter</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1002"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1002</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>获取 selector 的指定父级标签</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_filter</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>selector</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_getJqParent" class="method item">
+    <h3 class="name"><code>getJqParent</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_filter</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1012"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1012</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>获取 selector 的指定父级标签</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_filter</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>selector</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_getUrlParam" class="method item">
+    <h3 class="name"><code>getUrlParam</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l385"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:385</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取URL参数的值
+<br /><b>require:</b> filterXSS</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var defaultTag = getUrlParam(location.href, &#39;tag&#39;);  </code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_getUrlParam" class="method item">
+    <h3 class="name"><code>getUrlParam</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l376"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:376</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取URL参数的值
+<br /><b>require:</b> filterXSS</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var defaultTag = getUrlParam(location.href, &#39;tag&#39;);  </code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_getUrlParams" class="method item">
+    <h3 class="name"><code>getUrlParams</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l413"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:413</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取URL参数的值, 这个方法返回数组
+<br />与 getUrlParam 的区别是可以获取 checkbox 的所有值
+<br /><b>require:</b> filterXSS</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Array</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var params = getUrlParams(location.href, &#39;tag&#39;);  </code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_getUrlParams" class="method item">
+    <h3 class="name"><code>getUrlParams</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l404"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:404</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取URL参数的值, 这个方法返回数组
+<br />与 getUrlParam 的区别是可以获取 checkbox 的所有值
+<br /><b>require:</b> filterXSS</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Array</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code>       var params = getUrlParams(location.href, &#39;tag&#39;);  </code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_gid" class="method item">
+    <h3 class="name"><code>gid</code></h3>
+        <span class="paren">()</span>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l219"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:219</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>生成全局唯一ID</p>
+    </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_gid" class="method item">
+    <h3 class="name"><code>gid</code></h3>
+        <span class="paren">()</span>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l210"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:210</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>生成全局唯一ID</p>
+    </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_hasUrlParam" class="method item">
+    <h3 class="name"><code>hasUrlParam</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l322"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:322</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断URL中是否有某个get参数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> var bool = hasUrlParam( &#39;getkey&#39; );</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_hasUrlParam" class="method item">
+    <h3 class="name"><code>hasUrlParam</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_key</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l313"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:313</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断URL中是否有某个get参数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_key</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> var bool = hasUrlParam( &#39;getkey&#39; );</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_httpRequire" class="method item">
+    <h3 class="name"><code>httpRequire</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_msg</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l481"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:481</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>提示需要 HTTP 环境</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_msg</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                        <p>要提示的文字, 默认 &quot;本示例需要HTTP环境&#39;</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool     如果是HTTP环境返回true, 否则返回false</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_httpRequire" class="method item">
+    <h3 class="name"><code>httpRequire</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_msg</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l490"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:490</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>提示需要 HTTP 环境</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_msg</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                        <p>要提示的文字, 默认 &quot;本示例需要HTTP环境&#39;</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool     如果是HTTP环境返回true, 否则返回false</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameDay" class="method item">
+    <h3 class="name"><code>isSameDay</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l651"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:651</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一天</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameDay" class="method item">
+    <h3 class="name"><code>isSameDay</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l661"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:661</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一天</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameMonth" class="method item">
+    <h3 class="name"><code>isSameMonth</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l673"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:673</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一月份</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameMonth" class="method item">
+    <h3 class="name"><code>isSameMonth</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l663"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:663</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一月份</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameSeason" class="method item">
+    <h3 class="name"><code>isSameSeason</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l717"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:717</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一季度</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameSeason" class="method item">
+    <h3 class="name"><code>isSameSeason</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l707"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:707</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一季度</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameWeek" class="method item">
+    <h3 class="name"><code>isSameWeek</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l686"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:686</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一季度</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameWeek" class="method item">
+    <h3 class="name"><code>isSameWeek</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l676"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:676</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一季度</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameYear" class="method item">
+    <h3 class="name"><code>isSameYear</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l739"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:739</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一年</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_isSameYear" class="method item">
+    <h3 class="name"><code>isSameYear</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_d1</code>
+                </li>
+                <li class="arg">
+                        <code>_d2</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Bool</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l749"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:749</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>判断两个日期是否为同一年</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_d1</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期1</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_d2</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                        <p>需要判断的日期2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Bool</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_jcAutoInitComps" class="method item">
+    <h3 class="name"><code>jcAutoInitComps</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1126"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1126</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>动态添加内容时, 初始化可识别的组件</p>
+<p><dl>
+     <dt>目前会自动识别的组件</dt>
+     <dd>
+         Bizs.CommonModify, JC.Panel, JC.Dialog
+         <br /><b>自动识别的组件不用显式调用  jcAutoInitComps 去识别可识别的组件</b>
+     </dd>
+</d></p>
+<p><dl>
+     <dt>可识别的组件</dt>
+     <dd>
+         JC.AutoSelect, JC.AutoChecked, JC.AjaxUpload, JC.Calendar
+         , JC.Drag, JC.DCalendar, JC.Placeholder, JC.TableFreeze, JC.ImageCutter, JC.Tab
+         <br />Bizs.DisableLogic, Bizs.FormLogic, Bizs.MoneyTips, Bizs.AutoSelectComplete
+     </dd>
+</d></p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+</div>
+                    <div id="method_maxDayOfMonth" class="method item">
+    <h3 class="name"><code>maxDayOfMonth</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Int</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l880"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:880</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取得一个月份中最大的一天</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Int</span>:
+                    <p>月份中最大的一天</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_maxDayOfMonth" class="method item">
+    <h3 class="name"><code>maxDayOfMonth</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type">Int</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l890"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:890</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取得一个月份中最大的一天</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type">Int</span>:
+                    <p>月份中最大的一天</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_moneyFormat" class="method item">
+    <h3 class="name"><code>moneyFormat</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_number</code>
+                </li>
+                <li class="arg">
+                        <code>_len</code>
+                </li>
+                <li class="arg">
+                        <code>_floatLen</code>
+                </li>
+                <li class="arg">
+                        <code>_splitSymbol</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1373"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1373</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>逗号格式化金额</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_number</code>
+                        <span class="type">Int | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_len</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_floatLen</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_splitSymbol</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_moneyFormat" class="method item">
+    <h3 class="name"><code>moneyFormat</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_number</code>
+                </li>
+                <li class="arg">
+                        <code>_len</code>
+                </li>
+                <li class="arg">
+                        <code>_floatLen</code>
+                </li>
+                <li class="arg">
+                        <code>_splitSymbol</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1343"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1343</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>逗号格式化金额</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_number</code>
+                        <span class="type">Int | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_len</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_floatLen</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_splitSymbol</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_mousewheelEvent" class="method item">
+    <h3 class="name"><code>mousewheelEvent</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_cb</code>
+                </li>
+                <li class="arg">
+                        <code>_detach</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l978"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:978</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>绑定或清除 mousewheel 事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_cb</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_detach</code>
+                        <span class="type">Bool</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                        <p>default = document</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+</div>
+                    <div id="method_mousewheelEvent" class="method item">
+    <h3 class="name"><code>mousewheelEvent</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_cb</code>
+                </li>
+                <li class="arg">
+                        <code>_detach</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l988"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:988</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>绑定或清除 mousewheel 事件</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_cb</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_detach</code>
+                        <span class="type">Bool</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                        <p>default = document</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+</div>
+                    <div id="method_padChar" class="method item">
+    <h3 class="name"><code>padChar</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_str</code>
+                </li>
+                <li class="arg">
+                        <code>_len</code>
+                </li>
+                <li class="arg">
+                        <code>_char</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l563"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:563</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>js 附加字串函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_len</code>
+                        <span class="type">Intl</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_char</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_padChar" class="method item">
+    <h3 class="name"><code>padChar</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_str</code>
+                </li>
+                <li class="arg">
+                        <code>_len</code>
+                </li>
+                <li class="arg">
+                        <code>_char</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l554"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:554</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>js 附加字串函数</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_len</code>
+                        <span class="type">Intl</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_char</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parentSelector" class="method item">
+    <h3 class="name"><code>parentSelector</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_item</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_finder</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1038"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1038</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>扩展 jquery 选择器
+<br />扩展起始字符的 &#39;/&#39; 符号为 jquery 父节点选择器
+<br />扩展起始字符的 &#39;|&#39; 符号为 jquery 子节点选择器
+<br />扩展起始字符的 &#39;(&#39; 符号为 jquery 父节点查找识别符( getJqParent )</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_item</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_finder</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>selector</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parentSelector" class="method item">
+    <h3 class="name"><code>parentSelector</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_item</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_finder</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1028"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1028</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>扩展 jquery 选择器
+<br />扩展起始字符的 &#39;/&#39; 符号为 jquery 父节点选择器
+<br />扩展起始字符的 &#39;|&#39; 符号为 jquery 子节点选择器
+<br />扩展起始字符的 &#39;(&#39; 符号为 jquery 父节点查找识别符( getJqParent )</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_item</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_finder</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>selector</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parseBool" class="method item">
+    <h3 class="name"><code>parseBool</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_input</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l969"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:969</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>把输入值转换为布尔值</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_input</code>
+                        <span class="type"></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parseBool" class="method item">
+    <h3 class="name"><code>parseBool</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_input</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l959"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:959</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>把输入值转换为布尔值</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_input</code>
+                        <span class="type"></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>bool</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parseDate" class="method item">
+    <h3 class="name"><code>parseDate</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_forceISO</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l616"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:616</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>从日期字符串解析日期对象
+<br />兼容 JC.Calendar 日期格式</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                        <p>如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_forceISO</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
+                    <div class="param-description">
+                        <p>是否强制转换为ISO日期</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_parseDate" class="method item">
+    <h3 class="name"><code>parseDate</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_date</code>
+                </li>
+                <li class="arg">
+                        <code>_selector</code>
+                </li>
+                <li class="arg">
+                        <code>_forceISO</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l607"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:607</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>从日期字符串解析日期对象
+<br />兼容 JC.Calendar 日期格式</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_date</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
+                    <div class="param-description">
+                        <p>如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_forceISO</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
+                    <div class="param-description">
+                        <p>是否强制转换为ISO日期</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
+            </div>
+        </div>
+</div>
+                    <div id="method_parseFinance" class="method item">
+    <h3 class="name"><code>parseFinance</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_i</code>
+                </li>
+                <li class="arg">
+                        <code>_dot</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l548"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:548</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>取小数点的N位
+<br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_i</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_dot</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                        <p>default = 2</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>number</p>
             </div>
         </div>
 </div>
-                    <div id="method_isSameMonth" class="method item">
-    <h3 class="name"><code>isSameMonth</code></h3>
+                    <div id="method_parseFinance" class="method item">
+    <h3 class="name"><code>parseFinance</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d1</code>
+                        <code>_i</code>
                 </li>
                 <li class="arg">
-                        <code>_d2</code>
+                        <code>_dot</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Bool</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l650"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:650</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l539"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:539</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断两个日期是否为同一月份</p>
+        <p>取小数点的N位
+<br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d1</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_i</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期1</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_d2</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_dot</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
-                        <p>需要判断的日期2</p>
+                        <p>default = 2</p>
                     </div>
                 </li>
             </ul>
@@ -1471,50 +4304,119 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Bool</span>:
+                    <p>number</p>
             </div>
         </div>
 </div>
-                    <div id="method_isSameSeason" class="method item">
-    <h3 class="name"><code>isSameSeason</code></h3>
+                    <div id="method_parseISODate" class="method item">
+    <h3 class="name"><code>parseISODate</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d1</code>
+                        <code>_datestr</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l593"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:593</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>从 ISODate 字符串解析日期对象</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_datestr</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
                 </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>date</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_parseISODate" class="method item">
+    <h3 class="name"><code>parseISODate</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d2</code>
+                        <code>_datestr</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Bool</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l694"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:694</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l584"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:584</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断两个日期是否为同一季度</p>
+        <p>从 ISODate 字符串解析日期对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d1</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_datestr</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期1</p>
                     </div>
                 </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>date</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_printf" class="method item">
+    <h3 class="name"><code>printf</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_str</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l288"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:288</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>按格式输出字符串</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d2</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期2</p>
                     </div>
                 </li>
             </ul>
@@ -1522,50 +4424,102 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Bool</span>:
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> printf( &#39;asdfasdf{0}sdfasdf{1}&#39;, &#39;000&#39;, 1111 );
+ //return asdfasdf000sdfasdf1111</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_isSameWeek" class="method item">
-    <h3 class="name"><code>isSameWeek</code></h3>
+                    <div id="method_printf" class="method item">
+    <h3 class="name"><code>printf</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d1</code>
+                        <code>_str</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l279"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:279</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>按格式输出字符串</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> printf( &#39;asdfasdf{0}sdfasdf{1}&#39;, &#39;000&#39;, 1111 );
+ //return asdfasdf000sdfasdf1111</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_printKey" class="method item">
+    <h3 class="name"><code>printKey</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_str</code>
                 </li>
                 <li class="arg">
-                        <code>_d2</code>
+                        <code>_keys</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Bool</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l663"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:663</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l304"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:304</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断两个日期是否为同一季度</p>
+        <p>按格式输出字符串</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d1</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期1</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_d2</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_keys</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期2</p>
                     </div>
                 </li>
             </ul>
@@ -1573,50 +4527,103 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Bool</span>:
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> JC.f.printKey( &#39;asdfasdf{key1}sdfasdf{key2},{0}&#39;, { &#39;key1&#39;: &#39;000&#39;, &#39;key2&#39;: 1111, &#39;0&#39;: 222 );
+ //return asdfasdf000sdfasdf1111,222</code></pre>
+            </div>
+        </div>
+</div>
+                    <div id="method_printKey" class="method item">
+    <h3 class="name"><code>printKey</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_str</code>
+                </li>
+                <li class="arg">
+                        <code>_keys</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l295"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:295</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>按格式输出字符串</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_str</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_keys</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> JC.f.printKey( &#39;asdfasdf{key1}sdfasdf{key2},{0}&#39;, { &#39;key1&#39;: &#39;000&#39;, &#39;key2&#39;: 1111, &#39;0&#39;: 222 );
+ //return asdfasdf000sdfasdf1111,222</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_isSameYear" class="method item">
-    <h3 class="name"><code>isSameYear</code></h3>
+                    <div id="method_pureDate" class="method item">
+    <h3 class="name"><code>pureDate</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_d1</code>
-                </li>
-                <li class="arg">
-                        <code>_d2</code>
+                        <code>_d</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Bool</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l726"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:726</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l640"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:640</code></a>
         </p>
     </div>
     <div class="description">
-        <p>判断两个日期是否为同一年</p>
+        <p>获取不带 时分秒的 日期对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_d1</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
-                    <div class="param-description">
-                        <p>需要判断的日期1</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_d2</code>
+                        <code class="param-name">_d</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
                     <div class="param-description">
-                        <p>需要判断的日期2</p>
+                        <p>可选参数, 如果为空 = new Date</p>
                     </div>
                 </li>
             </ul>
@@ -1624,84 +4631,87 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Bool</span>:
+                    <p>Date</p>
             </div>
         </div>
 </div>
-                    <div id="method_jcAutoInitComps" class="method item">
-    <h3 class="name"><code>jcAutoInitComps</code></h3>
+                    <div id="method_pureDate" class="method item">
+    <h3 class="name"><code>pureDate</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_d</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
-        <span class="flag static">static</span>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1057"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1057</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l631"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:631</code></a>
         </p>
     </div>
     <div class="description">
-        <p>动态添加内容时, 初始化可识别的组件</p>
-<p><dl>
-     <dt>目前会自动识别的组件</dt>
-     <dd>
-         Bizs.CommonModify, JC.Panel, JC.Dialog
-         <br /><b>自动识别的组件不用显式调用  jcAutoInitComps 去识别可识别的组件</b>
-     </dd>
-</d></p>
-<p><dl>
-     <dt>可识别的组件</dt>
-     <dd>
-         JC.AutoSelect, JC.AutoChecked, JC.AjaxUpload, JC.Calendar
-         , JC.Drag, JC.DCalendar, JC.Placeholder, JC.TableFreeze, JC.ImageCutter, JC.Tab
-         <br />Bizs.DisableLogic, Bizs.FormLogic, Bizs.MoneyTips, Bizs.AutoSelectComplete
-     </dd>
-</d></p>
+        <p>获取不带 时分秒的 日期对象</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_d</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
                     <div class="param-description">
+                        <p>可选参数, 如果为空 = new Date</p>
                     </div>
                 </li>
             </ul>
         </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Date</p>
+            </div>
+        </div>
 </div>
-                    <div id="method_maxDayOfMonth" class="method item">
-    <h3 class="name"><code>maxDayOfMonth</code></h3>
+                    <div id="method_relativePath" class="method item">
+    <h3 class="name"><code>relativePath</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_date</code>
+                        <code>_path</code>
+                </li>
+                <li class="arg">
+                        <code>_url</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type">Int</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l812"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:812</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l251"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:251</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取得一个月份中最大的一天</p>
+        <p>把 URL 相对路径 转换为 绝对路径</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_date</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_path</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1710,26 +4720,19 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type">Int</span>:
-                    <p>月份中最大的一天</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_moneyFormat" class="method item">
-    <h3 class="name"><code>moneyFormat</code></h3>
+                    <div id="method_relativePath" class="method item">
+    <h3 class="name"><code>relativePath</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_number</code>
-                </li>
-                <li class="arg">
-                        <code>_len</code>
-                </li>
-                <li class="arg">
-                        <code>_floatLen</code>
+                        <code>_path</code>
                 </li>
                 <li class="arg">
-                        <code>_splitSymbol</code>
+                        <code>_url</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1740,36 +4743,24 @@ <h3 class="name"><code>moneyFormat</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1267"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1267</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l260"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:260</code></a>
         </p>
     </div>
     <div class="description">
-        <p>逗号格式化金额</p>
+        <p>把 URL 相对路径 转换为 绝对路径</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_number</code>
-                        <span class="type">Int | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_len</code>
-                        <span class="type">Int</span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_floatLen</code>
-                        <span class="type">Int</span>
+                        <code class="param-name">_path</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_splitSymbol</code>
-                        <span class="type">Int</span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1782,18 +4773,18 @@ <h4>Returns:</h4>
             </div>
         </div>
 </div>
-                    <div id="method_mousewheelEvent" class="method item">
-    <h3 class="name"><code>mousewheelEvent</code></h3>
+                    <div id="method_reloadPage" class="method item">
+    <h3 class="name"><code>reloadPage</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_cb</code>
+                        <code>_url</code>
                 </li>
                 <li class="arg">
-                        <code>_detach</code>
+                        <code>_nornd</code>
                 </li>
                 <li class="arg">
-                        <code>_selector,</code>
+                        <code>_delayms</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1801,107 +4792,99 @@ <h3 class="name"><code>mousewheelEvent</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l909"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:909</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l518"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:518</code></a>
         </p>
     </div>
     <div class="description">
-        <p>绑定或清除 mousewheel 事件</p>
+        <p>重载页面
+<br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_cb</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_detach</code>
+                        <code class="param-name">_nornd</code>
                         <span class="type">Bool</span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_selector,</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_delayms</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
-                        <p>default = document</p>
                     </div>
                 </li>
             </ul>
         </div>
 </div>
-                    <div id="method_padChar" class="method item">
-    <h3 class="name"><code>padChar</code></h3>
+                    <div id="method_reloadPage" class="method item">
+    <h3 class="name"><code>reloadPage</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_str</code>
+                        <code>_url</code>
                 </li>
                 <li class="arg">
-                        <code>_len</code>
+                        <code>_nornd</code>
                 </li>
                 <li class="arg">
-                        <code>_char</code>
+                        <code>_delayms</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
-        <span class="returns-inline">
-            <span class="type"></span>
-        </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l541"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:541</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l527"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:527</code></a>
         </p>
     </div>
     <div class="description">
-        <p>js 附加字串函数</p>
+        <p>重载页面
+<br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_str</code>
+                        <code class="param-name">_url</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_len</code>
-                        <span class="type">Intl</span>
+                        <code class="param-name">_nornd</code>
+                        <span class="type">Bool</span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_char</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_delayms</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
             </ul>
         </div>
-        <div class="returns">
-            <h4>Returns:</h4>
-            <div class="returns-description">
-                    <p>string</p>
-            </div>
-        </div>
 </div>
-                    <div id="method_parentSelector" class="method item">
-    <h3 class="name"><code>parentSelector</code></h3>
+                    <div id="method_removeUrlSharp" class="method item">
+    <h3 class="name"><code>removeUrlSharp</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_item</code>
+                        <code>_url</code>
                 </li>
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_nornd</code>
                 </li>
                 <li class="arg">
-                        <code>_finder</code>
+                        <code>_rndName</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1912,33 +4895,32 @@ <h3 class="name"><code>parentSelector</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l959"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:959</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l505"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:505</code></a>
         </p>
     </div>
     <div class="description">
-        <p>扩展 jquery 选择器
-<br />扩展起始字符的 &#39;/&#39; 符号为 jquery 父节点选择器
-<br />扩展起始字符的 &#39;|&#39; 符号为 jquery 子节点选择器
-<br />扩展起始字符的 &#39;(&#39; 符号为 jquery 父节点查找识别符( getJqParent )</p>
+        <p>删除 URL 的锚点
+<br /><b>require:</b> addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_item</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_nornd</code>
+                        <span class="type">Bool</span>
                     <div class="param-description">
+                        <p>是否不添加随机参数</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_finder</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_rndName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1947,16 +4929,22 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>selector</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_parseBool" class="method item">
-    <h3 class="name"><code>parseBool</code></h3>
+                    <div id="method_removeUrlSharp" class="method item">
+    <h3 class="name"><code>removeUrlSharp</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_input</code>
+                        <code>_url</code>
+                </li>
+                <li class="arg">
+                        <code>_nornd</code>
+                </li>
+                <li class="arg">
+                        <code>_rndName</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -1967,18 +4955,32 @@ <h3 class="name"><code>parseBool</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l890"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:890</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l496"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:496</code></a>
         </p>
     </div>
     <div class="description">
-        <p>把输入值转换为布尔值</p>
+        <p>删除 URL 的锚点
+<br /><b>require:</b> addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_input</code>
-                        <span class="type"></span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_nornd</code>
+                        <span class="type">Bool</span>
+                    <div class="param-description">
+                        <p>是否不添加随机参数</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_rndName</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -1987,60 +4989,69 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>bool</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_parseDate" class="method item">
-    <h3 class="name"><code>parseDate</code></h3>
+                    <div id="method_safeTimeout" class="method item">
+    <h3 class="name"><code>safeTimeout</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_date</code>
+                        <code>_timeout</code>
+                </li>
+                <li class="arg">
+                        <code>_obj</code>
                 </li>
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_name</code>
                 </li>
                 <li class="arg">
-                        <code>_forceISO</code>
+                        <code>_ms</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
         <span class="returns-inline">
-            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>
+            <span class="type"></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l594"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:594</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1531"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1531</code></a>
         </p>
     </div>
     <div class="description">
-        <p>从日期字符串解析日期对象
-<br />兼容 JC.Calendar 日期格式</p>
+        <p>timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_date</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
+                        <code class="param-name">_timeout</code>
+                        <span class="type">Timeout | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
                     <div class="param-description">
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_obj</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
                     <div class="param-description">
-                        <p>如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化</p>
+                        <p>default = window.TIMEOUT_HOST || {}</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_forceISO</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
+                        <code class="param-name">_name</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>是否强制转换为ISO日期</p>
+                        <p>default = &#39;NORMAL&#39;</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_ms</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                        <p>default = 50</p>
                     </div>
                 </li>
             </ul>
@@ -2048,19 +5059,25 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a> | Null</span>:
+                    <p>object</p>
             </div>
         </div>
 </div>
-                    <div id="method_parseFinance" class="method item">
-    <h3 class="name"><code>parseFinance</code></h3>
+                    <div id="method_safeTimeout" class="method item">
+    <h3 class="name"><code>safeTimeout</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_i</code>
+                        <code>_timeout</code>
                 </li>
                 <li class="arg">
-                        <code>_dot,</code>
+                        <code>_obj</code>
+                </li>
+                <li class="arg">
+                        <code>_name</code>
+                </li>
+                <li class="arg">
+                        <code>_ms</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2071,27 +5088,40 @@ <h3 class="name"><code>parseFinance</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l526"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:526</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1501"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1501</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取小数点的N位
-<br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题</p>
+        <p>timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_i</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
+                        <code class="param-name">_timeout</code>
+                        <span class="type">Timeout | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
+                    <div class="param-description">
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_obj</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+                    <div class="param-description">
+                        <p>default = window.TIMEOUT_HOST || {}</p>
+                    </div>
+                </li>
+                <li class="param">
+                        <code class="param-name">_name</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
+                        <p>default = &#39;NORMAL&#39;</p>
                     </div>
                 </li>
                 <li class="param">
-                        <code class="param-name">_dot,</code>
+                        <code class="param-name">_ms</code>
                         <span class="type">Int</span>
                     <div class="param-description">
-                        <p>default = 2</p>
+                        <p>default = 50</p>
                     </div>
                 </li>
             </ul>
@@ -2099,16 +5129,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>number</p>
+                    <p>object</p>
             </div>
         </div>
 </div>
-                    <div id="method_parseISODate" class="method item">
-    <h3 class="name"><code>parseISODate</code></h3>
+                    <div id="method_scriptContent" class="method item">
+    <h3 class="name"><code>scriptContent</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_datestr</code>
+                        <code>_selector</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2119,18 +5149,18 @@ <h3 class="name"><code>parseISODate</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l571"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:571</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1106"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1106</code></a>
         </p>
     </div>
     <div class="description">
-        <p>从 ISODate 字符串解析日期对象</p>
+        <p>获取脚本模板的内容</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_datestr</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -2139,16 +5169,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>date</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_printf" class="method item">
-    <h3 class="name"><code>printf</code></h3>
+                    <div id="method_scriptContent" class="method item">
+    <h3 class="name"><code>scriptContent</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_str</code>
+                        <code>_selector</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2159,18 +5189,18 @@ <h3 class="name"><code>printf</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l266"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:266</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1096"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1096</code></a>
         </p>
     </div>
     <div class="description">
-        <p>按格式输出字符串</p>
+        <p>获取脚本模板的内容</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_str</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_selector</code>
+                        <span class="type">Selector</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -2182,119 +5212,61 @@ <h4>Returns:</h4>
                     <p>string</p>
             </div>
         </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code> printf( &#39;asdfasdf{0}sdfasdf{1}&#39;, &#39;000&#39;, 1111 );
- //return asdfasdf000sdfasdf1111</code></pre>
-            </div>
-        </div>
 </div>
-                    <div id="method_printKey" class="method item">
-    <h3 class="name"><code>printKey</code></h3>
-        <div class="args">
-            <span class="paren">(</span><ul class="args-list inline commas">
-                <li class="arg">
-                        <code>_str</code>
-                </li>
-                <li class="arg">
-                        <code>_keys</code>
-                </li>
-            </ul><span class="paren">)</span>
-        </div>
+                    <div id="method_scriptPath" class="method item">
+    <h3 class="name"><code>scriptPath</code></h3>
+        <span class="paren">()</span>
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
         </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l282"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:282</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l893"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:893</code></a>
         </p>
     </div>
     <div class="description">
-        <p>按格式输出字符串</p>
+        <p>取当前脚本标签的 src路径</p>
     </div>
-        <div class="params">
-            <h4>Parameters:</h4>
-            <ul class="params-list">
-                <li class="param">
-                        <code class="param-name">_str</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_keys</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-            </ul>
-        </div>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
-            </div>
-        </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code> JC.f.printKey( &#39;asdfasdf{key1}sdfasdf{key2},{0}&#39;, { &#39;key1&#39;: &#39;000&#39;, &#39;key2&#39;: 1111, &#39;0&#39;: 222 );
- //return asdfasdf000sdfasdf1111,222</code></pre>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>:
+                    <p>脚本所在目录的完整路径</p>
             </div>
         </div>
 </div>
-                    <div id="method_pureDate" class="method item">
-    <h3 class="name"><code>pureDate</code></h3>
-        <div class="args">
-            <span class="paren">(</span><ul class="args-list inline commas">
-                <li class="arg">
-                        <code>_d</code>
-                </li>
-            </ul><span class="paren">)</span>
-        </div>
+                    <div id="method_scriptPath" class="method item">
+    <h3 class="name"><code>scriptPath</code></h3>
+        <span class="paren">()</span>
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
         </span>
+        <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l618"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:618</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l903"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:903</code></a>
         </p>
     </div>
     <div class="description">
-        <p>获取不带 时分秒的 日期对象</p>
+        <p>取当前脚本标签的 src路径</p>
     </div>
-        <div class="params">
-            <h4>Parameters:</h4>
-            <ul class="params-list">
-                <li class="param">
-                        <code class="param-name">_d</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date" class="crosslink external" target="_blank">Date</a></span>
-                    <div class="param-description">
-                        <p>可选参数, 如果为空 = new Date</p>
-                    </div>
-                </li>
-            </ul>
-        </div>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Date</p>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>:
+                    <p>脚本所在目录的完整路径</p>
             </div>
         </div>
 </div>
-                    <div id="method_relativePath" class="method item">
-    <h3 class="name"><code>relativePath</code></h3>
+                    <div id="method_seasonOfYear" class="method item">
+    <h3 class="name"><code>seasonOfYear</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_path</code>
-                </li>
-                <li class="arg">
-                        <code>_url</code>
+                        <code>_year</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2305,24 +5277,18 @@ <h3 class="name"><code>relativePath</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l238"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:238</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l788"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:788</code></a>
         </p>
     </div>
     <div class="description">
-        <p>把 URL 相对路径 转换为 绝对路径</p>
+        <p>取一年中所有的季度, 及其开始结束日期</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_path</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_year</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -2331,72 +5297,56 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
-                    <div id="method_reloadPage" class="method item">
-    <h3 class="name"><code>reloadPage</code></h3>
+                    <div id="method_seasonOfYear" class="method item">
+    <h3 class="name"><code>seasonOfYear</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_url</code>
-                </li>
-                <li class="arg">
-                        <code>_nornd</code>
-                </li>
-                <li class="arg">
-                        <code>_delayms</code>
+                        <code>_year</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
         <span class="flag static">static</span>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l505"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:505</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l798"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:798</code></a>
         </p>
     </div>
     <div class="description">
-        <p>重载页面
-<br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS</p>
+        <p>取一年中所有的季度, 及其开始结束日期</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_nornd</code>
-                        <span class="type">Bool</span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_delayms</code>
+                        <code class="param-name">_year</code>
                         <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
             </ul>
         </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Array</p>
+            </div>
+        </div>
 </div>
-                    <div id="method_removeUrlSharp" class="method item">
-    <h3 class="name"><code>removeUrlSharp</code></h3>
-        <div class="args">
-            <span class="paren">(</span><ul class="args-list inline commas">
-                <li class="arg">
-                        <code>_url</code>
-                </li>
-                <li class="arg">
-                        <code>_nornd</code>
-                </li>
+                    <div id="method_sliceArgs" class="method item">
+    <h3 class="name"><code>sliceArgs</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_rndName</code>
+                        <code>args</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2407,32 +5357,18 @@ <h3 class="name"><code>removeUrlSharp</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l483"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:483</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l221"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:221</code></a>
         </p>
     </div>
     <div class="description">
-        <p>删除 URL 的锚点
-<br /><b>require:</b> addUrlParams, filterXSS</p>
+        <p>把函数的参数转为数组</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_nornd</code>
-                        <span class="type">Bool</span>
-                    <div class="param-description">
-                        <p>是否不添加随机参数</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_rndName</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">args</code>
+                        <span class="type">Arguments</span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -2441,25 +5377,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
-                    <div id="method_safeTimeout" class="method item">
-    <h3 class="name"><code>safeTimeout</code></h3>
+                    <div id="method_sliceArgs" class="method item">
+    <h3 class="name"><code>sliceArgs</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_timeout</code>
-                </li>
-                <li class="arg">
-                        <code>_obj</code>
-                </li>
-                <li class="arg">
-                        <code>_name</code>
-                </li>
-                <li class="arg">
-                        <code>_ms</code>
+                        <code>args</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2470,40 +5397,19 @@ <h3 class="name"><code>safeTimeout</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1425"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1425</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l230"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:230</code></a>
         </p>
     </div>
     <div class="description">
-        <p>timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行</p>
+        <p>把函数的参数转为数组</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_timeout</code>
-                        <span class="type">Timeout | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
-                    <div class="param-description">
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_obj</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
-                    <div class="param-description">
-                        <p>default = window.TIMEOUT_HOST || {}</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_name</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-                    <div class="param-description">
-                        <p>default = &#39;NORMAL&#39;</p>
-                    </div>
-                </li>
-                <li class="param">
-                        <code class="param-name">_ms</code>
-                        <span class="type">Int</span>
+                        <code class="param-name">args</code>
+                        <span class="type">Arguments</span>
                     <div class="param-description">
-                        <p>default = 50</p>
                     </div>
                 </li>
             </ul>
@@ -2511,16 +5417,16 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>object</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
-                    <div id="method_scriptContent" class="method item">
-    <h3 class="name"><code>scriptContent</code></h3>
+                    <div id="method_urlDetect" class="method item">
+    <h3 class="name"><code>urlDetect</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_selector</code>
+                        <code>_url</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2531,19 +5437,21 @@ <h3 class="name"><code>scriptContent</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1027"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1027</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1245"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1245</code></a>
         </p>
     </div>
     <div class="description">
-        <p>获取脚本模板的内容</p>
+        <p>URL 占位符识别功能
+<br /><b>require:</b> addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_selector</code>
-                        <span class="type">Selector</span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
+                        <p>如果 起始字符为 URL, 那么 URL 将祝为本页的URL</p>
                     </div>
                 </li>
             </ul>
@@ -2554,37 +5462,22 @@ <h4>Returns:</h4>
                     <p>string</p>
             </div>
         </div>
-</div>
-                    <div id="method_scriptPath" class="method item">
-    <h3 class="name"><code>scriptPath</code></h3>
-        <span class="paren">()</span>
-        <span class="returns-inline">
-            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
-        </span>
-        <span class="flag static">static</span>
-    <div class="meta">
-                <p>
-                Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l825"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:825</code></a>
-        </p>
-    </div>
-    <div class="description">
-        <p>取当前脚本标签的 src路径</p>
-    </div>
-        <div class="returns">
-            <h4>Returns:</h4>
-            <div class="returns-description">
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>:
-                    <p>脚本所在目录的完整路径</p>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> urlDetect( &#39;?test&#39; ); //output: ?test
+ urlDetect( &#39;URL,a=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2
+ urlDetect( &#39;URL,a=1,b=2&#39; ); //output: your.com?a=1&amp;b=2
+ urlDetect( &#39;URLa=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_seasonOfYear" class="method item">
-    <h3 class="name"><code>seasonOfYear</code></h3>
+                    <div id="method_urlDetect" class="method item">
+    <h3 class="name"><code>urlDetect</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_year</code>
+                        <code>_url</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2595,19 +5488,21 @@ <h3 class="name"><code>seasonOfYear</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l775"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:775</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1215"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1215</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取一年中所有的季度, 及其开始结束日期</p>
+        <p>URL 占位符识别功能
+<br /><b>require:</b> addUrlParams, filterXSS</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_year</code>
-                        <span class="type">Int</span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
+                        <p>如果 起始字符为 URL, 那么 URL 将祝为本页的URL</p>
                     </div>
                 </li>
             </ul>
@@ -2615,16 +5510,25 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Array</p>
+                    <p>string</p>
+            </div>
+        </div>
+        <div class="example">
+            <h4>Example:</h4>
+            <div class="example-content">
+                <pre class="code prettyprint"><code> urlDetect( &#39;?test&#39; ); //output: ?test
+ urlDetect( &#39;URL,a=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2
+ urlDetect( &#39;URL,a=1,b=2&#39; ); //output: your.com?a=1&amp;b=2
+ urlDetect( &#39;URLa=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2</code></pre>
             </div>
         </div>
 </div>
-                    <div id="method_sliceArgs" class="method item">
-    <h3 class="name"><code>sliceArgs</code></h3>
+                    <div id="method_urlHostName" class="method item">
+    <h3 class="name"><code>urlHostName</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>args</code>
+                        <code>_url</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2635,18 +5539,18 @@ <h3 class="name"><code>sliceArgs</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l208"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:208</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l235"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:235</code></a>
         </p>
     </div>
     <div class="description">
-        <p>把函数的参数转为数组</p>
+        <p>取 URL 的 host name</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">args</code>
-                        <span class="type">Arguments</span>
+                        <code class="param-name">_url</code>
+                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
                     </div>
                 </li>
@@ -2655,12 +5559,12 @@ <h4>Parameters:</h4>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>Array</p>
+                    <p>string</p>
             </div>
         </div>
 </div>
-                    <div id="method_urlDetect" class="method item">
-    <h3 class="name"><code>urlDetect</code></h3>
+                    <div id="method_urlHostName" class="method item">
+    <h3 class="name"><code>urlHostName</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
@@ -2675,12 +5579,11 @@ <h3 class="name"><code>urlDetect</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1144"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1144</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l244"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:244</code></a>
         </p>
     </div>
     <div class="description">
-        <p>URL 占位符识别功能
-<br /><b>require:</b> addUrlParams, filterXSS</p>
+        <p>取 URL 的 host name</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
@@ -2689,7 +5592,6 @@ <h4>Parameters:</h4>
                         <code class="param-name">_url</code>
                         <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
                     <div class="param-description">
-                        <p>如果 起始字符为 URL, 那么 URL 将祝为本页的URL</p>
                     </div>
                 </li>
             </ul>
@@ -2700,22 +5602,16 @@ <h4>Returns:</h4>
                     <p>string</p>
             </div>
         </div>
-        <div class="example">
-            <h4>Example:</h4>
-            <div class="example-content">
-                <pre class="code prettyprint"><code> urlDetect( &#39;?test&#39; ); //output: ?test
- urlDetect( &#39;URL,a=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2
- urlDetect( &#39;URL,a=1,b=2&#39; ); //output: your.com?a=1&amp;b=2
- urlDetect( &#39;URLa=1&amp;b=2&#39; ); //output: your.com?a=1&amp;b=2</code></pre>
-            </div>
-        </div>
 </div>
-                    <div id="method_urlHostName" class="method item">
-    <h3 class="name"><code>urlHostName</code></h3>
+                    <div id="method_weekOfYear" class="method item">
+    <h3 class="name"><code>weekOfYear</code></h3>
         <div class="args">
             <span class="paren">(</span><ul class="args-list inline commas">
                 <li class="arg">
-                        <code>_url</code>
+                        <code>_year</code>
+                </li>
+                <li class="arg">
+                        <code>_dayOffset</code>
                 </li>
             </ul><span class="paren">)</span>
         </div>
@@ -2726,27 +5622,34 @@ <h3 class="name"><code>urlHostName</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l222"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:222</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l761"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:761</code></a>
         </p>
     </div>
     <div class="description">
-        <p>取 URL 的 host name</p>
+        <p>取一年中所有的星期, 及其开始结束日期</p>
     </div>
         <div class="params">
             <h4>Parameters:</h4>
             <ul class="params-list">
                 <li class="param">
-                        <code class="param-name">_url</code>
-                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
+                        <code class="param-name">_year</code>
+                        <span class="type">Int</span>
                     <div class="param-description">
                     </div>
                 </li>
+                <li class="param">
+                        <code class="param-name">_dayOffset</code>
+                        <span class="type">Int</span>
+                    <div class="param-description">
+                        <p>每周的默认开始为周几, 默认0(周一)</p>
+                    </div>
+                </li>
             </ul>
         </div>
         <div class="returns">
             <h4>Returns:</h4>
             <div class="returns-description">
-                    <p>string</p>
+                    <p>Array</p>
             </div>
         </div>
 </div>
@@ -2769,7 +5672,7 @@ <h3 class="name"><code>weekOfYear</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l738"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:738</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l751"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:751</code></a>
         </p>
     </div>
     <div class="description">
@@ -2816,7 +5719,48 @@ <h3 class="name"><code>winSize</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1536"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1536</code></a>
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l1612"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:1612</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>获取 window 的 相关大小</p>
+    </div>
+        <div class="params">
+            <h4>Parameters:</h4>
+            <ul class="params-list">
+                <li class="param">
+                        <code class="param-name">_win,</code>
+                        <span class="type">Window</span>
+                    <div class="param-description">
+                        <p>default = window</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="returns">
+            <h4>Returns:</h4>
+            <div class="returns-description">
+                    <p>Object</p>
+            </div>
+        </div>
+</div>
+                    <div id="method_winSize" class="method item">
+    <h3 class="name"><code>winSize</code></h3>
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+                <li class="arg">
+                        <code>_win,</code>
+                </li>
+            </ul><span class="paren">)</span>
+        </div>
+        <span class="returns-inline">
+            <span class="type"></span>
+        </span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l1642"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:1642</code></a>
         </p>
     </div>
     <div class="description">
@@ -2844,6 +5788,36 @@ <h4>Returns:</h4>
             </div>
             <div id="properties" class="api-class-tabpanel">
                 <h2 class="off-left">Properties</h2>
+                    <div id="property__AUTO_INIT_DATA" class="property item protected">
+    <h3 class="name"><code>_AUTO_INIT_DATA</code></h3>
+    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
+        <span class="flag protected">protected</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l84"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:84</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>保存需要自动识别的组件</p>
+    </div>
+</div>
+                    <div id="property_ZINDEX_COUNT" class="property item">
+    <h3 class="name"><code>ZINDEX_COUNT</code></h3>
+    <span class="type">Int</span>
+        <span class="flag static">static</span>
+    <div class="meta">
+                <p>
+                Defined in
+        <a href="../files/.._modules_JC.common_0.2_common.js.html#l173"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:173</code></a>
+        </p>
+    </div>
+    <div class="description">
+        <p>全局 css z-index 控制属性
+<br /> <b>注意</b>: 这个变量是 window.ZINDEX_COUNT</p>
+    </div>
+        <p><strong>Default:</strong> 50001</p>
+</div>
                     <div id="property_ZINDEX_COUNT" class="property item">
     <h3 class="name"><code>ZINDEX_COUNT</code></h3>
     <span class="type">Int</span>
@@ -2851,7 +5825,7 @@ <h3 class="name"><code>ZINDEX_COUNT</code></h3>
     <div class="meta">
                 <p>
                 Defined in
-        <a href="../files/.._modules_JC.common_0.2_common.js.html#l160"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:160</code></a>
+        <a href="../files/.._modules_JC.common_0.3_common.js.html#l182"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:182</code></a>
         </p>
     </div>
     <div class="description">
diff --git a/docs_api/classes/JC.f.html b/docs_api/classes/JC.f.html
index e704be8..cc34a1c 100644
--- a/docs_api/classes/JC.f.html
+++ b/docs_api/classes/JC.f.html
@@ -87,7 +87,7 @@ <h2 class="off-left">APIs</h2>
                         <h1>JC.f Class</h1>
 <div class="box meta">
         <div class="foundat">
-            Defined in: <a href="../files/.._modules_JC.common_0.2_common.js.html#l25"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.2&#x2F;common.js:25</code></a>
+            Defined in: <a href="../files/.._modules_JC.common_0.3_common.js.html#l34"><code>..&#x2F;modules&#x2F;JC.common&#x2F;0.3&#x2F;common.js:34</code></a>
         </div>
 </div>
 <div class="box intro">
diff --git a/docs_api/data.json b/docs_api/data.json
index a0934a8..2958247 100644
--- a/docs_api/data.json
+++ b/docs_api/data.json
@@ -64,6 +64,13 @@
         "../modules/JC.common/0.2/common.js": {
             "name": "../modules/JC.common/0.2/common.js",
             "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "../modules/JC.common/0.3/common.js": {
+            "name": "../modules/JC.common/0.3/common.js",
+            "modules": {},
             "classes": {
                 "JC.f": 1,
                 "JC.common": 1
@@ -122,6 +129,13 @@
             "namespaces": {
                 "window": 1
             }
+        },
+        "../nginx_config.js": {
+            "name": "../nginx_config.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
         }
     },
     "modules": {},
@@ -137,7 +151,7 @@
             "namespace": "JC",
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
             "line": 3,
-            "description": "MVC 抽象类 ( <b>仅供扩展用, 这个类不能实例化</b>)\n<p><b>require</b>: \n     <a href='window.jQuery.html'>jQuery</a>\n     , <a href='JC.common.html'>JC.common</a>\n</p>\n<p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>\n| <a href='http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.html' target='_blank'>API docs</a>\n| <a href='../../modules/JC.BaseMVC/0.1/_demo' target='_blank'>demo link</a></p>",
+            "description": "MVC 抽象类 ( <b>仅供扩展用, 这个类不能实例化</b>)\n<p><b>require</b>: \n     <a href='JC.common.html'>JC.common</a>\n</p>\n<p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>\n| <a href='http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.html' target='_blank'>API docs</a>\n| <a href='../../modules/JC.BaseMVC/0.1/_demo' target='_blank'>demo link</a></p>",
             "is_constructor": 1,
             "params": [
                 {
@@ -159,7 +173,7 @@
             "extension_for": [],
             "namespace": "JC",
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 229,
+            "line": 249,
             "description": "MVC Model 类( <b>仅供扩展用</b> )\n<br />这个类默认已经包含在lib.js里面, 不需要显式引用\n<p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>\n| <a href='http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.Model.html' target='_blank'>API docs</a>\n| <a href='../../modules/JC.BaseMVC/0.1/_demo' target='_blank'>demo link</a></p>\n<p><b>see also</b>: <a href='JC.BaseMVC.html'>JC.BaseMVC</a></p>",
             "is_constructor": 1,
             "params": [
@@ -263,8 +277,8 @@
             "plugin_for": [],
             "extension_for": [],
             "namespace": "",
-            "file": "../modules/JC.common/0.2/common.js",
-            "line": 25,
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 34,
             "description": "JC.f 是 JC.common 的别名\n<br />具体使用请见 <a href='JC.common.html'>JC.common</a></p>",
             "static": 1
         },
@@ -277,9 +291,9 @@
             "plugin_for": [],
             "extension_for": [],
             "namespace": "",
-            "file": "../modules/JC.common/0.2/common.js",
-            "line": 31,
-            "description": "JC 组件通用静态方法和属性 ( JC.common, <b>别名: JC.f</b> )\n<br />所有 JC 组件都会依赖这个静态类\n<p><b>require</b>: <a href='window.jQuery.html'>jQuery</a></p>\n<p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>\n| <a href='http://jc2.openjavascript.org/docs_api/classes/JC.common.html' target='_blank'>API docs</a>\n| <a href='../../modules/JC.common/0.2/_demo/' target='_blank'>demo link</a></p>",
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 40,
+            "description": "JC 组件通用静态方法和属性 ( JC.common, <b>别名: JC.f</b> )\n<br />所有 JC 组件都会依赖这个静态类\n<p><b>require</b>: <a href='window.jQuery.html'>jQuery</a></p>\n<p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>\n| <a href='http://jc2.openjavascript.org/docs_api/classes/JC.common.html' target='_blank'>API docs</a>\n| <a href='../../modules/JC.common/0.3/_demo/' target='_blank'>demo link</a></p>",
             "static": 1,
             "version": "dev 0.1 2013-07-04",
             "author": "qiushaowei   <suches@btbtd.org> | 360 75 Team"
@@ -358,7 +372,7 @@
     "classitems": [
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 32,
+            "line": 31,
             "description": "内部初始化方法",
             "itemtype": "method",
             "name": "_init",
@@ -376,7 +390,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 61,
+            "line": 60,
             "description": "初始化之前调用的方法",
             "itemtype": "method",
             "name": "_beforeInit",
@@ -387,7 +401,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 69,
+            "line": 68,
             "description": "内部事件初始化方法",
             "itemtype": "method",
             "name": "_initHanlderEvent",
@@ -398,7 +412,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 77,
+            "line": 76,
             "description": "内部初始化完毕时, 调用的方法",
             "itemtype": "method",
             "name": "_inited",
@@ -409,7 +423,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 85,
+            "line": 84,
             "description": "获取 显示 BaseMVC 的触发源选择器, 比如 a 标签",
             "itemtype": "method",
             "name": "selector",
@@ -421,7 +435,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 91,
+            "line": 90,
             "description": "使用 jquery on 绑定事件",
             "itemtype": "method",
             "name": "on",
@@ -446,7 +460,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 99,
+            "line": 98,
             "description": "使用 jquery trigger 触发绑定事件",
             "itemtype": "method",
             "name": "trigger",
@@ -471,7 +485,33 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 107,
+            "line": 106,
+            "description": "使用 jquery triggerHandler 触发绑定事件",
+            "itemtype": "method",
+            "name": "triggerHandler",
+            "type": "String",
+            "params": [
+                {
+                    "name": "_evtName",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_args",
+                    "description": "",
+                    "type": "*|Array"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "*"
+            },
+            "class": "JC.BaseMVC",
+            "namespace": "JC"
+        },
+        {
+            "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
+            "line": 114,
             "description": "通知选择器有新事件\n<br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件",
             "itemtype": "method",
             "name": "notification",
@@ -492,7 +532,32 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 119,
+            "line": 125,
+            "description": "通知选择器有新事件, 有返回结果\n<br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件",
+            "itemtype": "method",
+            "name": "notificationHandler",
+            "params": [
+                {
+                    "name": "_evtName",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_args",
+                    "description": "",
+                    "type": "*|Array"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "*"
+            },
+            "class": "JC.BaseMVC",
+            "namespace": "JC"
+        },
+        {
+            "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
+            "line": 139,
             "description": "获取或设置组件实例",
             "itemtype": "method",
             "name": "getInstance",
@@ -523,7 +588,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 146,
+            "line": 166,
             "description": "是否自动初始化",
             "itemtype": "property",
             "name": "autoInit",
@@ -535,7 +600,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 154,
+            "line": 174,
             "description": "复制 BaseMVC 的所有方法到 _outClass",
             "itemtype": "method",
             "name": "build",
@@ -552,7 +617,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 172,
+            "line": 192,
             "description": "复制 _inClass 的所有方法到 _outClass",
             "itemtype": "method",
             "name": "buildClass",
@@ -574,7 +639,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 201,
+            "line": 221,
             "description": "为 _outClass 生成一个通用 Model 类",
             "itemtype": "method",
             "name": "buildModel",
@@ -591,7 +656,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 214,
+            "line": 234,
             "description": "为 _outClass 生成一个通用 View 类",
             "itemtype": "method",
             "name": "buildView",
@@ -608,14 +673,14 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 224,
+            "line": 244,
             "description": "初始化 BaseMVC Model 类 和 View 类",
             "class": "JC.BaseMVC",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 244,
+            "line": 264,
             "description": "设置 selector 实例引用的 data 属性名",
             "itemtype": "property",
             "name": "_instanceName",
@@ -629,7 +694,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 258,
+            "line": 278,
             "description": "使用 jquery on 为 controler 绑定事件",
             "itemtype": "method",
             "name": "on",
@@ -651,7 +716,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 269,
+            "line": 289,
             "description": "使用 jquery trigger 触发 controler 绑定事件",
             "itemtype": "method",
             "name": "trigger",
@@ -673,7 +738,33 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 283,
+            "line": 303,
+            "description": "使用 jquery trigger 触发 controler 绑定事件( 有换回数据 )",
+            "itemtype": "method",
+            "name": "trigger",
+            "type": "String",
+            "params": [
+                {
+                    "name": "_evtName",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_args",
+                    "description": "",
+                    "type": "*|Array"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "*"
+            },
+            "class": "JC.BaseMVC.Model",
+            "namespace": "JC"
+        },
+        {
+            "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
+            "line": 317,
             "description": "通知选择器有新事件",
             "itemtype": "method",
             "name": "notification",
@@ -694,7 +785,32 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 295,
+            "line": 329,
+            "description": "通知选择器有新事件",
+            "itemtype": "method",
+            "name": "notificationHandler",
+            "params": [
+                {
+                    "name": "_evtName",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_args",
+                    "description": "",
+                    "type": "*|Array"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "*"
+            },
+            "class": "JC.BaseMVC.Model",
+            "namespace": "JC"
+        },
+        {
+            "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
+            "line": 344,
             "description": "初始化的 jq 选择器",
             "itemtype": "method",
             "name": "selector",
@@ -713,7 +829,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 306,
+            "line": 355,
             "description": "读取 int 属性的值",
             "itemtype": "method",
             "name": "intProp",
@@ -737,7 +853,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 327,
+            "line": 376,
             "description": "读取 float 属性的值",
             "itemtype": "method",
             "name": "floatProp",
@@ -761,7 +877,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 348,
+            "line": 397,
             "description": "读取 string 属性的值",
             "itemtype": "method",
             "name": "stringProp",
@@ -785,7 +901,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 366,
+            "line": 415,
             "description": "读取 html 属性值\n<br />这个跟 stringProp 的区别是不会强制转换为小写",
             "itemtype": "method",
             "name": "attrProp",
@@ -809,7 +925,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 389,
+            "line": 438,
             "description": "读取 boolean 属性的值",
             "itemtype": "method",
             "name": "boolProp",
@@ -839,7 +955,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 415,
+            "line": 464,
             "description": "读取 callback 属性的值",
             "itemtype": "method",
             "name": "callbackProp",
@@ -864,7 +980,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 438,
+            "line": 487,
             "description": "获取与属性名匹配的 window 变量",
             "itemtype": "method",
             "name": "windowProp",
@@ -889,7 +1005,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 449,
+            "line": 498,
             "description": "获取 selector 属性的 jquery 选择器",
             "itemtype": "method",
             "name": "selectorProp",
@@ -913,7 +1029,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 472,
+            "line": 521,
             "description": "获取 脚本模板 jquery 选择器",
             "itemtype": "method",
             "name": "scriptTplProp",
@@ -937,7 +1053,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 497,
+            "line": 546,
             "description": "获取 脚本数据 jquery 选择器",
             "itemtype": "method",
             "name": "scriptDataProp",
@@ -961,7 +1077,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 519,
+            "line": 568,
             "description": "获取 selector 属性的 json 数据",
             "itemtype": "method",
             "name": "jsonProp",
@@ -986,7 +1102,7 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 543,
+            "line": 592,
             "description": "判断 _selector 是否具体某种特征",
             "itemtype": "method",
             "name": "is",
@@ -1010,14 +1126,14 @@
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 572,
+            "line": 621,
             "description": "使用 jquery on 为 controler 绑定事件",
             "class": "JC.BaseMVC.Model",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.BaseMVC/0.1/BaseMVC.js",
-            "line": 580,
+            "line": 629,
             "description": "使用 jquery trigger 触发 controler 绑定事件",
             "class": "JC.BaseMVC.Model",
             "namespace": "JC"
@@ -1067,6 +1183,21 @@
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
             "line": 219,
+            "description": "flash swf 路径映射\n<br />你还可以使用其他属性进行定义路径映射\n     1. window.FCHART_SWF_FILE_MAP\n     2. JC.FCHART_SWF_FILE_MAP",
+            "itemtype": "property",
+            "name": "Model.SWF_FILE_MAP",
+            "type": "{object}",
+            "default": "null",
+            "static": 1,
+            "example": [
+                "\n       requirejs( [ 'JC.FChart' ], function( FChart ){\n           FChart['Model'].SWF_FILE_MAP = {\n               'bar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf'\n               , 'vbar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf'\n               , 'line': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf'\n               , 'stack': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf'\n               , 'mix': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf'\n\n               , 'column': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf'\n               , 'hcolumn': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf'\n           };\n       });"
+            ],
+            "class": "JC.FChart",
+            "namespace": "JC"
+        },
+        {
+            "file": "../modules/JC.FChart/0.1/FChart.js",
+            "line": 244,
             "description": "flash swf 路径\n<br />{0} = JC.PATH\n<br />{1} = chart file name",
             "itemtype": "property",
             "name": "Model.FLASH_PATH",
@@ -1078,7 +1209,7 @@
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 230,
+            "line": 255,
             "description": "flash swf 缓存版本控制",
             "itemtype": "property",
             "name": "Model.VERSION",
@@ -1090,7 +1221,7 @@
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 247,
+            "line": 272,
             "description": "图表类型映射\n<br />曲线图: line, curvegram\n<br />柱状图: bar, histogram\n<br />垂直柱状图: var, vhistogram\n<br />饼状图: pie, piegraph\n<br />圆环图: dount\n<br />评分球: rate",
             "itemtype": "property",
             "name": "Model.TYPE_MAP",
@@ -1101,126 +1232,126 @@
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 299,
+            "line": 337,
             "description": "解析图表默认数据",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 321,
+            "line": 359,
             "description": "保存图表数据",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 332,
+            "line": 370,
             "description": "图表宽度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 343,
+            "line": 381,
             "description": "图表高度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 354,
+            "line": 392,
             "description": "图表宽度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 365,
+            "line": 403,
             "description": "设置或保存图表的宽高",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 373,
+            "line": 411,
             "description": "图表画布",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 379,
+            "line": 417,
             "description": "画布圆角弧度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 383,
+            "line": 421,
             "description": "清除图表数据",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 400,
+            "line": 438,
             "description": "清除图表状态",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 436,
+            "line": 519,
             "description": "渲染图表外观",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 473,
+            "line": 559,
             "description": "图表高度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 477,
+            "line": 563,
             "description": "图表高度",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 481,
+            "line": 567,
             "description": "图表画布",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 485,
+            "line": 571,
             "description": "初始化的选择器",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 492,
+            "line": 578,
             "description": "清除图表数据",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 502,
+            "line": 588,
             "description": "清除图表状态",
             "class": "JC.FChart",
             "namespace": "JC"
         },
         {
             "file": "../modules/JC.FChart/0.1/FChart.js",
-            "line": 508,
+            "line": 594,
             "description": "更新图表数据",
             "class": "JC.FChart",
             "namespace": "JC"
@@ -2651,31 +2782,31 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 13,
+            "line": 16,
             "description": "声明主要命名空间, 方便迁移",
             "class": "JC.f"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 101,
+            "line": 114,
             "description": "判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 124,
+            "line": 137,
             "description": "jquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 128,
+            "line": 141,
             "description": "兼容 低版本 ie Array 的 indexOf 方法",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 160,
+            "line": 173,
             "description": "全局 css z-index 控制属性\n<br /> <b>注意</b>: 这个变量是 window.ZINDEX_COUNT",
             "itemtype": "property",
             "name": "ZINDEX_COUNT",
@@ -2686,7 +2817,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 178,
+            "line": 191,
             "description": "一维数组去重",
             "itemtype": "method",
             "name": "arrayId",
@@ -2705,7 +2836,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 197,
+            "line": 210,
             "description": "生成全局唯一ID",
             "itemtype": "method",
             "name": "gid",
@@ -2717,7 +2848,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 208,
+            "line": 221,
             "description": "把函数的参数转为数组",
             "itemtype": "method",
             "name": "sliceArgs",
@@ -2736,7 +2867,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 222,
+            "line": 235,
             "description": "取 URL 的 host name",
             "itemtype": "method",
             "name": "urlHostName",
@@ -2755,7 +2886,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 238,
+            "line": 251,
             "description": "把 URL 相对路径 转换为 绝对路径",
             "itemtype": "method",
             "name": "relativePath",
@@ -2779,7 +2910,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 266,
+            "line": 279,
             "description": "按格式输出字符串",
             "itemtype": "method",
             "name": "printf",
@@ -2801,7 +2932,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 282,
+            "line": 295,
             "description": "按格式输出字符串",
             "itemtype": "method",
             "name": "printKey",
@@ -2828,7 +2959,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 300,
+            "line": 313,
             "description": "判断URL中是否有某个get参数",
             "itemtype": "method",
             "name": "hasUrlParam",
@@ -2855,7 +2986,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 322,
+            "line": 335,
             "description": "添加URL参数\n<br /><b>require:</b> delUrlParam, filterXSS",
             "itemtype": "method",
             "name": "addUrlParams",
@@ -2882,7 +3013,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 348,
+            "line": 361,
             "description": "xss 过滤函数",
             "itemtype": "method",
             "name": "filterXSS",
@@ -2901,7 +3032,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 363,
+            "line": 376,
             "description": "取URL参数的值\n<br /><b>require:</b> filterXSS",
             "itemtype": "method",
             "name": "getUrlParam",
@@ -2928,7 +3059,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 391,
+            "line": 404,
             "description": "取URL参数的值, 这个方法返回数组\n<br />与 getUrlParam 的区别是可以获取 checkbox 的所有值\n<br /><b>require:</b> filterXSS",
             "itemtype": "method",
             "name": "getUrlParams",
@@ -2955,7 +3086,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 422,
+            "line": 435,
             "description": "删除URL参数\n<br /><b>require:</b> filterXSS",
             "itemtype": "method",
             "name": "delUrlParam",
@@ -2982,7 +3113,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 452,
+            "line": 465,
             "description": "批量删除URL参数\n<br /><b>require:</b> delUrlParam",
             "itemtype": "method",
             "name": "delUrlParams",
@@ -3009,7 +3140,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 468,
+            "line": 481,
             "description": "提示需要 HTTP 环境",
             "itemtype": "method",
             "name": "httpRequire",
@@ -3028,7 +3159,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 483,
+            "line": 496,
             "description": "删除 URL 的锚点\n<br /><b>require:</b> addUrlParams, filterXSS",
             "itemtype": "method",
             "name": "removeUrlSharp",
@@ -3057,7 +3188,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 505,
+            "line": 518,
             "description": "重载页面\n<br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS",
             "itemtype": "method",
             "name": "reloadPage",
@@ -3083,7 +3214,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 526,
+            "line": 539,
             "description": "取小数点的N位\n<br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题",
             "itemtype": "method",
             "name": "parseFinance",
@@ -3095,7 +3226,7 @@
                     "type": "Number"
                 },
                 {
-                    "name": "_dot,",
+                    "name": "_dot",
                     "description": "default = 2",
                     "type": "Int"
                 }
@@ -3107,7 +3238,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 541,
+            "line": 554,
             "description": "js 附加字串函数",
             "itemtype": "method",
             "name": "padChar",
@@ -3136,7 +3267,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 557,
+            "line": 570,
             "description": "格式化日期为 YYYY-mm-dd 格式\n<br /><b>require</b>: pad\\_char\\_f",
             "itemtype": "method",
             "name": "formatISODate",
@@ -3160,7 +3291,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 571,
+            "line": 584,
             "description": "从 ISODate 字符串解析日期对象",
             "itemtype": "method",
             "name": "parseISODate",
@@ -3179,7 +3310,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 594,
+            "line": 607,
             "description": "从日期字符串解析日期对象\n<br />兼容 JC.Calendar 日期格式",
             "itemtype": "method",
             "name": "parseDate",
@@ -3209,7 +3340,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 618,
+            "line": 631,
             "description": "获取不带 时分秒的 日期对象",
             "itemtype": "method",
             "name": "pureDate",
@@ -3227,7 +3358,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 630,
+            "line": 643,
             "description": "克隆日期对象",
             "itemtype": "method",
             "name": "cloneDate",
@@ -3240,14 +3371,14 @@
                 }
             ],
             "return": {
-                "description": "需要克隆的日期对象",
+                "description": "",
                 "type": "Date"
             },
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 638,
+            "line": 651,
             "description": "判断两个日期是否为同一天",
             "itemtype": "method",
             "name": "isSameDay",
@@ -3272,7 +3403,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 650,
+            "line": 663,
             "description": "判断两个日期是否为同一月份",
             "itemtype": "method",
             "name": "isSameMonth",
@@ -3297,7 +3428,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 663,
+            "line": 676,
             "description": "判断两个日期是否为同一季度",
             "itemtype": "method",
             "name": "isSameWeek",
@@ -3322,7 +3453,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 694,
+            "line": 707,
             "description": "判断两个日期是否为同一季度",
             "itemtype": "method",
             "name": "isSameSeason",
@@ -3347,7 +3478,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 726,
+            "line": 739,
             "description": "判断两个日期是否为同一年",
             "itemtype": "method",
             "name": "isSameYear",
@@ -3372,7 +3503,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 738,
+            "line": 751,
             "description": "取一年中所有的星期, 及其开始结束日期",
             "itemtype": "method",
             "name": "weekOfYear",
@@ -3396,13 +3527,13 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 750,
+            "line": 763,
             "description": "元旦开始的第一个星期一开始的一周为政治经济上的第一周",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 775,
+            "line": 788,
             "description": "取一年中所有的季度, 及其开始结束日期",
             "itemtype": "method",
             "name": "seasonOfYear",
@@ -3421,7 +3552,50 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 812,
+            "line": 824,
+            "description": "取某一天所在星期的开始结束日期,以及第几个星期",
+            "itemtype": "method",
+            "name": "dayOfWeek",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Iso date"
+                },
+                {
+                    "name": "_dayOffset",
+                    "description": "",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.2/common.js",
+            "line": 853,
+            "description": "取某一天所在季度的开始结束日期,以及第几个Q",
+            "itemtype": "method",
+            "name": "dayOfSeason",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Iso date"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.2/common.js",
+            "line": 880,
             "description": "取得一个月份中最大的一天",
             "itemtype": "method",
             "name": "maxDayOfMonth",
@@ -3441,7 +3615,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 825,
+            "line": 893,
             "description": "取当前脚本标签的 src路径",
             "itemtype": "method",
             "name": "scriptPath",
@@ -3454,7 +3628,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 837,
+            "line": 905,
             "description": "缓动函数, 动画效果为按时间缓动 \n<br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval",
             "itemtype": "method",
             "name": "easyEffect",
@@ -3496,7 +3670,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 890,
+            "line": 959,
             "description": "把输入值转换为布尔值",
             "itemtype": "method",
             "name": "parseBool",
@@ -3515,7 +3689,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 909,
+            "line": 978,
             "description": "绑定或清除 mousewheel 事件",
             "itemtype": "method",
             "name": "mousewheelEvent",
@@ -3531,7 +3705,7 @@
                     "type": "Bool"
                 },
                 {
-                    "name": "_selector,",
+                    "name": "_selector",
                     "description": "default = document",
                     "type": "Selector"
                 }
@@ -3541,7 +3715,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 933,
+            "line": 1002,
             "description": "获取 selector 的指定父级标签",
             "itemtype": "method",
             "name": "getJqParent",
@@ -3566,7 +3740,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 959,
+            "line": 1028,
             "description": "扩展 jquery 选择器\n<br />扩展起始字符的 '/' 符号为 jquery 父节点选择器\n<br />扩展起始字符的 '|' 符号为 jquery 子节点选择器\n<br />扩展起始字符的 '(' 符号为 jquery 父节点查找识别符( getJqParent )",
             "itemtype": "method",
             "name": "parentSelector",
@@ -3596,7 +3770,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1027,
+            "line": 1096,
             "description": "获取脚本模板的内容",
             "itemtype": "method",
             "name": "scriptContent",
@@ -3615,7 +3789,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1042,
+            "line": 1111,
             "description": "取函数名 ( 匿名函数返回空 )",
             "itemtype": "method",
             "name": "funcName",
@@ -3634,7 +3808,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1057,
+            "line": 1126,
             "description": "动态添加内容时, 初始化可识别的组件\n<dl>\n     <dt>目前会自动识别的组件</dt>\n     <dd>\n         Bizs.CommonModify, JC.Panel, JC.Dialog\n         <br /><b>自动识别的组件不用显式调用  jcAutoInitComps 去识别可识别的组件</b>\n     </dd>\n</d>\n<dl>\n     <dt>可识别的组件</dt>\n     <dd>\n         JC.AutoSelect, JC.AutoChecked, JC.AjaxUpload, JC.Calendar\n         , JC.Drag, JC.DCalendar, JC.Placeholder, JC.TableFreeze, JC.ImageCutter, JC.Tab\n         <br />Bizs.DisableLogic, Bizs.FormLogic, Bizs.MoneyTips, Bizs.AutoSelectComplete\n     </dd>\n</d>",
             "itemtype": "method",
             "name": "jcAutoInitComps",
@@ -3650,91 +3824,91 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1082,
+            "line": 1151,
             "description": "联动下拉框",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1086,
+            "line": 1155,
             "description": "日历组件",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1090,
+            "line": 1159,
             "description": "双日历组件",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1094,
+            "line": 1163,
             "description": "全选反选",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1098,
+            "line": 1167,
             "description": "Ajax 上传",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1102,
+            "line": 1171,
             "description": "占位符",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1106,
+            "line": 1175,
             "description": "表格冻结",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1110,
+            "line": 1179,
             "description": "拖曳",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1114,
+            "line": 1183,
             "description": "图片裁切",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1122,
+            "line": 1191,
             "description": "disable / enable",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1126,
+            "line": 1195,
             "description": "表单提交逻辑",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1130,
+            "line": 1199,
             "description": "格式化金额",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1134,
+            "line": 1203,
             "description": "自动完成",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1139,
+            "line": 1210,
             "description": "排期日期展示",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1144,
+            "line": 1215,
             "description": "URL 占位符识别功能\n<br /><b>require:</b> addUrlParams, filterXSS",
             "itemtype": "method",
             "name": "urlDetect",
@@ -3756,7 +3930,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1185,
+            "line": 1256,
             "description": "日期占位符识别功能",
             "itemtype": "method",
             "name": "dateDetect",
@@ -3779,13 +3953,13 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1249,
+            "line": 1325,
             "description": "inject jquery val func, for hidden change event",
             "class": "JC.common"
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1267,
+            "line": 1343,
             "description": "逗号格式化金额",
             "itemtype": "method",
             "name": "moneyFormat",
@@ -3819,7 +3993,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1322,
+            "line": 1398,
             "description": "日期格式化 (具体格式请查看 PHP Date Formats)",
             "itemtype": "method",
             "name": "dateFormat",
@@ -3843,7 +4017,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1403,
+            "line": 1479,
             "description": "扩展对象属性",
             "itemtype": "method",
             "name": "extendObject",
@@ -3872,7 +4046,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1425,
+            "line": 1501,
             "description": "timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行",
             "itemtype": "method",
             "name": "safeTimeout",
@@ -3906,7 +4080,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1446,
+            "line": 1522,
             "description": "URL 请求时, 获取对URL参数进行编码的函数",
             "itemtype": "method",
             "name": "encoder",
@@ -3926,7 +4100,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1464,
+            "line": 1540,
             "description": "深度克隆对象",
             "itemtype": "method",
             "name": "cloneObject",
@@ -3945,7 +4119,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1507,
+            "line": 1583,
             "description": "获取 document 的 相关大小",
             "itemtype": "method",
             "name": "docSize",
@@ -3964,7 +4138,7 @@
         },
         {
             "file": "../modules/JC.common/0.2/common.js",
-            "line": 1536,
+            "line": 1612,
             "description": "获取 window 的 相关大小",
             "itemtype": "method",
             "name": "winSize",
@@ -3982,56 +4156,1474 @@
             "class": "JC.common"
         },
         {
-            "file": "../config.js",
+            "file": "../modules/JC.common/0.3/common.js",
             "line": 4,
-            "description": "requirejs config.js for JC Chart Project",
-            "class": "window.requirejs",
-            "namespace": "window"
+            "description": "如果 console 不可用, 生成一个模拟的 console 对象",
+            "class": "JC.f"
         },
         {
-            "file": "../config.js",
-            "line": 27,
-            "description": "取当前脚本标签的 src路径",
-            "static": 1,
-            "return": {
-                "description": "脚本所在目录的完整路径",
-                "type": "String"
-            },
-            "class": "window.requirejs",
-            "namespace": "window"
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 16,
+            "description": "声明主要命名空间, 方便迁移",
+            "class": "JC.f"
         },
         {
-            "file": "../lib.js",
-            "line": 8,
-            "license": "RequireJS 2.1.8 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.\nAvailable via the MIT or new BSD license.\nsee: http://github.com/jrburke/requirejs for details",
-            "class": "window.requirejs",
-            "namespace": "window"
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 84,
+            "description": "保存需要自动识别的组件",
+            "itemtype": "property",
+            "name": "_AUTO_INIT_DATA",
+            "type": "Object",
+            "access": "protected",
+            "tagname": "",
+            "class": "JC.common"
         },
         {
-            "file": "../lib.js",
-            "line": 56,
-            "description": "Helper function for iterating over an array. If the func returns\na true value, it will break out of the loop.",
-            "class": "window.requirejs",
-            "namespace": "window"
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 123,
+            "description": "判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数",
+            "class": "JC.common"
         },
         {
-            "file": "../lib.js",
-            "line": 71,
-            "description": "Helper function for iterating over an array backwards. If the func\nreturns a true value, it will break out of the loop.",
-            "class": "window.requirejs",
-            "namespace": "window"
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 146,
+            "description": "jquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法",
+            "class": "JC.common"
         },
         {
-            "file": "../lib.js",
-            "line": 94,
-            "description": "Cycles over properties in an object and calls a function for each\nproperty value. If the function returns a truthy value, then the\niteration is stopped.",
-            "class": "window.requirejs",
-            "namespace": "window"
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 150,
+            "description": "兼容 低版本 ie Array 的 indexOf 方法",
+            "class": "JC.common"
         },
         {
-            "file": "../lib.js",
-            "line": 110,
-            "description": "Simple function to mix in properties from source into target,\nbut only if target does not already have a property of the same name.",
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 182,
+            "description": "全局 css z-index 控制属性\n<br /> <b>注意</b>: 这个变量是 window.ZINDEX_COUNT",
+            "itemtype": "property",
+            "name": "ZINDEX_COUNT",
+            "type": "int",
+            "default": "50001",
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 200,
+            "description": "一维数组去重",
+            "itemtype": "method",
+            "name": "arrayId",
+            "params": [
+                {
+                    "name": "_ar",
+                    "description": "",
+                    "type": "Array"
+                }
+            ],
+            "return": {
+                "description": "Array"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 219,
+            "description": "生成全局唯一ID",
+            "itemtype": "method",
+            "name": "gid",
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 230,
+            "description": "把函数的参数转为数组",
+            "itemtype": "method",
+            "name": "sliceArgs",
+            "params": [
+                {
+                    "name": "args",
+                    "description": "",
+                    "type": "Arguments"
+                }
+            ],
+            "return": {
+                "description": "Array"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 244,
+            "description": "取 URL 的 host name",
+            "itemtype": "method",
+            "name": "urlHostName",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 260,
+            "description": "把 URL 相对路径 转换为 绝对路径",
+            "itemtype": "method",
+            "name": "relativePath",
+            "params": [
+                {
+                    "name": "_path",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 288,
+            "description": "按格式输出字符串",
+            "itemtype": "method",
+            "name": "printf",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_str",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "example": [
+                "\n     printf( 'asdfasdf{0}sdfasdf{1}', '000', 1111 );\n     //return asdfasdf000sdfasdf1111"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 304,
+            "description": "按格式输出字符串",
+            "itemtype": "method",
+            "name": "printKey",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_str",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_keys",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "example": [
+                "\n     JC.f.printKey( 'asdfasdf{key1}sdfasdf{key2},{0}', { 'key1': '000', 'key2': 1111, '0': 222 );\n     //return asdfasdf000sdfasdf1111,222"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 322,
+            "description": "判断URL中是否有某个get参数",
+            "itemtype": "method",
+            "name": "hasUrlParam",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_key",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "bool"
+            },
+            "static": 1,
+            "example": [
+                "\n     var bool = hasUrlParam( 'getkey' );"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 344,
+            "description": "添加URL参数\n<br /><b>require:</b> delUrlParam, filterXSS",
+            "itemtype": "method",
+            "name": "addUrlParams",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_params",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "example": [
+                "\n           var url = addUrlParams( location.href, {'key1': 'key1value', 'key2': 'key2value' } );"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 370,
+            "description": "xss 过滤函数",
+            "itemtype": "method",
+            "name": "filterXSS",
+            "params": [
+                {
+                    "name": "_s",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 385,
+            "description": "取URL参数的值\n<br /><b>require:</b> filterXSS",
+            "itemtype": "method",
+            "name": "getUrlParam",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_key",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "example": [
+                "\n           var defaultTag = getUrlParam(location.href, 'tag');  "
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 413,
+            "description": "取URL参数的值, 这个方法返回数组\n<br />与 getUrlParam 的区别是可以获取 checkbox 的所有值\n<br /><b>require:</b> filterXSS",
+            "itemtype": "method",
+            "name": "getUrlParams",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_key",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "Array"
+            },
+            "static": 1,
+            "example": [
+                "\n           var params = getUrlParams(location.href, 'tag');  "
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 444,
+            "description": "删除URL参数\n<br /><b>require:</b> filterXSS",
+            "itemtype": "method",
+            "name": "delUrlParam",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_key",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "example": [
+                "\n           var url = delUrlParam( location.href, 'tag' );"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 474,
+            "description": "批量删除URL参数\n<br /><b>require:</b> delUrlParam",
+            "itemtype": "method",
+            "name": "delUrlParams",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_keys",
+                    "description": "",
+                    "type": "Array"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "example": [
+                "\n           var url = delUrlParam( location.href, [ 'k1', 'k2' ] );"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 490,
+            "description": "提示需要 HTTP 环境",
+            "itemtype": "method",
+            "name": "httpRequire",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_msg",
+                    "description": "要提示的文字, 默认 \"本示例需要HTTP环境'",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "bool     如果是HTTP环境返回true, 否则返回false"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 505,
+            "description": "删除 URL 的锚点\n<br /><b>require:</b> addUrlParams, filterXSS",
+            "itemtype": "method",
+            "name": "removeUrlSharp",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_nornd",
+                    "description": "是否不添加随机参数",
+                    "type": "Bool"
+                },
+                {
+                    "name": "_rndName",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 527,
+            "description": "重载页面\n<br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS",
+            "itemtype": "method",
+            "name": "reloadPage",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_nornd",
+                    "description": "",
+                    "type": "Bool"
+                },
+                {
+                    "name": "_delayms",
+                    "description": "",
+                    "type": "Int"
+                }
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 548,
+            "description": "取小数点的N位\n<br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题",
+            "itemtype": "method",
+            "name": "parseFinance",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_i",
+                    "description": "",
+                    "type": "Number"
+                },
+                {
+                    "name": "_dot",
+                    "description": "default = 2",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "number"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 563,
+            "description": "js 附加字串函数",
+            "itemtype": "method",
+            "name": "padChar",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_str",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_len",
+                    "description": "",
+                    "type": "Intl"
+                },
+                {
+                    "name": "_char",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 579,
+            "description": "格式化日期为 YYYY-mm-dd 格式\n<br /><b>require</b>: pad\\_char\\_f",
+            "itemtype": "method",
+            "name": "formatISODate",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "要格式化日期的日期对象",
+                    "type": "Date"
+                },
+                {
+                    "name": "_split",
+                    "description": "定义年月日的分隔符, 默认为 '-'",
+                    "type": "String|undefined"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 593,
+            "description": "从 ISODate 字符串解析日期对象",
+            "itemtype": "method",
+            "name": "parseISODate",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_datestr",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "date"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 616,
+            "description": "从日期字符串解析日期对象\n<br />兼容 JC.Calendar 日期格式",
+            "itemtype": "method",
+            "name": "parseDate",
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Date"
+                },
+                {
+                    "name": "_selector",
+                    "description": "如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化",
+                    "type": "Selector"
+                },
+                {
+                    "name": "_forceISO",
+                    "description": "是否强制转换为ISO日期",
+                    "type": "Boolean"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Date|null"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 640,
+            "description": "获取不带 时分秒的 日期对象",
+            "itemtype": "method",
+            "name": "pureDate",
+            "params": [
+                {
+                    "name": "_d",
+                    "description": "可选参数, 如果为空 = new Date",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "Date"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 653,
+            "description": "克隆日期对象",
+            "itemtype": "method",
+            "name": "cloneDate",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "需要克隆的日期",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Date"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 661,
+            "description": "判断两个日期是否为同一天",
+            "itemtype": "method",
+            "name": "isSameDay",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_d1",
+                    "description": "需要判断的日期1",
+                    "type": "Date"
+                },
+                {
+                    "name": "_d2",
+                    "description": "需要判断的日期2",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Bool"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 673,
+            "description": "判断两个日期是否为同一月份",
+            "itemtype": "method",
+            "name": "isSameMonth",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_d1",
+                    "description": "需要判断的日期1",
+                    "type": "Date"
+                },
+                {
+                    "name": "_d2",
+                    "description": "需要判断的日期2",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Bool"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 686,
+            "description": "判断两个日期是否为同一季度",
+            "itemtype": "method",
+            "name": "isSameWeek",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_d1",
+                    "description": "需要判断的日期1",
+                    "type": "Date"
+                },
+                {
+                    "name": "_d2",
+                    "description": "需要判断的日期2",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Bool"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 717,
+            "description": "判断两个日期是否为同一季度",
+            "itemtype": "method",
+            "name": "isSameSeason",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_d1",
+                    "description": "需要判断的日期1",
+                    "type": "Date"
+                },
+                {
+                    "name": "_d2",
+                    "description": "需要判断的日期2",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Bool"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 749,
+            "description": "判断两个日期是否为同一年",
+            "itemtype": "method",
+            "name": "isSameYear",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_d1",
+                    "description": "需要判断的日期1",
+                    "type": "Date"
+                },
+                {
+                    "name": "_d2",
+                    "description": "需要判断的日期2",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Bool"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 761,
+            "description": "取一年中所有的星期, 及其开始结束日期",
+            "itemtype": "method",
+            "name": "weekOfYear",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_year",
+                    "description": "",
+                    "type": "Int"
+                },
+                {
+                    "name": "_dayOffset",
+                    "description": "每周的默认开始为周几, 默认0(周一)",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "Array"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 773,
+            "description": "元旦开始的第一个星期一开始的一周为政治经济上的第一周",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 798,
+            "description": "取一年中所有的季度, 及其开始结束日期",
+            "itemtype": "method",
+            "name": "seasonOfYear",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_year",
+                    "description": "",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "Array"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 834,
+            "description": "取某一天所在星期的开始结束日期,以及第几个星期",
+            "itemtype": "method",
+            "name": "dayOfWeek",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Iso date"
+                },
+                {
+                    "name": "_dayOffset",
+                    "description": "",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 863,
+            "description": "取某一天所在季度的开始结束日期,以及第几个Q",
+            "itemtype": "method",
+            "name": "dayOfSeason",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Iso date"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 890,
+            "description": "取得一个月份中最大的一天",
+            "itemtype": "method",
+            "name": "maxDayOfMonth",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "",
+                    "type": "Date"
+                }
+            ],
+            "return": {
+                "description": "月份中最大的一天",
+                "type": "Int"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 903,
+            "description": "取当前脚本标签的 src路径",
+            "itemtype": "method",
+            "name": "scriptPath",
+            "static": 1,
+            "return": {
+                "description": "脚本所在目录的完整路径",
+                "type": "String"
+            },
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 915,
+            "description": "缓动函数, 动画效果为按时间缓动 \n<br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval",
+            "itemtype": "method",
+            "name": "easyEffect",
+            "static": 1,
+            "params": [
+                {
+                    "name": "_cb",
+                    "description": "缓动运动时的回调",
+                    "type": "Function"
+                },
+                {
+                    "name": "_maxVal",
+                    "description": "缓动的最大值, default = 200",
+                    "type": "Number"
+                },
+                {
+                    "name": "_startVal",
+                    "description": "缓动的起始值, default = 0",
+                    "type": "Number"
+                },
+                {
+                    "name": "_duration",
+                    "description": "缓动的总时间, 单位毫秒, default = 200",
+                    "type": "Number"
+                },
+                {
+                    "name": "_stepMs",
+                    "description": "缓动的间隔, 单位毫秒, default = 2",
+                    "type": "Number"
+                }
+            ],
+            "return": {
+                "description": "interval"
+            },
+            "example": [
+                "\n           $(document).ready(function(){\n               window.js_output = $('span.js_output');\n               window.ls = [];\n               window.EFF_INTERVAL = easyEffect( effectcallback, 100);\n           });\n\n           function effectcallback( _stepval, _done ){\n               js_output.html( _stepval );\n               ls.push( _stepval );\n\n               !_done && js_output.html( _stepval );\n               _done && js_output.html( _stepval + '<br />' + ls.join() );\n           }"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 969,
+            "description": "把输入值转换为布尔值",
+            "itemtype": "method",
+            "name": "parseBool",
+            "params": [
+                {
+                    "name": "_input",
+                    "description": "",
+                    "type": "*"
+                }
+            ],
+            "return": {
+                "description": "bool"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 988,
+            "description": "绑定或清除 mousewheel 事件",
+            "itemtype": "method",
+            "name": "mousewheelEvent",
+            "params": [
+                {
+                    "name": "_cb",
+                    "description": "",
+                    "type": "Function"
+                },
+                {
+                    "name": "_detach",
+                    "description": "",
+                    "type": "Bool"
+                },
+                {
+                    "name": "_selector",
+                    "description": "default = document",
+                    "type": "Selector"
+                }
+            ],
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1012,
+            "description": "获取 selector 的指定父级标签",
+            "itemtype": "method",
+            "name": "getJqParent",
+            "params": [
+                {
+                    "name": "_selector",
+                    "description": "",
+                    "type": "Selector"
+                },
+                {
+                    "name": "_filter",
+                    "description": "",
+                    "type": "Selector"
+                }
+            ],
+            "return": {
+                "description": "selector"
+            },
+            "require": "jquery",
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1038,
+            "description": "扩展 jquery 选择器\n<br />扩展起始字符的 '/' 符号为 jquery 父节点选择器\n<br />扩展起始字符的 '|' 符号为 jquery 子节点选择器\n<br />扩展起始字符的 '(' 符号为 jquery 父节点查找识别符( getJqParent )",
+            "itemtype": "method",
+            "name": "parentSelector",
+            "params": [
+                {
+                    "name": "_item",
+                    "description": "",
+                    "type": "Selector"
+                },
+                {
+                    "name": "_selector",
+                    "description": "",
+                    "type": "String"
+                },
+                {
+                    "name": "_finder",
+                    "description": "",
+                    "type": "Selector"
+                }
+            ],
+            "return": {
+                "description": "selector"
+            },
+            "require": "jquery",
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1106,
+            "description": "获取脚本模板的内容",
+            "itemtype": "method",
+            "name": "scriptContent",
+            "params": [
+                {
+                    "name": "_selector",
+                    "description": "",
+                    "type": "Selector"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1121,
+            "description": "取函数名 ( 匿名函数返回空 )",
+            "itemtype": "method",
+            "name": "funcName",
+            "params": [
+                {
+                    "name": "_func",
+                    "description": "",
+                    "type": "Function"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1136,
+            "description": "执行自动识别的组件",
+            "itemtype": "method",
+            "name": "autoInit",
+            "params": [
+                {
+                    "name": "_selector",
+                    "description": "",
+                    "type": "Selector"
+                }
+            ],
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1153,
+            "description": "添加需要自动识别的组件",
+            "itemtype": "method",
+            "name": "addAutoInit",
+            "params": [
+                {
+                    "name": "_class",
+                    "description": "",
+                    "type": "Class"
+                }
+            ],
+            "static": 1,
+            "example": [
+                "\n     JC.f.addAutoInit( JC.Calendar );"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1172,
+            "description": "jcAutoInitComps 不久后将被清除\n请使用 JC.f.autoInit 和 JC.f.addAutoInit",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1180,
+            "description": "联动下拉框",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1184,
+            "description": "日历组件",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1188,
+            "description": "双日历组件",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1192,
+            "description": "全选反选",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1196,
+            "description": "Ajax 上传",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1200,
+            "description": "占位符",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1204,
+            "description": "表格冻结",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1208,
+            "description": "拖曳",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1212,
+            "description": "图片裁切",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1220,
+            "description": "disable / enable",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1224,
+            "description": "表单提交逻辑",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1228,
+            "description": "格式化金额",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1232,
+            "description": "自动完成",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1239,
+            "description": "排期日期展示",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1245,
+            "description": "URL 占位符识别功能\n<br /><b>require:</b> addUrlParams, filterXSS",
+            "itemtype": "method",
+            "name": "urlDetect",
+            "params": [
+                {
+                    "name": "_url",
+                    "description": "如果 起始字符为 URL, 那么 URL 将祝为本页的URL",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "example": [
+                "\n     urlDetect( '?test' ); //output: ?test\n\n     urlDetect( 'URL,a=1&b=2' ); //output: your.com?a=1&b=2\n     urlDetect( 'URL,a=1,b=2' ); //output: your.com?a=1&b=2\n     urlDetect( 'URLa=1&b=2' ); //output: your.com?a=1&b=2"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1286,
+            "description": "日期占位符识别功能",
+            "itemtype": "method",
+            "name": "dateDetect",
+            "params": [
+                {
+                    "name": "_dateStr",
+                    "description": "如果起始字符为 NOW, 那么将视为当前日期\n                                 , 如果起始字符为 NOWFirst, 那么将视为当前月的1号",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "",
+                "type": "Date|null"
+            },
+            "static": 1,
+            "example": [
+                "\n     dateDetect( 'now' ); //2014-10-02\n     dateDetect( 'now,3d' ); //2013-10-05\n     dateDetect( 'now,-3d' ); //2013-09-29\n     dateDetect( 'now,2w' ); //2013-10-16\n     dateDetect( 'now,-2m' ); //2013-08-02\n     dateDetect( 'now,4y' ); //2017-10-02\n\n     dateDetect( 'now,1d,1w,1m,1y' ); //2014-11-10"
+            ],
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1355,
+            "description": "inject jquery val func, for hidden change event",
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1373,
+            "description": "逗号格式化金额",
+            "itemtype": "method",
+            "name": "moneyFormat",
+            "params": [
+                {
+                    "name": "_number",
+                    "description": "",
+                    "type": "Int|string"
+                },
+                {
+                    "name": "_len",
+                    "description": "",
+                    "type": "Int"
+                },
+                {
+                    "name": "_floatLen",
+                    "description": "",
+                    "type": "Int"
+                },
+                {
+                    "name": "_splitSymbol",
+                    "description": "",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1428,
+            "description": "日期格式化 (具体格式请查看 PHP Date Formats)",
+            "itemtype": "method",
+            "name": "dateFormat",
+            "params": [
+                {
+                    "name": "_date",
+                    "description": "default = now",
+                    "type": "Date"
+                },
+                {
+                    "name": "_format",
+                    "description": "default = \"YY-MM-DD\"",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "string"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1509,
+            "description": "扩展对象属性",
+            "itemtype": "method",
+            "name": "extendObject",
+            "params": [
+                {
+                    "name": "_source",
+                    "description": "",
+                    "type": "Object"
+                },
+                {
+                    "name": "_new",
+                    "description": "",
+                    "type": "Object"
+                },
+                {
+                    "name": "_overwrite",
+                    "description": "是否覆盖已有属性, default = true",
+                    "type": "Bool"
+                }
+            ],
+            "return": {
+                "description": "object"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1531,
+            "description": "timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行",
+            "itemtype": "method",
+            "name": "safeTimeout",
+            "params": [
+                {
+                    "name": "_timeout",
+                    "description": "",
+                    "type": "Timeout|function"
+                },
+                {
+                    "name": "_obj",
+                    "description": "default = window.TIMEOUT_HOST || {}",
+                    "type": "Object"
+                },
+                {
+                    "name": "_name",
+                    "description": "default = 'NORMAL'",
+                    "type": "String"
+                },
+                {
+                    "name": "_ms",
+                    "description": "default = 50",
+                    "type": "Int"
+                }
+            ],
+            "return": {
+                "description": "object"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1552,
+            "description": "URL 请求时, 获取对URL参数进行编码的函数",
+            "itemtype": "method",
+            "name": "encoder",
+            "params": [
+                {
+                    "name": "_selector",
+                    "description": "",
+                    "type": "Selector"
+                }
+            ],
+            "return": {
+                "description": "default encodeURIComponent",
+                "type": "Encode function"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1570,
+            "description": "深度克隆对象",
+            "itemtype": "method",
+            "name": "cloneObject",
+            "params": [
+                {
+                    "name": "_inObj",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1613,
+            "description": "获取 document 的 相关大小",
+            "itemtype": "method",
+            "name": "docSize",
+            "params": [
+                {
+                    "name": "_doc",
+                    "description": "",
+                    "type": "Document"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../modules/JC.common/0.3/common.js",
+            "line": 1642,
+            "description": "获取 window 的 相关大小",
+            "itemtype": "method",
+            "name": "winSize",
+            "params": [
+                {
+                    "name": "_win,",
+                    "description": "default = window",
+                    "type": "Window"
+                }
+            ],
+            "return": {
+                "description": "Object"
+            },
+            "static": 1,
+            "class": "JC.common"
+        },
+        {
+            "file": "../config.js",
+            "line": 4,
+            "description": "requirejs config.js for JC Chart Project",
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../config.js",
+            "line": 31,
+            "description": "取当前脚本标签的 src路径",
+            "static": 1,
+            "return": {
+                "description": "脚本所在目录的完整路径",
+                "type": "String"
+            },
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../lib.js",
+            "line": 8,
+            "license": "RequireJS 2.1.8 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.\nAvailable via the MIT or new BSD license.\nsee: http://github.com/jrburke/requirejs for details",
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../lib.js",
+            "line": 56,
+            "description": "Helper function for iterating over an array. If the func returns\na true value, it will break out of the loop.",
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../lib.js",
+            "line": 71,
+            "description": "Helper function for iterating over an array backwards. If the func\nreturns a true value, it will break out of the loop.",
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../lib.js",
+            "line": 94,
+            "description": "Cycles over properties in an object and calls a function for each\nproperty value. If the function returns a truthy value, then the\niteration is stopped.",
+            "class": "window.requirejs",
+            "namespace": "window"
+        },
+        {
+            "file": "../lib.js",
+            "line": 110,
+            "description": "Simple function to mix in properties from source into target,\nbut only if target does not already have a property of the same name.",
             "class": "window.requirejs",
             "namespace": "window"
         },
@@ -4351,6 +5943,25 @@
             ],
             "class": "window.requirejs",
             "namespace": "window"
+        },
+        {
+            "file": "../nginx_config.js",
+            "line": 7,
+            "description": "requirejs config.js for JC Project",
+            "class": "",
+            "namespace": "window"
+        },
+        {
+            "file": "../nginx_config.js",
+            "line": 70,
+            "description": "取当前脚本标签的 src路径",
+            "static": 1,
+            "return": {
+                "description": "脚本所在目录的完整路径",
+                "type": "String"
+            },
+            "class": "",
+            "namespace": "window"
         }
     ],
     "warnings": [
@@ -4360,7 +5971,7 @@
         },
         {
             "message": "unknown tag: version",
-            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:229"
+            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:249"
         },
         {
             "message": "unknown tag: version",
@@ -4388,19 +5999,39 @@
         },
         {
             "message": "unknown tag: version",
-            "line": " ../modules/JC.common/0.2/common.js:31"
+            "line": " ../modules/JC.common/0.2/common.js:40"
+        },
+        {
+            "message": "unknown tag: version",
+            "line": " ../modules/JC.common/0.2/common.js:40"
+        },
+        {
+            "message": "unknown tag: require",
+            "line": " ../modules/JC.common/0.2/common.js:1002"
+        },
+        {
+            "message": "unknown tag: require",
+            "line": " ../modules/JC.common/0.2/common.js:1028"
+        },
+        {
+            "message": "unknown tag: version",
+            "line": " ../modules/JC.common/0.3/common.js:40"
+        },
+        {
+            "message": "unknown tag: version",
+            "line": " ../modules/JC.common/0.3/common.js:40"
         },
         {
             "message": "unknown tag: version",
-            "line": " ../modules/JC.common/0.2/common.js:31"
+            "line": " ../modules/JC.common/0.3/common.js:40"
         },
         {
             "message": "unknown tag: require",
-            "line": " ../modules/JC.common/0.2/common.js:933"
+            "line": " ../modules/JC.common/0.3/common.js:1012"
         },
         {
             "message": "unknown tag: require",
-            "line": " ../modules/JC.common/0.2/common.js:959"
+            "line": " ../modules/JC.common/0.3/common.js:1038"
         },
         {
             "message": "unknown tag: version",
@@ -4432,15 +6063,15 @@
         },
         {
             "message": "Missing item type\n初始化 BaseMVC Model 类 和 View 类",
-            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:224"
+            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:244"
         },
         {
             "message": "Missing item type\n使用 jquery on 为 controler 绑定事件",
-            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:572"
+            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:621"
         },
         {
             "message": "Missing item type\n使用 jquery trigger 触发 controler 绑定事件",
-            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:580"
+            "line": " ../modules/JC.BaseMVC/0.1/BaseMVC.js:629"
         },
         {
             "message": "Missing item type",
@@ -4448,75 +6079,75 @@
         },
         {
             "message": "Missing item type\n解析图表默认数据",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:299"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:337"
         },
         {
             "message": "Missing item type\n保存图表数据",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:321"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:359"
         },
         {
             "message": "Missing item type\n图表宽度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:332"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:370"
         },
         {
             "message": "Missing item type\n图表高度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:343"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:381"
         },
         {
             "message": "Missing item type\n图表宽度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:354"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:392"
         },
         {
             "message": "Missing item type\n设置或保存图表的宽高",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:365"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:403"
         },
         {
             "message": "Missing item type\n图表画布",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:373"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:411"
         },
         {
             "message": "Missing item type\n画布圆角弧度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:379"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:417"
         },
         {
             "message": "Missing item type\n清除图表数据",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:383"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:421"
         },
         {
             "message": "Missing item type\n清除图表状态",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:400"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:438"
         },
         {
             "message": "Missing item type\n渲染图表外观",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:436"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:519"
         },
         {
             "message": "Missing item type\n图表高度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:473"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:559"
         },
         {
             "message": "Missing item type\n图表高度",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:477"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:563"
         },
         {
             "message": "Missing item type\n图表画布",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:481"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:567"
         },
         {
             "message": "Missing item type\n初始化的选择器",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:485"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:571"
         },
         {
             "message": "Missing item type\n清除图表数据",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:492"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:578"
         },
         {
             "message": "Missing item type\n清除图表状态",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:502"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:588"
         },
         {
             "message": "Missing item type\n更新图表数据",
-            "line": " ../modules/JC.FChart/0.1/FChart.js:508"
+            "line": " ../modules/JC.FChart/0.1/FChart.js:594"
         },
         {
             "message": "Missing item type\n如果 console 不可用, 则生成一个模拟的 console 对象",
@@ -4564,83 +6195,171 @@
         },
         {
             "message": "Missing item type\n声明主要命名空间, 方便迁移",
-            "line": " ../modules/JC.common/0.2/common.js:13"
+            "line": " ../modules/JC.common/0.2/common.js:16"
+        },
+        {
+            "message": "Missing item type\n判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数",
+            "line": " ../modules/JC.common/0.2/common.js:114"
+        },
+        {
+            "message": "Missing item type\njquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法",
+            "line": " ../modules/JC.common/0.2/common.js:137"
+        },
+        {
+            "message": "Missing item type\n兼容 低版本 ie Array 的 indexOf 方法",
+            "line": " ../modules/JC.common/0.2/common.js:141"
+        },
+        {
+            "message": "Missing item type\n元旦开始的第一个星期一开始的一周为政治经济上的第一周",
+            "line": " ../modules/JC.common/0.2/common.js:763"
+        },
+        {
+            "message": "Missing item type\n联动下拉框",
+            "line": " ../modules/JC.common/0.2/common.js:1151"
+        },
+        {
+            "message": "Missing item type\n日历组件",
+            "line": " ../modules/JC.common/0.2/common.js:1155"
+        },
+        {
+            "message": "Missing item type\n双日历组件",
+            "line": " ../modules/JC.common/0.2/common.js:1159"
+        },
+        {
+            "message": "Missing item type\n全选反选",
+            "line": " ../modules/JC.common/0.2/common.js:1163"
+        },
+        {
+            "message": "Missing item type\nAjax 上传",
+            "line": " ../modules/JC.common/0.2/common.js:1167"
+        },
+        {
+            "message": "Missing item type\n占位符",
+            "line": " ../modules/JC.common/0.2/common.js:1171"
+        },
+        {
+            "message": "Missing item type\n表格冻结",
+            "line": " ../modules/JC.common/0.2/common.js:1175"
+        },
+        {
+            "message": "Missing item type\n拖曳",
+            "line": " ../modules/JC.common/0.2/common.js:1179"
+        },
+        {
+            "message": "Missing item type\n图片裁切",
+            "line": " ../modules/JC.common/0.2/common.js:1183"
+        },
+        {
+            "message": "Missing item type\ndisable / enable",
+            "line": " ../modules/JC.common/0.2/common.js:1191"
+        },
+        {
+            "message": "Missing item type\n表单提交逻辑",
+            "line": " ../modules/JC.common/0.2/common.js:1195"
+        },
+        {
+            "message": "Missing item type\n格式化金额",
+            "line": " ../modules/JC.common/0.2/common.js:1199"
+        },
+        {
+            "message": "Missing item type\n自动完成",
+            "line": " ../modules/JC.common/0.2/common.js:1203"
+        },
+        {
+            "message": "Missing item type\n排期日期展示",
+            "line": " ../modules/JC.common/0.2/common.js:1210"
+        },
+        {
+            "message": "Missing item type\ninject jquery val func, for hidden change event",
+            "line": " ../modules/JC.common/0.2/common.js:1325"
+        },
+        {
+            "message": "Missing item type\n如果 console 不可用, 生成一个模拟的 console 对象",
+            "line": " ../modules/JC.common/0.3/common.js:4"
+        },
+        {
+            "message": "Missing item type\n声明主要命名空间, 方便迁移",
+            "line": " ../modules/JC.common/0.3/common.js:16"
         },
         {
             "message": "Missing item type\n判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数",
-            "line": " ../modules/JC.common/0.2/common.js:101"
+            "line": " ../modules/JC.common/0.3/common.js:123"
         },
         {
             "message": "Missing item type\njquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法",
-            "line": " ../modules/JC.common/0.2/common.js:124"
+            "line": " ../modules/JC.common/0.3/common.js:146"
         },
         {
             "message": "Missing item type\n兼容 低版本 ie Array 的 indexOf 方法",
-            "line": " ../modules/JC.common/0.2/common.js:128"
+            "line": " ../modules/JC.common/0.3/common.js:150"
         },
         {
             "message": "Missing item type\n元旦开始的第一个星期一开始的一周为政治经济上的第一周",
-            "line": " ../modules/JC.common/0.2/common.js:750"
+            "line": " ../modules/JC.common/0.3/common.js:773"
+        },
+        {
+            "message": "Missing item type\njcAutoInitComps 不久后将被清除\n请使用 JC.f.autoInit 和 JC.f.addAutoInit",
+            "line": " ../modules/JC.common/0.3/common.js:1172"
         },
         {
             "message": "Missing item type\n联动下拉框",
-            "line": " ../modules/JC.common/0.2/common.js:1082"
+            "line": " ../modules/JC.common/0.3/common.js:1180"
         },
         {
             "message": "Missing item type\n日历组件",
-            "line": " ../modules/JC.common/0.2/common.js:1086"
+            "line": " ../modules/JC.common/0.3/common.js:1184"
         },
         {
             "message": "Missing item type\n双日历组件",
-            "line": " ../modules/JC.common/0.2/common.js:1090"
+            "line": " ../modules/JC.common/0.3/common.js:1188"
         },
         {
             "message": "Missing item type\n全选反选",
-            "line": " ../modules/JC.common/0.2/common.js:1094"
+            "line": " ../modules/JC.common/0.3/common.js:1192"
         },
         {
             "message": "Missing item type\nAjax 上传",
-            "line": " ../modules/JC.common/0.2/common.js:1098"
+            "line": " ../modules/JC.common/0.3/common.js:1196"
         },
         {
             "message": "Missing item type\n占位符",
-            "line": " ../modules/JC.common/0.2/common.js:1102"
+            "line": " ../modules/JC.common/0.3/common.js:1200"
         },
         {
             "message": "Missing item type\n表格冻结",
-            "line": " ../modules/JC.common/0.2/common.js:1106"
+            "line": " ../modules/JC.common/0.3/common.js:1204"
         },
         {
             "message": "Missing item type\n拖曳",
-            "line": " ../modules/JC.common/0.2/common.js:1110"
+            "line": " ../modules/JC.common/0.3/common.js:1208"
         },
         {
             "message": "Missing item type\n图片裁切",
-            "line": " ../modules/JC.common/0.2/common.js:1114"
+            "line": " ../modules/JC.common/0.3/common.js:1212"
         },
         {
             "message": "Missing item type\ndisable / enable",
-            "line": " ../modules/JC.common/0.2/common.js:1122"
+            "line": " ../modules/JC.common/0.3/common.js:1220"
         },
         {
             "message": "Missing item type\n表单提交逻辑",
-            "line": " ../modules/JC.common/0.2/common.js:1126"
+            "line": " ../modules/JC.common/0.3/common.js:1224"
         },
         {
             "message": "Missing item type\n格式化金额",
-            "line": " ../modules/JC.common/0.2/common.js:1130"
+            "line": " ../modules/JC.common/0.3/common.js:1228"
         },
         {
             "message": "Missing item type\n自动完成",
-            "line": " ../modules/JC.common/0.2/common.js:1134"
+            "line": " ../modules/JC.common/0.3/common.js:1232"
         },
         {
             "message": "Missing item type\n排期日期展示",
-            "line": " ../modules/JC.common/0.2/common.js:1139"
+            "line": " ../modules/JC.common/0.3/common.js:1239"
         },
         {
             "message": "Missing item type\ninject jquery val func, for hidden change event",
-            "line": " ../modules/JC.common/0.2/common.js:1249"
+            "line": " ../modules/JC.common/0.3/common.js:1355"
         },
         {
             "message": "Missing item type\nrequirejs config.js for JC Chart Project",
@@ -4648,7 +6367,7 @@
         },
         {
             "message": "Missing item type\n取当前脚本标签的 src路径",
-            "line": " ../config.js:27"
+            "line": " ../config.js:31"
         },
         {
             "message": "Missing item type",
@@ -4765,6 +6484,14 @@
         {
             "message": "Missing item type\nExecutes the text. Normally just uses eval, but can be modified\nto use a better, environment-specific call. Only used for transpiling\nloader plugins, not for plain JS modules.",
             "line": " ../lib.js:2047"
+        },
+        {
+            "message": "Missing item type\nrequirejs config.js for JC Project",
+            "line": " ../nginx_config.js:7"
+        },
+        {
+            "message": "Missing item type\n取当前脚本标签的 src路径",
+            "line": " ../nginx_config.js:70"
         }
     ]
 }
\ No newline at end of file
diff --git a/docs_api/files/.._config.js.html b/docs_api/files/.._config.js.html
index 47a93b3..f69748b 100644
--- a/docs_api/files/.._config.js.html
+++ b/docs_api/files/.._config.js.html
@@ -122,14 +122,17 @@ <h1 class="file-heading">File: ../config.js</h1>
 /**
  * requirejs config.js for JC Chart Project
  */
+
 window.requirejs &amp;&amp; 
 requirejs.config( {
     baseUrl: JC.PATH
-    , urlArgs: &#x27;v=20141017&#x27;
+    , urlArgs: &#x27;v=&#x27; + new Date().getTime() 
     , paths: {
-        &#x27;JC.common&#x27;: &#x27;modules/JC.common/0.2/common&#x27;
+        &#x27;JC.common&#x27;: &#x27;modules/JC.common/0.3/common&#x27;
         , &#x27;JC.BaseMVC&#x27;: &#x27;modules/JC.BaseMVC/0.1/BaseMVC&#x27;
 
+        , &#x27;JC.FchartDemo&#x27;: &#x27;modules/JC.FChart/0.1/_demo/all_demo/0.1/all_demo&#x27;
+
         , &#x27;JC.FChart&#x27;: &#x27;modules/JC.FChart/0.1/FChart&#x27;
 
         , &#x27;JC.FChartNormalData&#x27;: &#x27;modules/JC.FChartNormalData/0.1/FChart.NormalData&#x27;
@@ -142,6 +145,7 @@ <h1 class="file-heading">File: ../config.js</h1>
         , &#x27;SWFObject&#x27;: &#x27;modules/swfobject/2.3/swfobject&#x27;
     }
 });
+
 /**
  * 取当前脚本标签的 src路径 
  * @static
diff --git a/docs_api/files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html b/docs_api/files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html
index 45a7913..e29f3c6 100644
--- a/docs_api/files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html
+++ b/docs_api/files/.._modules_JC.BaseMVC_0.1_BaseMVC.js.html
@@ -116,13 +116,12 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-;(function(define, _win) { &#x27;use strict&#x27;; define( [ &#x27;JC.common&#x27; ], function(){
+;(function(define, _win) { &#x27;use strict&#x27;; define( &#x27;JC.BaseMVC&#x27;, [ &#x27;JC.common&#x27; ], function(){
     window.BaseMVC = JC.BaseMVC = BaseMVC;
     /**
      * MVC 抽象类 ( &lt;b&gt;仅供扩展用, 这个类不能实例化&lt;/b&gt;)
      * &lt;p&gt;&lt;b&gt;require&lt;/b&gt;: 
-     *      &lt;a href=&#x27;window.jQuery.html&#x27;&gt;jQuery&lt;/a&gt;
-     *      , &lt;a href=&#x27;JC.common.html&#x27;&gt;JC.common&lt;/a&gt;
+     *      &lt;a href=&#x27;JC.common.html&#x27;&gt;JC.common&lt;/a&gt;
      * &lt;/p&gt;
      * &lt;p&gt;&lt;a href=&#x27;https://github.com/openjavascript/jquerycomps&#x27; target=&#x27;_blank&#x27;&gt;JC Project Site&lt;/a&gt;
      * | &lt;a href=&#x27;http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.html&#x27; target=&#x27;_blank&#x27;&gt;API docs&lt;/a&gt;
@@ -163,7 +162,7 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
 
                 $([ _p._view, _p._model ] ).on(&#x27;TriggerEvent&#x27;, function( _evt, _evtName ){
                     var _data = JC.f.sliceArgs( arguments ).slice( 2 );
-                    _p.trigger( _evtName, _data );
+                    return _p.triggerHandler( _evtName, _data );
                 });
 
                 _p._beforeInit();
@@ -222,6 +221,14 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
          * @return  BaseMVCInstance
          */
         , trigger: function( _evtName, _data ){ $(this).trigger( _evtName, _data ); return this;}
+        /**
+         * 使用 jquery triggerHandler 触发绑定事件
+         * @method  {string}    triggerHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , triggerHandler: function( _evtName, _data ){ return $(this).triggerHandler( _evtName, _data ); }
         /**
          * 通知选择器有新事件
          * &lt;br /&gt;JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件
@@ -233,6 +240,19 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
             function( _evtName, _args ){
                 this._model.notification( _evtName, _args );
             }
+        /**
+         * 通知选择器有新事件, 有返回结果
+         * &lt;br /&gt;JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件
+         * @method  notificationHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , notificationHandler:
+            function( _evtName, _args ){
+                return this._model.notificationHandler( _evtName, _args );
+            }
+
     }
     /**
      * 获取或设置组件实例
@@ -398,6 +418,20 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
                 $( this ).trigger( &#x27;TriggerEvent&#x27;, _args );
                 return this;
             }
+        /**
+         * 使用 jquery trigger 触发 controler 绑定事件( 有换回数据 )
+         * @method  {string}    trigger
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , triggerHandler:
+            function( _evtName, _args ){
+                _args = _args || [];
+                !jQuery.isArray( _args ) &amp;&amp; ( _args = [ _args ] );
+                _args.unshift( _evtName );
+                return $( this ).trigger( &#x27;TriggerEvent&#x27;, _args );
+            }
         /**
          * 通知选择器有新事件
          * @method  notification
@@ -410,6 +444,21 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
                     &amp;&amp; this.selector().length 
                     &amp;&amp; this.selector().trigger( _evtName, _args );
             }
+        /**
+         * 通知选择器有新事件
+         * @method  notificationHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , notificationHandler:
+            function( _evtName, _args ){
+                var _r;
+                this.selector() 
+                    &amp;&amp; this.selector().length 
+                    &amp;&amp; ( _r = this.selector().triggerHandler( _evtName, _args ) );
+                return _r;
+            }
         /**
          * 初始化的 jq 选择器
          * @method  selector
@@ -500,7 +549,7 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
                 var _r = &#x27;&#x27;;
                 _selector
                     &amp;&amp; _selector.is( &#x27;[&#x27; + _key + &#x27;]&#x27; ) 
-                    &amp;&amp; ( _r = _selector.attr( _key ).trim() );
+                    &amp;&amp; ( ( _r = _selector.attr( _key ) || &#x27;&#x27; ).trim() );
                 return _r;
             }
 
@@ -706,10 +755,21 @@ <h1 class="file-heading">File: ../modules/JC.BaseMVC/0.1/BaseMVC.js</h1>
                 $( this ).trigger( &#x27;TriggerEvent&#x27;, _args );
                 return this;
             }
+        , triggerHandler:
+            function( _evtName, _args ){
+                _args = _args || [];
+                !jQuery.isArray( _args ) &amp;&amp; ( _args = [ _args ] );
+                _args.unshift( _evtName );
+                return $( this ).trigger( &#x27;TriggerEvent&#x27;, _args );
+            }
         , notification:
             function( _evtName, _args ){
                 this._model.notification( _evtName, _args );
             }
+        , notificationHandler:
+            function( _evtName, _args ){
+                return this._model.notificationHandler( _evtName, _args );
+            }
     });
 
     return JC.BaseMVC;
diff --git a/docs_api/files/.._modules_JC.FChart_0.1_FChart.js.html b/docs_api/files/.._modules_JC.FChart_0.1_FChart.js.html
index d53a67c..162b635 100644
--- a/docs_api/files/.._modules_JC.FChart_0.1_FChart.js.html
+++ b/docs_api/files/.._modules_JC.FChart_0.1_FChart.js.html
@@ -116,7 +116,7 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-;(function(define, _win) { &#x27;use strict&#x27;; define( [ &#x27;JC.BaseMVC&#x27;, &#x27;swfobject&#x27;, &#x27;plugins.json2&#x27;, &#x27;jquery.mousewheel&#x27;  ], function(){
+;(function(define, _win) { &#x27;use strict&#x27;; define( &#x27;JC.FChart&#x27;, [ &#x27;JC.BaseMVC&#x27;, &#x27;swfobject&#x27;, &#x27;plugins.json2&#x27;, &#x27;jquery.mousewheel&#x27;  ], function(){
 
 JC.use &amp;&amp; !window.swfobject &amp;&amp; JC.use( &#x27;plugins.swfobject&#x27; );
 JC.use &amp;&amp; !window.JSON &amp;&amp; JC.use( &#x27;plugins.jsons&#x27; );
@@ -334,6 +334,31 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
     FChart.Model.CLEAR_STATUS = &#x27;clear_status&#x27;;
     FChart.Model.UPDATE_CHART_DATA = &#x27;update_data&#x27;;
 
+    /**
+     * flash swf 路径映射
+     * &lt;br /&gt;你还可以使用其他属性进行定义路径映射
+     *      1. window.FCHART_SWF_FILE_MAP
+     *      2. JC.FCHART_SWF_FILE_MAP
+     * @property    Model.SWF_FILE_MAP
+     * @type        {object}
+     * @default     null
+     * @static
+     * @example
+        requirejs( [ &#x27;JC.FChart&#x27; ], function( FChart ){
+            FChart[&#x27;Model&#x27;].SWF_FILE_MAP = {
+                &#x27;bar&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf&#x27;
+                , &#x27;vbar&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf&#x27;
+                , &#x27;line&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf&#x27;
+                , &#x27;stack&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf&#x27;
+                , &#x27;mix&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf&#x27;
+
+                , &#x27;column&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf&#x27;
+                , &#x27;hcolumn&#x27;: &#x27;http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf&#x27;
+            };
+        });
+     */
+    FChart.Model.SWF_FILE_MAP = null;
+
     /**
      * flash swf 路径
      * &lt;br /&gt;{0} = JC.PATH
@@ -343,7 +368,7 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
      * @default     {0}/flash/pub/charts/{1}.swf
      * @static
      */
-    FChart.Model.FLASH_PATH = &#x27;{0}/flash/pub/charts/{1}.swf?{2}&#x27;;
+    FChart.Model.FLASH_PATH = &#x27;{0}/swf/{1}.swf?{2}&#x27;;
 
     /**
      * flash swf 缓存版本控制
@@ -382,11 +407,18 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
         , &#x27;histogram&#x27;: &#x27;Histogram&#x27;
 
         , &#x27;vbar&#x27;: &#x27;VHistogram&#x27;
+        , &#x27;hbar&#x27;: &#x27;VHistogram&#x27;
         , &#x27;vhistogram&#x27;: &#x27;VHistogram&#x27;
 
+        , &#x27;column&#x27;: &#x27;ZHistogram&#x27;
         , &#x27;zbar&#x27;: &#x27;ZHistogram&#x27;
         , &#x27;zhistogram&#x27;: &#x27;ZHistogram&#x27;
 
+
+        , &#x27;hcolumn&#x27;: &#x27;VZHistogram&#x27;
+
+        , &#x27;mix&#x27;: &#x27;MixChart&#x27;
+
         , &#x27;map&#x27;: &#x27;Map&#x27;
 
         , &#x27;trend&#x27;: &#x27;Trend&#x27;
@@ -397,6 +429,12 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
 
         , &#x27;dount&#x27;: &#x27;Dount&#x27;
 
+        , &#x27;ddount&#x27;: &#x27;DDount&#x27;
+        , &#x27;ndount&#x27;: &#x27;NDount&#x27;
+
+        , &#x27;stack&#x27;: &#x27;Stack&#x27;
+        , &#x27;hstack&#x27;: &#x27;HStack&#x27;
+
         , &#x27;rate&#x27;: &#x27;Rate&#x27;
     };
 
@@ -535,12 +573,57 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
         , type: function(){ return this.typeMap( this.chartType() ) || &#x27;&#x27;; }
         , path:
             function(){
+                var _path = JC.FCHART_PATH;
+                if( !_path ){
+                    if( JC.use ){
+                         _path = JC.PATH + &#x27;/comps/FChart/&#x27;;
+                    }else{
+                         _path = JC.PATH + &#x27;/modules/JC.FChart/0.1/&#x27;;
+                    }
+                }
                 var _p = this
                     , _r = JC.f.printf( _p.attrProp( &#x27;chartPath&#x27; ) || FChart.Model.FLASH_PATH
-                        , JC.PATH
+                        , _path
                         , _p.type() 
                         , FChart.Model.VERSION 
                     );
+
+                _r = this.checkFileMap() || _r;
+
+
+                return _r;
+            }
+       
+        , checkFileMap:
+            function(){
+                var _r = &#x27;&#x27;;
+                if( window.FCHART_SWF_FILE_MAP ){
+                   this.chartType() in window.FCHART_SWF_FILE_MAP 
+                       &amp;&amp; ( _r = window.FCHART_SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in window.FCHART_SWF_FILE_MAP 
+                       &amp;&amp; ( _r = window.FCHART_SWF_FILE_MAP[ this.type() ] );
+                }
+
+
+                if( JC.FCHART_SWF_FILE_MAP ){
+                   this.chartType() in JC.FCHART_SWF_FILE_MAP 
+                       &amp;&amp; ( _r = JC.FCHART_SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in JC.FCHART_SWF_FILE_MAP 
+                       &amp;&amp; ( _r = JC.FCHART_SWF_FILE_MAP[ this.type() ] );
+                }
+
+                if( FChart.Model.SWF_FILE_MAP ){
+                   this.chartType() in FChart.Model.SWF_FILE_MAP 
+                       &amp;&amp; ( _r = FChart.Model.SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in FChart.Model.SWF_FILE_MAP 
+                       &amp;&amp; ( _r = FChart.Model.SWF_FILE_MAP[ this.type() ] );
+                }
+
+                _r &amp;&amp; ( _r = JC.f.printf( &#x27;{0}?v={1}&#x27;, _r, FChart.Model.VERSION ) );
+
                 return _r;
             }
     });
@@ -559,7 +642,7 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
                 if( !this._model.type() ) return;
                 var _p = this
                     , _path =  _p._model.path()
-                    , _fpath =  _path.replace( /[\/]+/g, &#x27;/&#x27; )
+                    , _fpath =  _path.replace( /([^\:]|)[\/]+/g, &#x27;$1/&#x27; )
                     , _element = $( &#x27;#&#x27; + _p._model.gid() )
                     , _dataStr = JSON.stringify( _data ) 
                     ; 
@@ -570,7 +653,10 @@ <h1 class="file-heading">File: ../modules/JC.FChart/0.1/FChart.js</h1>
                 }
 
                 var _flashVar = { &#x27;chart&#x27;: encodeURIComponent( _dataStr ) }
-                    , _flashParams = { &#x27;wmode&#x27;: &#x27;transparent&#x27; }
+                    , _flashParams = { 
+                        &#x27;wmode&#x27;: &#x27;transparent&#x27;
+                        , &#x27;allowScriptAccess&#x27; : &#x27;always&#x27; 
+                    }
                     , _flashAttrs = { &#x27;id&#x27;: _p._model.gid(), &#x27;name&#x27;: _p._model.gid() }
                     ;
 
diff --git a/docs_api/files/.._modules_JC.common_0.1_common.js.html b/docs_api/files/.._modules_JC.common_0.1_common.js.html
index 837ba96..5f32466 100644
--- a/docs_api/files/.._modules_JC.common_0.1_common.js.html
+++ b/docs_api/files/.._modules_JC.common_0.1_common.js.html
@@ -383,7 +383,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.1/common.js</h1>
 function padChar( _str, _len, _char ){
 	_len  = _len || 2; _char = _char || &quot;0&quot;; 
 	_str += &#x27;&#x27;;
-	if( _str.length &gt;_str ) return _str;
+	if( _str.length &gt;= _len ) return _str;
 	_str = new Array( _len + 1 ).join( _char ) + _str
 	return _str.slice( _str.length - _len );
 }
diff --git a/docs_api/files/.._modules_JC.common_0.2_common.js.html b/docs_api/files/.._modules_JC.common_0.2_common.js.html
index c0d74d3..94d5add 100644
--- a/docs_api/files/.._modules_JC.common_0.2_common.js.html
+++ b/docs_api/files/.._modules_JC.common_0.2_common.js.html
@@ -116,7 +116,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-;(function(define, _win) { &#x27;use strict&#x27;; define( [], function(){
+;(function(define, _win) { &#x27;use strict&#x27;; define( &#x27;JC.Common&#x27;, [], function(){
     window.JWIN = window.JWIN || $( window );
     window.JDOC = window.JDOC || $( document );
     /**
@@ -128,6 +128,9 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
     !console.dir &amp;&amp; (
         console.dir = function(){}
     );
+    !console.error &amp;&amp; (
+        console.error = function(){}
+    );
     /**
      * 声明主要命名空间, 方便迁移
      */
@@ -136,6 +139,12 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
     JC.dir = function(){ 
         JC.debug &amp;&amp; $.each( sliceArgs( arguments ), function( _ix, _item ){ console.dir( _item )} );
     };
+    JC.error = function(){ 
+        JC.debug &amp;&amp; $.each( sliceArgs( arguments ), function( _ix, _item ){ console.error( _item )} );
+    };
+    JC.clear = function(){ 
+        console.clear &amp;&amp; console.clear();
+    };
 
     JC.PATH = JC.PATH || scriptPath();
 
@@ -183,7 +192,11 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
         , &quot;isSameYear&quot;: isSameYear
         , &quot;weekOfYear&quot;: weekOfYear
         , &quot;seasonOfYear&quot;: seasonOfYear
+        , &quot;dayOfWeek&quot;: dayOfWeek
+        , &quot;dayOfSeason&quot;: dayOfSeason
         , &quot;jcAutoInitComps&quot;: jcAutoInitComps
+        , &quot;autoInit&quot;: jcAutoInitComps
+        , &quot;addAutoInit&quot;: function(){}
 
         , &quot;maxDayOfMonth&quot;: maxDayOfMonth
         , &quot;mousewheelEvent&quot;: mousewheelEvent
@@ -647,7 +660,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
      * @method  parseFinance
      * @static
      * @param   {number}    _i
-     * @param   {int}       _dot, default = 2
+     * @param   {int}       _dot  default = 2
      * @return  number
      */
     function parseFinance( _i, _dot ){
@@ -668,7 +681,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
     function padChar( _str, _len, _char ){
         _len  = _len || 2; _char = _char || &quot;0&quot;; 
         _str += &#x27;&#x27;;
-        if( _str.length &gt;_str ) return _str;
+        if( _str.length &gt;= _len ) return _str;
         _str = new Array( _len + 1 ).join( _char ) + _str
         return _str.slice( _str.length - _len );
     }
@@ -750,7 +763,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
     * @method  cloneDate
     * @static
     * @param   {Date}  _date   需要克隆的日期
-    * @return  {Date}  需要克隆的日期对象
+    * @return  {Date}
     */
     function cloneDate( _date ){ var d = new Date(); d.setTime( _date.getTime() ); return d; }
     /**
@@ -926,6 +939,61 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
         return _r;
     }
 
+    /**
+     * 取某一天所在星期的开始结束日期,以及第几个星期
+     * @method  dayOfWeek
+     * @static
+     * @param   {iso date}   _date
+     * @param   {int}        _dayOffset
+     * @return  Object
+     */
+    function dayOfWeek( _date, _dayOffset ) {
+        var r = {},
+            weeks = JC.f.weekOfYear(_date.getFullYear(), _dayOffset),
+            i = 0,
+            l = weeks.length,
+            t = _date.getTime(),
+            start = JC.f.pureDate( new Date() ),
+            end = JC.f.pureDate( new Date() );
+
+        for (i; i &lt;l; i++) {
+            if (t &gt;= weeks[i].start &amp;&amp; t &lt;= weeks[i].end) {
+                start.setTime(weeks[i].start);
+                end.setTime(weeks[i].end);
+                r.start = start;
+                r.end = end;
+                r.w = i + 1
+                return r;
+            }
+        }
+    }
+
+    /**
+     * 取某一天所在季度的开始结束日期,以及第几个Q
+     * @method  dayOfSeason
+     * @static
+     * @param   {iso date}   _date
+     * @return  Object
+     */
+
+    function dayOfSeason(_date) {
+        var year = _date.getFullYear(),
+            q = JC.f.seasonOfYear(year),
+            i,
+            r = {},
+            tmp,
+            d = _date.getTime();
+
+        for (i = 0; i &lt; 4; i++) {
+            if (d &gt;= q[i].start.getTime() &amp;&amp; d &lt;= q[i].end.getTime()) {
+                r.start = q[i].start;
+                r.end = q[i].end;
+                r.q = i + 1;
+                return r;
+            }
+        }
+
+    }
 
     /**
      * 取得一个月份中最大的一天
@@ -1000,7 +1068,8 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
                     _done = true;
                     clearInterval( _interval );
                 }
-                _cb &amp;&amp; _cb( _tmp + _startVal, _done );
+                cb &amp;&amp; _cb( _tmp + _startVal, _done, _timepass, _duration, _stepMs, _startVal, _maxVal );
+
             }, _stepMs );
 
         return _interval;
@@ -1029,7 +1098,7 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
      * @method  mousewheelEvent
      * @param   {function}  _cb
      * @param   {bool}      _detach
-     * @param   {selector}  _selector, default = document
+     * @param   {selector}  _selector  default = document
      * @static
      */
     function mousewheelEvent( _cb, _detach, _selector ){
@@ -1254,6 +1323,8 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
          */
         Bizs.AutoSelectComplete &amp;&amp; Bizs.AutoSelectComplete.init( _selector );
 
+        Bizs.InputSelect &amp;&amp; Bizs.InputSelect.init( _selector );
+
         /**
          *排期日期展示
         */
@@ -1321,14 +1392,19 @@ <h1 class="file-heading">File: ../modules/JC.common/0.2/common.js</h1>
         var _r = null   
             , _re = /^now/i
             , _nowFirstRe = /^nowfirst/
+            , _dateRe = /^([\d]{8}|[\d]{4}.[\d]{2}.[\d]{2})/
             , _d, _ar, _item
             ;
         if( _dateStr &amp;&amp; typeof _dateStr == &#x27;string&#x27; ){
-            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) ){
+            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) || _dateRe.test( _dateStr ) ){
                 _d = new Date();
                 if( _nowFirstRe.test(_dateStr ) ){
                     _d.setDate( 1 );
                 }
+                if( _dateRe.test( _dateStr ) ){
+                    _d = JC.f.parseISODate( _dateStr.replace( /[^\d]/g, &#x27;&#x27; ).slice( 0, 8 ) );
+                    _dateStr = _dateStr.replace( _dateRe, &#x27;&#x27; );
+                }
                 _dateStr = _dateStr.replace( _re, &#x27;&#x27; ).replace(/[\s]+/g, &#x27;&#x27;);
                 _ar = _dateStr.split(&#x27;,&#x27;);
 
diff --git a/docs_api/files/.._modules_JC.common_0.3_common.js.html b/docs_api/files/.._modules_JC.common_0.3_common.js.html
new file mode 100644
index 0000000..ddc3716
--- /dev/null
+++ b/docs_api/files/.._modules_JC.common_0.3_common.js.html
@@ -0,0 +1,1812 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>../modules/JC.common/0.3/common.js - FChart</title>
+    <link rel="stylesheet" href="../assets/css/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="stylesheet" href="../assets/css/widget.css">
+    <link rel="stylesheet" href="../assets/css/tabview.css">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="../assets/js/yui-min.js"></script>
+    <script src="../assets/js/comps1.js"></script>
+    <script src="../assets/js/comps2.js"></script>
+    <script src="../assets/js/comps3.js"></script>
+    <script src="../assets/js/comps4.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../jc_logo.png" title="FChart"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.2</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/.window.html">.window</a></li>
+            
+                <li><a href="../classes/JC.BaseMVC.html">JC.BaseMVC</a></li>
+            
+                <li><a href="../classes/JC.BaseMVC.Model.html">JC.BaseMVC.Model</a></li>
+            
+                <li><a href="../classes/JC.common.html">JC.common</a></li>
+            
+                <li><a href="../classes/JC.f.html">JC.f</a></li>
+            
+                <li><a href="../classes/JC.FChart.html">JC.FChart</a></li>
+            
+                <li><a href="../classes/JC.FChartCircleData.html">JC.FChartCircleData</a></li>
+            
+                <li><a href="../classes/JC.FChartNormalData.html">JC.FChartNormalData</a></li>
+            
+                <li><a href="../classes/window.jQuery.html">window.jQuery</a></li>
+            
+                <li><a href="../classes/window.jQuery.mousewheel.html">window.jQuery.mousewheel</a></li>
+            
+                <li><a href="../classes/window.JSON.html">window.JSON</a></li>
+            
+                <li><a href="../classes/window.requirejs.html">window.requirejs</a></li>
+            
+                <li><a href="../classes/window.swfobject.html">window.swfobject</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: ../modules/JC.common/0.3/common.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+;(function(define, _win) { &#x27;use strict&#x27;; define( &#x27;JC.common&#x27;, [], function(){
+    window.JWIN = window.JWIN || $( window );
+    window.JDOC = window.JDOC || $( document );
+    /**
+     * 如果 console 不可用, 生成一个模拟的 console 对象
+     */
+    !window.console &amp;&amp; ( window.console = { 
+        log: function(){ window.status = sliceArgs( arguments ).join(&#x27; &#x27;); }
+    });
+    !console.dir &amp;&amp; (
+        console.dir = function(){}
+    );
+    !console.error &amp;&amp; (
+        console.error = function(){}
+    );
+    /**
+     * 声明主要命名空间, 方便迁移
+     */
+    window.JC = window.JC || {};
+    JC.log = function(){ JC.debug &amp;&amp; console.log( sliceArgs( arguments ).join(&#x27; &#x27;) ); };
+    JC.dir = function(){ 
+        JC.debug &amp;&amp; $.each( sliceArgs( arguments ), function( _ix, _item ){ console.dir( _item )} );
+    };
+    JC.error = function(){ 
+        JC.debug &amp;&amp; $.each( sliceArgs( arguments ), function( _ix, _item ){ console.error( _item )} );
+    };
+    JC.clear = function(){ 
+        console.clear &amp;&amp; console.clear();
+    };
+
+    JC.PATH = JC.PATH || scriptPath();
+
+    window.Bizs = window.Bizs || {};
+    /**
+     * JC.f 是 JC.common 的别名
+     * &lt;br /&gt;具体使用请见 &lt;a href=&#x27;JC.common.html&#x27;&gt;JC.common&lt;/a&gt;&lt;/p&gt;
+     * @class JC.f
+     * @static
+     */
+    /**
+     * JC 组件通用静态方法和属性 ( JC.common, &lt;b&gt;别名: JC.f&lt;/b&gt; )
+     * &lt;br /&gt;所有 JC 组件都会依赖这个静态类
+     * &lt;p&gt;&lt;b&gt;require&lt;/b&gt;: &lt;a href=&#x27;window.jQuery.html&#x27;&gt;jQuery&lt;/a&gt;&lt;/p&gt;
+     * &lt;p&gt;&lt;a href=&#x27;https://github.com/openjavascript/jquerycomps&#x27; target=&#x27;_blank&#x27;&gt;JC Project Site&lt;/a&gt;
+     * | &lt;a href=&#x27;http://jc2.openjavascript.org/docs_api/classes/JC.common.html&#x27; target=&#x27;_blank&#x27;&gt;API docs&lt;/a&gt;
+     * | &lt;a href=&#x27;../../modules/JC.common/0.3/_demo/&#x27; target=&#x27;_blank&#x27;&gt;demo link&lt;/a&gt;&lt;/p&gt;
+     * @class JC.common
+     * @static
+     * @version dev 0.3 2014-12-09
+     * @version dev 0.2 2013-11-06 
+     * @version dev 0.1 2013-07-04
+     * @author  qiushaowei   &lt;suches@btbtd.org&gt; | 360 75 Team
+     */
+    JC.common = JC.f = {
+        &quot;addUrlParams&quot;: addUrlParams
+        , &quot;cloneDate&quot;: cloneDate
+        , &quot;dateDetect&quot;: dateDetect
+        , &quot;delUrlParam&quot;: delUrlParam
+        , &quot;delUrlParams&quot;: delUrlParams
+        , &quot;easyEffect&quot;: easyEffect
+        , &quot;filterXSS&quot;: filterXSS
+        , &quot;formatISODate&quot;: formatISODate
+        , &quot;funcName&quot;: funcName
+        , &quot;getJqParent&quot;: getJqParent
+
+        , &quot;getUrlParam&quot;: getUrlParam
+        , &quot;getUrlParams&quot;: getUrlParams
+        , &quot;hasUrlParam&quot;: hasUrlParam
+        , &#x27;urlHostName&#x27;: urlHostName
+        , &quot;httpRequire&quot;: httpRequire
+        , &quot;isSameDay&quot;: isSameDay
+        , &quot;isSameWeek&quot;: isSameWeek
+        , &quot;isSameMonth&quot;: isSameMonth
+        , &quot;isSameSeason&quot;: isSameSeason
+        , &quot;isSameYear&quot;: isSameYear
+        , &quot;weekOfYear&quot;: weekOfYear
+        , &quot;seasonOfYear&quot;: seasonOfYear
+        , &quot;dayOfWeek&quot;: dayOfWeek
+        , &quot;dayOfSeason&quot;: dayOfSeason
+        , &quot;jcAutoInitComps&quot;: autoInit
+
+        , &quot;autoInit&quot;: autoInit
+        , &quot;addAutoInit&quot;: addAutoInit
+        /**
+         * 保存需要自动识别的组件
+         * @property    _AUTO_INIT_DATA
+         * @type Object
+         * @protected
+         */
+        , &quot;_AUTO_INIT_DATA&quot;: {}
+
+        , &quot;maxDayOfMonth&quot;: maxDayOfMonth
+        , &quot;mousewheelEvent&quot;: mousewheelEvent
+        , &quot;padChar&quot;: padChar
+        , &quot;parentSelector&quot;: parentSelector
+        , &quot;parseBool&quot;: parseBool
+        , &quot;parseFinance&quot;: parseFinance
+        , &quot;parseISODate&quot;: parseISODate
+        , &quot;parseDate&quot;: parseDate
+        , &quot;printf&quot;: printf
+        , &quot;printKey&quot;: printKey
+        , &quot;cloneObject&quot;: cloneObject
+
+        , &quot;pureDate&quot;: pureDate
+        , &quot;reloadPage&quot;: reloadPage
+        , &quot;removeUrlSharp&quot;: removeUrlSharp
+        , &quot;relativePath&quot;: relativePath
+        , &quot;scriptContent&quot;: scriptContent
+        , &quot;scriptPath&quot;: scriptPath
+        , &quot;sliceArgs&quot;: sliceArgs
+        , &quot;urlDetect&quot;: urlDetect
+        , &quot;moneyFormat&quot;: moneyFormat
+        , &quot;dateFormat&quot;: dateFormat
+        , &quot;extendObject&quot;: extendObject
+        , &quot;safeTimeout&quot;: safeTimeout
+        , &quot;encoder&quot;: encoder
+        , &quot;fixPath&quot;: fixPath
+        , &quot;arrayId&quot;: arrayId
+        , &quot;docSize&quot;: docSize
+        , &quot;winSize&quot;: winSize
+        , &quot;gid&quot;: gid
+
+        /**
+         * 判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数
+         */
+        , &quot;backward&quot;:
+            function( _setter ){
+                if( window.JC_BACKWARD || _setter ){
+                    for( var k in JC.common ){
+                        if( k == &#x27;backward&#x27; ) continue;
+                        window[ k ] = window[ k ] || JC.common[ k ];
+                    }
+                }
+            }
+        , &quot;has_url_param&quot;: hasUrlParam
+        , &quot;add_url_params&quot;: addUrlParams
+        , &quot;get_url_param&quot;: getUrlParam
+        , &quot;del_url_param&quot;: delUrlParam
+        , &quot;reload_page&quot;: reloadPage
+        , &quot;parse_finance_num&quot;: parseFinance
+        , &quot;pad_char_f&quot;: padChar
+        , &quot;script_path_f&quot;: scriptPath
+        , &quot;ts&quot;: function(){ return new Date().getTime(); }
+    };
+    JC.f.backward();
+    /**
+     * jquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法
+     */
+    !String.prototype.trim &amp;&amp; ( String.prototype.trim = function(){ return $.trim( this ); } );
+    /**
+     * 兼容 低版本 ie Array 的 indexOf 方法
+     */
+    !Array.prototype.indexOf 
+        &amp;&amp; ( Array.prototype.indexOf =
+            function( _v ){
+                var _r = -1;
+                $.each( this, function( _ix, _item ){
+                    if( _item == _v ){
+                        _r = _ix;
+                        return false;
+                    }
+                });
+                return _r;
+            });
+
+    !Array.prototype.first 
+        &amp;&amp; ( Array.prototype.first = 
+            function(){
+                var _r;
+                this.length &amp;&amp; ( _r = this[0] );
+                return _r;
+        });
+
+    !Array.prototype.last
+        &amp;&amp; ( Array.prototype.last = 
+            function(){
+                var _r;
+                this.length &amp;&amp; ( _r = this[ this.length - 1] );
+                return _r;
+        });
+
+    /**
+     * 全局 css z-index 控制属性
+     * &lt;br /&gt; &lt;b&gt;注意&lt;/b&gt;: 这个变量是 window.ZINDEX_COUNT
+     * @property    ZINDEX_COUNT
+     * @type        int
+     * @default     50001
+     * @static
+     */
+    window.ZINDEX_COUNT = window.ZINDEX_COUNT || 50001;
+
+    function fixPath( _url ){
+        if( /\\/.test( _url ) ){
+            _url = _url.replace( /[\\]+/g, &#x27;\\&#x27; );
+        }else{
+            _url = _url.replace( /[\/]+/g, &#x27;/&#x27; );
+        }
+        return _url;
+    }
+    /**
+     * 一维数组去重
+     * @method  arrayId
+     * @param   {Array}     _ar
+     * @return Array
+     * @static
+     */
+    function arrayId( _ar ){
+        var _r = [], _k = {};
+        
+        for( var i = 0, j = _ar.length; i &lt; j; i++ ){
+            if( !(_ar[i] in _k) ){
+                _r.push( _ar[i] );
+                _k[ _ar[i] ] = _ar[i];
+            }
+        }
+        
+        return _r;
+    }
+    /**
+     * 生成全局唯一ID
+     * @method  gid
+     * @return string
+     * @static
+     */
+    function gid(){
+        return &#x27;jc_gid_&#x27; + JC.f.ts() + &#x27;_&#x27; + (JC.GID_COUNT++);
+    }
+    JC.GID_COUNT = 1;
+
+    /**
+     * 把函数的参数转为数组
+     * @method  sliceArgs
+     * @param   {arguments}     args
+     * @return Array
+     * @static
+     */
+    function sliceArgs( _arg ){
+        var _r = [], _i, _len;
+        for( _i = 0, _len = _arg.length; _i &lt; _len; _i++){
+            _r.push( _arg[_i] );
+        }
+        return _r;
+    }
+    /**
+     * 取 URL 的 host name
+     * @method  urlHostName
+     * @param   {string}    _url
+     * @return  string
+     * @static
+     */
+    function urlHostName( _url ){
+        var _r = &#x27;&#x27;, _url = _url || location.href;
+        if( /\:\/\//.test( _url ) ){
+            _url.replace( /^.*?\:\/\/([^\/]+)/, function( $0, $1 ){
+                _r = $1;
+            });
+        }
+        return _r;
+    }
+    /**
+     * 把 URL 相对路径 转换为 绝对路径
+     * @method  relativePath
+     * @param   {string}    _path
+     * @param   {string}    _url
+     * @return  string
+     * @static
+     */
+    function relativePath( _path, _url ){
+        _url = _url || document.URL;
+        _url = _url.replace(/^.*?\:\/\/[^\/]+/, &quot;&quot;).replace(/[^\/]+$/, &quot;&quot;);
+        if(!_path){return _url;}  
+        if(!/\/$/.test(_url)){_url += &quot;/&quot;;}
+
+        if(/(^\.\.\/|^\.\/)/.test(_path)){
+            var Re = new RegExp(&quot;^\\.\\.\\/&quot;), iCount = 0;    
+            while(Re.exec(_path)!=null){
+                _path = _path.replace(Re, &quot;&quot;);
+                iCount++;
+            }       
+            for(var i=0; i&lt;iCount; i++){_url = _url.replace(/[^\/]+\/$/, &quot;&quot;);}    
+            if(_url==&quot;&quot;) return &quot;/&quot;;  
+            _path = _path.replace(/^\.\//, &quot;&quot;); 
+            _path.replace( /\/\/$/, &#x27;/&#x27; );
+            return _url+_path;
+        }   
+        return _path;
+    }
+     /**
+     * 按格式输出字符串
+     * @method printf
+     * @static
+     * @param   {string}    _str
+     * @return  string
+     * @example
+     *      printf( &#x27;asdfasdf{0}sdfasdf{1}&#x27;, &#x27;000&#x27;, 1111 );
+     *      //return asdfasdf000sdfasdf1111
+     */
+    function printf( _str ){
+        for(var i = 1, _len = arguments.length; i &lt; _len; i++){
+            _str = _str.replace( new RegExp(&#x27;\\{&#x27;+( i - 1 )+&#x27;\\}&#x27;, &#x27;g&#x27;), arguments[i] );
+        }
+        return _str;
+    }
+     /**
+     * 按格式输出字符串
+     * @method printKey
+     * @static
+     * @param   {string}    _str
+     * @param   {object}    _keys
+     * @return  string
+     * @example
+     *      JC.f.printKey( &#x27;asdfasdf{key1}sdfasdf{key2},{0}&#x27;, { &#x27;key1&#x27;: &#x27;000&#x27;, &#x27;key2&#x27;: 1111, &#x27;0&#x27;: 222 );
+     *      //return asdfasdf000sdfasdf1111,222
+     */
+    function printKey( _str, _keys ){
+        for( var k in _keys ){
+            _str = _str.replace( new RegExp(&#x27;\\{&#x27;+( k )+&#x27;\\}&#x27;, &#x27;g&#x27;), _keys[k] );
+        }
+        return _str;
+    }
+
+    /**
+     * 判断URL中是否有某个get参数
+     * @method  hasUrlParam
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  bool
+     * @static
+     * @example
+     *      var bool = hasUrlParam( &#x27;getkey&#x27; );
+     */
+    function hasUrlParam( _url, _key ){
+        var _r = false;
+        if( !_key ){ _key = _url; _url = location.href; }
+        if( /\?/.test( _url ) ){
+            _url = _url.split( &#x27;?&#x27; ); _url = _url[ _url.length - 1 ];
+            _url = _url.split(&#x27;&amp;&#x27;);
+            for( var i = 0, j = _url.length; i &lt; j; i++ ){
+                if( _url[i].split(&#x27;=&#x27;)[0].toLowerCase() == _key.toLowerCase() ){ _r = true; break; };
+            }
+        }
+        return _r;
+    }
+    /**
+     * 添加URL参数
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; delUrlParam, filterXSS
+     * @method  addUrlParams
+     * @param   {string}    _url
+     * @param   {object}    _params
+     * @return  string
+     * @static
+     * @example
+            var url = addUrlParams( location.href, {&#x27;key1&#x27;: &#x27;key1value&#x27;, &#x27;key2&#x27;: &#x27;key2value&#x27; } );
+     */ 
+    function addUrlParams( _url, _params ){
+        var sharp = &#x27;&#x27;;
+        !_params &amp;&amp; ( _params = _url, _url = location.href );
+        _url.indexOf(&#x27;#&#x27;) &gt; -1 &amp;&amp; ( sharp = _url.split(&#x27;#&#x27;)[1], _url = _url.split(&#x27;#&#x27;)[0] );
+        for( var k in _params ){
+            _url = delUrlParam(_url, k);
+            _url.indexOf(&#x27;?&#x27;) &gt; -1 
+                ? _url += &#x27;&amp;&#x27; + k +&#x27;=&#x27; + _params[k]
+                : _url += &#x27;?&#x27; + k +&#x27;=&#x27; + _params[k];
+        }
+        sharp &amp;&amp; ( _url += &#x27;#&#x27; + sharp );
+        _url = filterXSS( _url.replace(/\?\&amp;/g, &#x27;?&#x27; ) );
+        return _url;   
+
+    }
+    /**
+     * xss 过滤函数
+     * @method filterXSS
+     * @param   {string}    _s
+     * @return string
+     * @static
+     */
+    function filterXSS( _s ){
+        _s &amp;&amp; (
+            _s = _s
+                    .replace( /&lt;/g, &#x27;&amp;lt;&#x27; )
+                    .replace( /&gt;/g, &#x27;&amp;gt;&#x27; )
+        );
+        return _s;
+    }
+    /**
+     * 取URL参数的值
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; filterXSS
+     * @method  getUrlParam
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  string
+     * @static
+     * @example
+            var defaultTag = getUrlParam(location.href, &#x27;tag&#x27;);  
+     */ 
+    function getUrlParam( _url, _key ){
+        var _r = &#x27;&#x27;, _ar, i, _items;
+        !_key &amp;&amp; ( _key = _url, _url = location.href );
+        _url.indexOf(&#x27;#&#x27;) &gt; -1 &amp;&amp; ( _url = _url.split(&#x27;#&#x27;)[0] );
+        if( _url.indexOf(&#x27;?&#x27;) &gt; -1 ){
+            _ar = _url.split(&#x27;?&#x27;)[1].split(&#x27;&amp;&#x27;);
+            for( i = 0; i &lt; _ar.length; i++ ){
+                _items = _ar[i].split(&#x27;=&#x27;);
+                _items[0] = decodeURIComponent( _items[0] || &#x27;&#x27; ).replace(/^\s+|\s+$/g, &#x27;&#x27;);
+                if( _items[0].toLowerCase() == _key.toLowerCase() ){
+                    _r = filterXSS( _items[1] || &#x27;&#x27; );
+                    break;
+                } 
+            }
+        }
+        return _r;
+    }
+    /**
+     * 取URL参数的值, 这个方法返回数组
+     * &lt;br /&gt;与 getUrlParam 的区别是可以获取 checkbox 的所有值
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; filterXSS
+     * @method  getUrlParams
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  Array
+     * @static
+     * @example
+            var params = getUrlParams(location.href, &#x27;tag&#x27;);  
+     */ 
+    function getUrlParams( _url, _key ){
+        var _r = [], _params, i, j, _items;
+        !_key &amp;&amp; ( _key = _url, _url = location.href );
+        _url = _url.replace(/[\?]+/g, &#x27;?&#x27;).split(&#x27;?&#x27;);
+        if( _url.length &gt; 1 ){
+            _url = _url[1];
+            _params = _url.split(&#x27;&amp;&#x27;);
+            if( _params.length ){
+                for( i = 0, j = _params.length; i &lt; j; i++ ){
+                    _items = _params[i].split(&#x27;=&#x27;);
+                    _items[0] = decodeURIComponent( _items[0] ) || &#x27;&#x27;;
+                    if( _items[0].trim() == _key ){
+                        _r.push( filterXSS( _items[1] || &#x27;&#x27; ) );
+                    }
+                }
+            }
+        }
+        return _r;
+    }
+    /**
+     * 删除URL参数
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; filterXSS
+     * @method  delUrlParam
+     * @param  {string}    _url
+     * @param  {string}    _key
+     * @return  string
+     * @static
+     * @example
+            var url = delUrlParam( location.href, &#x27;tag&#x27; );
+     */ 
+    function delUrlParam( _url, _key ){
+        var sharp = &#x27;&#x27;, params, tmpParams = [], i, item;
+        !_key &amp;&amp; ( _key = _url, _url = location.href );
+        _url.indexOf(&#x27;#&#x27;) &gt; -1 &amp;&amp; ( sharp = _url.split(&#x27;#&#x27;)[1], _url = _url.split(&#x27;#&#x27;)[0] );
+        if( _url.indexOf(&#x27;?&#x27;) &gt; -1 ){
+            params = _url.split(&#x27;?&#x27;)[1].split(&#x27;&amp;&#x27;);
+            _url = _url.split(&#x27;?&#x27;)[0];
+            for( i = 0; i &lt; params.length; i++ ){
+                var items = params[i].split(&#x27;=&#x27;);
+                items[0] = items[0].replace(/^\s+|\s+$/g, &#x27;&#x27;);
+                if( items[0].toLowerCase() == _key.toLowerCase() ) continue;
+                tmpParams.push( items.join(&#x27;=&#x27;) )
+            }
+            _url += &#x27;?&#x27; + tmpParams.join(&#x27;&amp;&#x27;);
+        }
+        sharp &amp;&amp; ( _url += &#x27;#&#x27; + sharp );
+       _url = filterXSS( _url );
+        return _url;
+    }
+    /**
+     * 批量删除URL参数
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; delUrlParam
+     * @method  delUrlParams
+     * @param  {string}    _url
+     * @param  {Array}    _keys
+     * @return  string
+     * @static
+     * @example
+            var url = delUrlParam( location.href, [ &#x27;k1&#x27;, &#x27;k2&#x27; ] );
+     */ 
+    function delUrlParams( _url, _keys ){
+        !_keys &amp;&amp; ( _keys = _url, _url = location.href );
+        for( var k in _keys ) _url = delUrlParam( _url, _keys[ k ] );
+        return _url;
+    }
+    /**
+     * 提示需要 HTTP 环境
+     * @method  httpRequire
+     * @static
+     * @param  {string}  _msg   要提示的文字, 默认 &quot;本示例需要HTTP环境&#x27;
+     * @return  bool     如果是HTTP环境返回true, 否则返回false
+     */
+    function httpRequire( _msg ){
+        _msg = _msg || &#x27;本示例需要HTTP环境&#x27;;
+        if( /file\:|\\/.test( location.href ) ){
+            alert( _msg );
+            return false;
+        }
+        return true;
+    }
+    /**
+     * 删除 URL 的锚点
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; addUrlParams, filterXSS
+     * @method removeUrlSharp
+     * @static
+     * @param   {string}    _url
+     * @param   {bool}      _nornd      是否不添加随机参数
+     * @param   {string}    _rndName
+     * @return  string
+     */
+    function removeUrlSharp( _url, _nornd, _rndName ){   
+        !_url &amp;&amp; ( _url = location.href );
+        _url = _url.replace(/\#[\s\S]*/, &#x27;&#x27;);
+        _rndName = _rndName || &#x27;rnd&#x27;;
+        var _rndO;
+        !_nornd &amp;&amp; ( _rndO = {}
+                        , _rndO[ _rndName ] = new Date().getTime()
+                        , _url = addUrlParams( _url, _rndO ) 
+        );
+        _url = filterXSS( _url );
+        return _url;
+    }
+    /**
+     * 重载页面
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; removeUrlSharp, addUrlParams, filterXSS
+     * @method reloadPage
+     * @static
+     * @param   {string}    _url
+     * @param   {bool}      _nornd
+     * @param   {int}       _delayms
+     */ 
+    function reloadPage( _url, _nornd, _delayMs  ){
+        _delayMs = _delayMs || 0;
+
+        _url = removeUrlSharp( _url || location.href, _nornd );
+        !_nornd &amp;&amp; ( _url = addUrlParams( _url, { &#x27;rnd&#x27;: new Date().getTime() } ) );
+        _url = filterXSS( _url );
+
+        setTimeout( function(){
+            location.href = _url;
+        }, _delayMs);
+        return _url;
+    }
+    /**
+     * 取小数点的N位
+     * &lt;br /&gt;JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题
+     * @method  parseFinance
+     * @static
+     * @param   {number}    _i
+     * @param   {int}       _dot  default = 2
+     * @return  number
+     */
+    function parseFinance( _i, _dot ){
+        _i = parseFloat( _i ) || 0;
+        typeof _dot == &#x27;undefined&#x27; &amp;&amp; ( _dot = 2 );
+        _i &amp;&amp; ( _i = parseFloat( _i.toFixed( _dot ) ) );
+        return _i;
+    }
+    /**
+     * js 附加字串函数
+     * @method  padChar
+     * @static
+     * @param   {string}    _str
+     * @param   {intl}      _len
+     * @param   {string}    _char
+     * @return  string
+     */
+    function padChar( _str, _len, _char ){
+        _len  = _len || 2; _char = _char || &quot;0&quot;; 
+        _str += &#x27;&#x27;;
+        if( _str.length &gt;= _len ) return _str;
+        _str = new Array( _len + 1 ).join( _char ) + _str
+        return _str.slice( _str.length - _len );
+    }
+    /**
+     * 格式化日期为 YYYY-mm-dd 格式
+     * &lt;br /&gt;&lt;b&gt;require&lt;/b&gt;: pad\_char\_f
+     * @method  formatISODate
+     * @static
+     * @param   {date}                  _date       要格式化日期的日期对象
+     * @param   {string|undefined}      _split      定义年月日的分隔符, 默认为 &#x27;-&#x27;
+     * @return  string
+     *
+     */
+    function formatISODate( _date, _split ){
+        _date = _date || new Date(); typeof _split == &#x27;undefined&#x27; &amp;&amp; ( _split = &#x27;-&#x27; );
+        return [ _date.getFullYear(), padChar( _date.getMonth() + 1 ), padChar( _date.getDate() ) ].join(_split);
+    }
+    /**
+     * 从 ISODate 字符串解析日期对象
+     * @method  parseISODate
+     * @static
+     * @param   {string}    _datestr
+     * @return  date
+     */
+    function parseISODate( _datestr ){
+        if( !_datestr ) return;
+        _datestr = _datestr.replace( /[^\d]+/g, &#x27;&#x27;);
+        var _r;
+        if( _datestr.length === 8 ){
+            _r = new Date( _datestr.slice( 0, 4 )
+                            , parseInt( _datestr.slice( 4, 6 ), 10 ) - 1
+                            , parseInt( _datestr.slice( 6 ), 10 ) );
+        }else if( _datestr.length === 6 ){
+            _r = new Date( _datestr.slice( 0, 4 )
+                            , parseInt( _datestr.slice( 4, 6 ), 10 ) - 1
+                            , 1 );
+        }
+
+        return _r;
+    }
+    /**
+     * 从日期字符串解析日期对象
+     * &lt;br /&gt;兼容 JC.Calendar 日期格式
+     * @method  parseDate
+     * @param   {date}      _date
+     * @param   {selector}  _selector   如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化
+     * @param   {boolean}   _forceISO   是否强制转换为ISO日期
+     * @return  {date|null}
+     * @static
+     */
+    function parseDate( _date, _selector, _forceISO ){
+        if( !_date ) return null;
+        var _parse = parseISODate;
+            
+        _selector &amp;&amp; !_forceISO
+            &amp;&amp; ( _selector = $( _selector ) ).length
+            &amp;&amp; _selector.attr( &#x27;dateParse&#x27; )
+            &amp;&amp; ( _parse = window[ _selector.attr( &#x27;dateParse&#x27; ) ] || _parse )
+            ;
+        _date = _parse( _date );
+        _date &amp;&amp; _date.start &amp;&amp; ( _date = _date.start );
+        return _date;
+    }
+
+    /**
+     * 获取不带 时分秒的 日期对象
+     * @method  pureDate
+     * @param   {Date}  _d   可选参数, 如果为空 = new Date
+     * @return  Date
+     * @static
+     */
+    function pureDate( _d ){
+        var _r;
+        _d = _d || new Date();
+        _r = new Date( _d.getFullYear(), _d.getMonth(), _d.getDate() );
+        return _r;
+    }
+    /**
+    * 克隆日期对象
+    * @method  cloneDate
+    * @static
+    * @param   {Date}  _date   需要克隆的日期
+    * @return  {Date}
+    */
+    function cloneDate( _date ){ var d = new Date(); d.setTime( _date.getTime() ); return d; }
+    /**
+     * 判断两个日期是否为同一天
+     * @method  isSameDay
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameDay( _d1, _d2 ){
+        return [_d1.getFullYear(), _d1.getMonth(), _d1.getDate()].join() === [
+                _d2.getFullYear(), _d2.getMonth(), _d2.getDate()].join()
+    }
+    /**
+     * 判断两个日期是否为同一月份
+     * @method  isSameMonth
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameMonth( _d1, _d2 ){
+        return [_d1.getFullYear(), _d1.getMonth()].join() === [
+                _d2.getFullYear(), _d2.getMonth()].join()
+    }
+
+    /**
+     * 判断两个日期是否为同一季度
+     * @method  isSameWeek
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameWeek( _d1, _d2 ){
+        var _weeks = [],
+            _r = false,
+            i = 0,
+            l;
+
+        _weeks = weekOfYear(_d1.getFullYear());
+        
+        _d1 = _d1.getTime();
+        _d2 = _d2.getTime();
+
+        for ( i = 0, l = _weeks.length; i &lt; l; i++ ) {
+            if ( (_d1 &gt;= _weeks[i].start &amp;&amp; _d1 &lt;= _weeks[i].end) 
+                &amp;&amp; ( _d2 &gt;= _weeks[i].start &amp;&amp; _d2 &lt;= _weeks[i].end ) 
+                ) {
+                console.log(i, _d1, _weeks[i]);
+                return true;
+            }  
+        }
+
+        return _r;
+    }
+
+    /**
+     * 判断两个日期是否为同一季度
+     * @method  isSameSeason
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameSeason( _d1, _d2 ){
+        var _seasons = [],
+            _r = false,
+            i = 0,
+            l ;
+
+        if ( !isSameYear( _d1, _d2 ) ) {
+            return false;
+        }
+
+        _seasons = seasonOfYear( _d1.getFullYear() );
+        _d1 = _d1.getTime();
+        _d2 = _d2.getTime();
+        
+        for (i = 0, l = _seasons.length ; i &lt; l; i++ ) {
+            if ( (_d1 &gt;= _seasons[i].start &amp;&amp; _d1 &lt;= _seasons[i].end) 
+                &amp;&amp; ( _d2 &gt;= _seasons[i].start &amp;&amp; _d2 &lt;= _seasons[i].end ) ) {
+                return true;
+            }     
+        }
+
+        return _r;
+    }
+
+    /**
+     * 判断两个日期是否为同一年
+     * @method  isSameYear
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameYear( _d1, _d2 ) {
+        return _d1.getFullYear() === _d2.getFullYear();
+    }
+
+    /**
+     * 取一年中所有的星期, 及其开始结束日期
+     * @method  weekOfYear
+     * @static
+     * @param   {int}   _year
+     * @param   {int}   _dayOffset  每周的默认开始为周几, 默认0(周一)
+     * @return  Array
+     */
+    function weekOfYear( _year, _dayOffset ){
+        var _r = [], _tmp, _count = 1, _dayOffset = _dayOffset || 0
+            , _year = parseInt( _year, 10 )
+            , _d = new Date( _year, 0, 1 );
+        /**
+         * 元旦开始的第一个星期一开始的一周为政治经济上的第一周
+         */
+         _d.getDay() &gt; 1 &amp;&amp; _d.setDate( _d.getDate() - _d.getDay() + 7 );
+
+         _d.getDay() === 0 &amp;&amp; _d.setDate( _d.getDate() + 1 );
+
+         _dayOffset &gt; 0 &amp;&amp; ( _dayOffset = (new Date( 2000, 1, 2 ) - new Date( 2000, 1, 1 )) * _dayOffset );
+
+        while( _d.getFullYear() &lt;= _year ){
+            _tmp = { &#x27;week&#x27;: _count++, &#x27;start&#x27;: null, &#x27;end&#x27;: null };
+            _tmp.start = _d.getTime() + _dayOffset;
+            //_tmp.start = formatISODate(_d);
+            _d.setDate( _d.getDate() + 6 );
+            _tmp.end = _d.getTime() + _dayOffset;
+            //_tmp.end = formatISODate(_d);
+            _d.setDate( _d.getDate() + 1 );
+            if( _d.getFullYear() &gt; _year ) {
+                _d = new Date( _d.getFullYear(), 0, 1 );
+                if( _d.getDay() &lt; 2 ) break;
+             }
+            _r.push( _tmp );
+        }
+        return _r;
+    }
+    /**
+     * 取一年中所有的季度, 及其开始结束日期
+     * @method  seasonOfYear
+     * @static
+     * @param   {int}   _year
+     * @return  Array
+     */
+    function seasonOfYear( _year ){
+        var _r = []
+            , _year = parseInt( _year, 10 )
+            ;
+
+        _r.push( 
+                {
+                    start: pureDate( new Date( _year, 0, 1 ) )
+                    , end: pureDate( new Date( _year, 2, 31 ) )
+                    , season: 1
+                }, {
+                    start: pureDate( new Date( _year, 3, 1 ) )
+                    , end: pureDate( new Date( _year, 5, 30 ) )
+                    , season: 2
+                }, {
+                    start: pureDate( new Date( _year, 6, 1 ) )
+                    , end: pureDate( new Date( _year, 8, 30 ) )
+                    , season: 3
+                }, {
+                    start: pureDate( new Date( _year, 9, 1 ) )
+                    , end: pureDate( new Date( _year, 11, 31 ) )
+                    , season: 4
+                }
+        );
+                
+
+        return _r;
+    }
+
+    /**
+     * 取某一天所在星期的开始结束日期,以及第几个星期
+     * @method  dayOfWeek
+     * @static
+     * @param   {iso date}   _date
+     * @param   {int}        _dayOffset
+     * @return  Object
+     */
+    function dayOfWeek( _date, _dayOffset ) {
+        var r = {},
+            weeks = JC.f.weekOfYear(_date.getFullYear(), _dayOffset),
+            i = 0,
+            l = weeks.length,
+            t = _date.getTime(),
+            start = JC.f.pureDate( new Date() ),
+            end = JC.f.pureDate( new Date() );
+
+        for (i; i &lt;l; i++) {
+            if (t &gt;= weeks[i].start &amp;&amp; t &lt;= weeks[i].end) {
+                start.setTime(weeks[i].start);
+                end.setTime(weeks[i].end);
+                r.start = start;
+                r.end = end;
+                r.w = i + 1
+                return r;
+            }
+        }
+    }
+
+    /**
+     * 取某一天所在季度的开始结束日期,以及第几个Q
+     * @method  dayOfSeason
+     * @static
+     * @param   {iso date}   _date
+     * @return  Object
+     */
+
+    function dayOfSeason(_date) {
+        var year = _date.getFullYear(),
+            q = JC.f.seasonOfYear(year),
+            i,
+            r = {},
+            tmp,
+            d = _date.getTime();
+
+        for (i = 0; i &lt; 4; i++) {
+            if (d &gt;= q[i].start.getTime() &amp;&amp; d &lt;= q[i].end.getTime()) {
+                r.start = q[i].start;
+                r.end = q[i].end;
+                r.q = i + 1;
+                return r;
+            }
+        }
+
+    }
+
+    /**
+     * 取得一个月份中最大的一天
+     * @method  maxDayOfMonth
+     * @static
+     * @param   {Date}  _date
+     * @return {int} 月份中最大的一天
+     */
+    function maxDayOfMonth( _date ){
+        var _r, _d = new Date( _date.getFullYear(), _date.getMonth() + 1 );
+            _d.setDate( _d.getDate() - 1 );
+            _r = _d.getDate();
+        return _r;
+    }
+    /**
+     * 取当前脚本标签的 src路径 
+     * @method  scriptPath
+     * @static
+     * @return  {string} 脚本所在目录的完整路径
+     */
+    function scriptPath(){
+        var _sc = document.getElementsByTagName(&#x27;script&#x27;), _sc = _sc[ _sc.length - 1 ], _path = _sc.getAttribute(&#x27;src&#x27;);
+        if( /\//.test( _path ) ){ _path = _path.split(&#x27;/&#x27;); _path.pop(); _path = _path.join(&#x27;/&#x27;) + &#x27;/&#x27;; }
+        else if( /\\/.test( _path ) ){ _path = _path.split(&#x27;\\&#x27;); _path.pop(); _path = _path.join(&#x27;\\&#x27;) + &#x27;/&#x27;; }
+        return _path;
+    }
+    /**
+     * 缓动函数, 动画效果为按时间缓动 
+     * &lt;br /&gt;这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval 
+     * @method  easyEffect
+     * @static
+     * @param   {function}  _cb         缓动运动时的回调
+     * @param   {number}    _maxVal     缓动的最大值, default = 200
+     * @param   {number}    _startVal   缓动的起始值, default = 0
+     * @param   {number}    _duration   缓动的总时间, 单位毫秒, default = 200
+     * @param   {number}    _stepMs     缓动的间隔, 单位毫秒, default = 2
+     * @return  interval
+     * @example
+            $(document).ready(function(){
+                window.js_output = $(&#x27;span.js_output&#x27;);
+                window.ls = [];
+                window.EFF_INTERVAL = easyEffect( effectcallback, 100);
+            });
+
+            function effectcallback( _stepval, _done ){
+                js_output.html( _stepval );
+                ls.push( _stepval );
+
+                !_done &amp;&amp; js_output.html( _stepval );
+                _done &amp;&amp; js_output.html( _stepval + &#x27;&lt;br /&gt;&#x27; + ls.join() );
+            }
+     */
+    function easyEffect( _cb, _maxVal, _startVal, _duration, _stepMs ){
+        var _beginDate = new Date(), _timepass
+            , _maxVal = _maxVal || 200
+            , _startVal = _startVal || 0
+            , _maxVal = _maxVal - _startVal 
+            , _tmp = 0
+            , _done
+            , _duration = _duration || 200
+            , _stepMs = _stepMs || 2
+            ;
+        //JC.log( &#x27;_maxVal:&#x27;, _maxVal, &#x27;_startVal:&#x27;, _startVal, &#x27;_duration:&#x27;, _duration, &#x27;_stepMs:&#x27;, _stepMs );
+
+        var _interval = setInterval(
+            function(){
+                _timepass = new Date() - _beginDate;
+                _tmp = _timepass / _duration * _maxVal;
+                _tmp;
+                if( _tmp &gt;= _maxVal ){
+                    _tmp = _maxVal;
+                    _done = true;
+                    clearInterval( _interval );
+                }
+
+                _cb &amp;&amp; _cb( _tmp + _startVal, _done, _timepass, _duration, _stepMs, _startVal, _maxVal );
+            }, _stepMs );
+
+        return _interval;
+    }
+    /**
+     * 把输入值转换为布尔值
+     * @method parseBool
+     * @param   {*} _input
+     * @return bool
+     * @static
+     */
+    function parseBool( _input ){
+        if( typeof _input == &#x27;string&#x27; ){
+            _input = _input.replace( /[\s]/g, &#x27;&#x27; ).toLowerCase();
+            if( _input &amp;&amp; ( _input == &#x27;false&#x27; 
+                            || _input == &#x27;0&#x27; 
+                            || _input == &#x27;null&#x27;
+                            || _input == &#x27;undefined&#x27;
+           )) _input = false;
+           else if( _input ) _input = true;
+        }
+        return !!_input;
+    }
+    /**
+     * 绑定或清除 mousewheel 事件
+     * @method  mousewheelEvent
+     * @param   {function}  _cb
+     * @param   {bool}      _detach
+     * @param   {selector}  _selector  default = document
+     * @static
+     */
+    function mousewheelEvent( _cb, _detach, _selector ){
+        _selector = _selector || document;
+        var _evt =  (/Firefox/i.test(navigator.userAgent))
+            ? &quot;DOMMouseScroll&quot; 
+            : &quot;mousewheel&quot;
+            ;
+        _selector.attachEvent &amp;&amp; ( _evt = &#x27;on&#x27; + _evt );
+
+        if( _detach ){
+            _selector.detachEvent &amp;&amp; document.detachEvent( _evt, _cb )
+            _selector.removeEventListener &amp;&amp; document.removeEventListener( _evt, _cb );
+        }else{
+            _selector.attachEvent &amp;&amp; document.attachEvent( _evt, _cb )
+            _selector.addEventListener &amp;&amp; document.addEventListener( _evt, _cb );
+        }
+    }
+    /**
+     * 获取 selector 的指定父级标签
+     * @method  getJqParent
+     * @param   {selector}  _selector
+     * @param   {selector}  _filter
+     * @return selector
+     * @require jquery
+     * @static
+     */
+    function getJqParent( _selector, _filter ){
+        _selector = $(_selector);
+        var _r;
+
+        if( _filter ){
+            while( (_selector = _selector.parent()).length ){
+                if( _selector.is( _filter ) ){
+                    _r = _selector;
+                    break;
+                }
+            }
+        }else{
+            _r = _selector.parent();
+        }
+
+        return _r;
+    }
+    /**
+     * 扩展 jquery 选择器
+     * &lt;br /&gt;扩展起始字符的 &#x27;/&#x27; 符号为 jquery 父节点选择器
+     * &lt;br /&gt;扩展起始字符的 &#x27;|&#x27; 符号为 jquery 子节点选择器
+     * &lt;br /&gt;扩展起始字符的 &#x27;(&#x27; 符号为 jquery 父节点查找识别符( getJqParent )
+     * @method  parentSelector
+     * @param   {selector}  _item
+     * @param   {String}    _selector
+     * @param   {selector}  _finder
+     * @return  selector
+     * @require jquery
+     * @static
+     */
+    function parentSelector( _item, _selector, _finder ){
+        _item &amp;&amp; ( _item = $( _item ) );
+        if( /\,/.test( _selector ) ){
+            var _multiSelector = [], _tmp;
+            _selector = _selector.split(&#x27;,&#x27;);
+            $.each( _selector, function( _ix, _subSelector ){
+                _subSelector = _subSelector.trim();
+                _tmp = parentSelector( _item, _subSelector, _finder );
+                _tmp &amp;&amp; _tmp.length 
+                    &amp;&amp;  ( 
+                            ( _tmp.each( function(){ _multiSelector.push( $(this) ) } ) )
+                        );
+            });
+            return $( _multiSelector );
+        }
+        var _pntChildRe = /^([\/]+)/, _childRe = /^([\|]+)/, _pntRe = /^([&lt;\(]+)/;
+        if( _pntChildRe.test( _selector ) ){
+            _selector = _selector.replace( _pntChildRe, function( $0, $1 ){
+                for( var i = 0, j = $1.length; i &lt; j; i++ ){
+                    _item = _item.parent();
+                }
+                _finder = _item;
+                return &#x27;&#x27;;
+            });
+            _selector = _selector.trim();
+            return _selector ? _finder.find( _selector ) : _finder;
+        }else if( _childRe.test( _selector ) ){
+            _selector = _selector.replace( _childRe, function( $0, $1 ){
+                for( var i = 1, j = $1.length; i &lt; j; i++ ){
+                    _item = _item.parent();
+                }
+                _finder = _item;
+                return &#x27;&#x27;;
+            });
+            _selector = _selector.trim();
+            return _selector ? _finder.find( _selector ) : _finder;
+        }else if( _pntRe.test( _selector ) ){
+            _selector = _selector.replace( _pntRe, &#x27;&#x27; ).trim();
+            if( _selector ){
+                if( /[\s]/.test( _selector ) ){
+                    var _r;
+                    _selector.replace( /^([^\s]+)([\s\S]+)/, function( $0, $1, $2 ){
+                        _r = getJqParent( _item, $1 ).find( $2.trim() );
+                    });
+                    return _r || _selector;
+                }else{
+                    return getJqParent( _item, _selector );
+                }
+            }else{
+                return _item.parent();
+            }
+        }else{
+            return _finder ? _finder.find( _selector ) : jQuery( _selector );
+        }
+    }
+    /**
+     * 获取脚本模板的内容
+     * @method  scriptContent
+     * @param   {selector}  _selector
+     * @return  string
+     * @static
+     */
+    function scriptContent( _selector ){
+        var _r = &#x27;&#x27;;
+        _selector 
+            &amp;&amp; ( _selector = $( _selector ) ).length 
+            &amp;&amp; ( _r = _selector.html().trim().replace( /[\r\n]/g, &#x27;&#x27;) )
+            ;
+        return _r;
+    }
+    /**
+     * 取函数名 ( 匿名函数返回空 )
+     * @method  funcName
+     * @param   {function}  _func
+     * @return  string
+     * @static
+     */
+    function funcName(_func){
+      var _re = /^function\s+([^()]+)[\s\S]*/
+          , _r = &#x27;&#x27;
+          , _fStr = _func.toString();    
+      //JC.log( _fStr );
+      _re.test( _fStr ) &amp;&amp; ( _r = _fStr.replace( _re, &#x27;$1&#x27; ) );
+      return _r.trim();
+    }
+    /**
+     * 执行自动识别的组件
+     * @method  autoInit
+     * @param   {selector}  _selector
+     * @static
+     */
+    function autoInit( _selector ){
+        _selector = $( _selector || document );
+        if( !( _selector &amp;&amp; _selector.length &amp;&amp; window.JC ) ) return;
+        if( !( JC.f &amp;&amp; JC.f._AUTO_INIT_DATA ) ) return;
+
+        $.each( JC.f._AUTO_INIT_DATA, function( _k, _class ){
+            if( !_class ) return;
+            _class.init ? _class.init( _selector ) : _class( _selector );
+        });
+        return JC.f;
+    }
+    /**
+     * 添加需要自动识别的组件
+     * @method addAutoInit
+     * @param   {class} _class
+     * @static
+     * @example
+     *      JC.f.addAutoInit( JC.Calendar );
+     */
+    function addAutoInit( _class ){
+        _class 
+            &amp;&amp; JC.f._AUTO_INIT_DATA 
+            &amp;&amp; ( JC.f._AUTO_INIT_DATA[ 
+                    _class &amp;&amp; _class.Model &amp;&amp; _class.Model._instanceName 
+                    ? _class.Model._instanceName
+                    : _class.toString()
+                ] = _class )
+                ;
+        return JC.f;
+    }
+    /**
+     * jcAutoInitComps 不久后将被清除
+     * 请使用 JC.f.autoInit 和 JC.f.addAutoInit
+     */
+    function jcAutoInitComps( _selector ){
+        _selector = $( _selector || document );
+        
+        if( !( _selector &amp;&amp; _selector.length &amp;&amp; window.JC ) ) return;
+        /**
+         * 联动下拉框
+         */
+        JC.AutoSelect &amp;&amp; JC.AutoSelect( _selector );
+        /**
+         * 日历组件
+         */
+        JC.Calendar &amp;&amp; JC.Calendar.initTrigger( _selector );
+        /**
+         * 双日历组件
+         */
+        JC.DCalendar &amp;&amp; JC.DCalendar.init &amp;&amp; JC.DCalendar.init( _selector );
+        /**
+         * 全选反选
+         */
+        JC.AutoChecked &amp;&amp; JC.AutoChecked( _selector );
+        /**
+         * Ajax 上传
+         */
+        JC.AjaxUpload &amp;&amp; JC.AjaxUpload.init( _selector );
+        /**
+         * 占位符
+         */
+        JC.Placeholder &amp;&amp; JC.Placeholder.init( _selector );
+        /**
+         * 表格冻结
+         */
+        JC.TableFreeze &amp;&amp; JC.TableFreeze.init( _selector );
+        /**
+         * 拖曳
+         */
+        JC.Drag &amp;&amp; JC.Drag.init( _selector );
+        /**
+         * 图片裁切
+         */
+        JC.ImageCutter &amp;&amp; JC.ImageCutter.init( _selector );
+
+        JC.Tab &amp;&amp; JC.Tab.init &amp;&amp; JC.Tab.init( _selector );
+
+        if( !window.Bizs ) return;
+        /**
+         * disable / enable
+         */
+        Bizs.DisableLogic &amp;&amp; Bizs.DisableLogic.init( _selector );
+        /**
+         * 表单提交逻辑
+         */
+        Bizs.FormLogic &amp;&amp; Bizs.FormLogic.init( _selector );
+        /**
+         * 格式化金额
+         */
+        Bizs.MoneyTips &amp;&amp; Bizs.MoneyTips.init( _selector );
+        /**
+         * 自动完成
+         */
+        Bizs.AutoSelectComplete &amp;&amp; Bizs.AutoSelectComplete.init( _selector );
+
+        Bizs.InputSelect &amp;&amp; Bizs.InputSelect.init( _selector );
+
+        /**
+         *排期日期展示
+        */
+        Bizs.TaskViewer &amp;&amp; Bizs.TaskViewer.init(_selector);
+    }
+
+    /**
+     * URL 占位符识别功能
+     * &lt;br /&gt;&lt;b&gt;require:&lt;/b&gt; addUrlParams, filterXSS
+     * @method  urlDetect
+     * @param   {String}    _url    如果 起始字符为 URL, 那么 URL 将祝为本页的URL
+     * @return  string
+     * @static
+     * @example
+     *      urlDetect( &#x27;?test&#x27; ); //output: ?test
+     *
+     *      urlDetect( &#x27;URL,a=1&amp;b=2&#x27; ); //output: your.com?a=1&amp;b=2
+     *      urlDetect( &#x27;URL,a=1,b=2&#x27; ); //output: your.com?a=1&amp;b=2
+     *      urlDetect( &#x27;URLa=1&amp;b=2&#x27; ); //output: your.com?a=1&amp;b=2
+     */
+    function urlDetect( _url ){
+        _url = _url || &#x27;&#x27;;
+        var _r = _url, _tmp, i, j, _items;
+        if( /^URL/.test( _url ) ){
+            _tmp = _url.replace( /^URL/, &#x27;&#x27; ).replace( /[\s]*,[\s]*/g, &#x27;,&#x27; ).trim().split(&#x27;,&#x27;);
+            _url = location.href;
+            var _d = {}, _concat = [];
+            if( _tmp.length ){
+                for( i = 0, j = _tmp.length; i &lt; j; i ++ ){
+                     /\&amp;/.test( _tmp[i] )
+                         ? ( _concat = _concat.concat( _tmp[i].split(&#x27;&amp;&#x27;) ) )
+                         : ( _concat = _concat.concat( _tmp[i] ) )
+                         ;
+                }
+                _tmp = _concat;
+            }
+            for( i = 0, j = _tmp.length; i &lt; j; i++ ){
+                _items = _tmp[i].replace(/[\s]+/g, &#x27;&#x27;).split( &#x27;=&#x27; );
+                if( !_items[0] ) continue;
+                _d[ _items[0] ] = _items[1] || &#x27;&#x27;;
+            }
+            _url = addUrlParams( _url, _d );
+            _r = _url;
+        }
+        _r = filterXSS( _url );
+        return _r;
+    }
+    /**
+     * 日期占位符识别功能
+     * @method  dateDetect
+     * @param   {String}    _dateStr    如果起始字符为 NOW, 那么将视为当前日期
+     *                                  , 如果起始字符为 NOWFirst, 那么将视为当前月的1号
+     * @return  {date|null}
+     * @static
+     * @example
+     *      dateDetect( &#x27;now&#x27; ); //2014-10-02
+     *      dateDetect( &#x27;now,3d&#x27; ); //2013-10-05
+     *      dateDetect( &#x27;now,-3d&#x27; ); //2013-09-29
+     *      dateDetect( &#x27;now,2w&#x27; ); //2013-10-16
+     *      dateDetect( &#x27;now,-2m&#x27; ); //2013-08-02
+     *      dateDetect( &#x27;now,4y&#x27; ); //2017-10-02
+     *
+     *      dateDetect( &#x27;now,1d,1w,1m,1y&#x27; ); //2014-11-10
+     */
+    function dateDetect( _dateStr ){
+        var _r = null   
+            , _re = /^now/i
+            , _nowFirstRe = /^nowfirst/
+            , _dateRe = /^([\d]{8}|[\d]{4}.[\d]{2}.[\d]{2})/
+            , _d, _ar, _item
+            ;
+        if( _dateStr &amp;&amp; typeof _dateStr == &#x27;string&#x27; ){
+            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) || _dateRe.test( _dateStr ) ){
+                _d = new Date();
+                if( _nowFirstRe.test(_dateStr ) ){
+                    _d.setDate( 1 );
+                }
+                if( _dateRe.test( _dateStr ) ){
+                    _d = JC.f.parseISODate( _dateStr.replace( /[^\d]/g, &#x27;&#x27; ).slice( 0, 8 ) );
+                    _dateStr = _dateStr.replace( _dateRe, &#x27;&#x27; );
+                }
+                _dateStr = _dateStr.replace( _re, &#x27;&#x27; ).replace(/[\s]+/g, &#x27;&#x27;);
+                _ar = _dateStr.split(&#x27;,&#x27;);
+
+                var _red = /d$/i
+                    , _rew = /w$/i
+                    , _rem = /m$/i
+                    , _rey = /y$/i
+                    ;
+                for( var i = 0, j = _ar.length; i &lt; j; i++ ){
+                    _item = _ar[i] || &#x27;&#x27;;
+                    if( !_item ) continue;
+                    _item = _item.replace( /[^\-\ddwmy]+/gi, &#x27;&#x27; );
+
+                    if( _red.test( _item ) ){
+                        _item = parseInt( _item.replace( _red, &#x27;&#x27; ), 10 );
+                        _item &amp;&amp; _d.setDate( _d.getDate() + _item );
+                    }else if( _rew.test( _item ) ){
+                        _item = parseInt( _item.replace( _rew, &#x27;&#x27; ), 10 );
+                        _item &amp;&amp; _d.setDate( _d.getDate() + _item * 7 );
+                    }else if( _rem.test( _item ) ){
+                        _item = parseInt( _item.replace( _rem, &#x27;&#x27; ), 10 );
+                        _item &amp;&amp; _d.setMonth( _d.getMonth() + _item );
+                    }else if( _rey.test( _item ) ){
+                        _item = parseInt( _item.replace( _rey, &#x27;&#x27; ), 10 );
+                        _item &amp;&amp; _d.setFullYear( _d.getFullYear() + _item );
+                    }
+                }
+                _r = _d;
+            }else{
+                _r = parseISODate( _dateStr );
+            }
+        }
+        return _r;
+    }
+    ;(function(){
+        /**
+         * inject jquery val func, for hidden change event
+         */
+        if( !window.jQuery ) return;
+        var _oldVal = $.fn.val;
+        $.fn.val = 
+            function(){
+                var _r = _oldVal.apply( this, arguments ), _p = this;
+                if( 
+                    arguments.length
+                    &amp;&amp; ( this.prop(&#x27;nodeName&#x27;) || &#x27;&#x27;).toLowerCase() == &#x27;input&#x27; 
+                    &amp;&amp; ( this.attr(&#x27;type&#x27;) || &#x27;&#x27; ).toLowerCase() == &#x27;hidden&#x27;
+                ){
+                    setTimeout( function(){ _p.trigger( &#x27;change&#x27; ); }, 1 );
+                }
+                return _r;
+            };
+    }());
+    /**
+     * 逗号格式化金额
+     * @method  moneyFormat
+     * @param   {int|string}    _number
+     * @param   {int}           _len
+     * @param   {int}           _floatLen
+     * @param   {int}           _splitSymbol
+     * @return  string
+     * @static
+     */
+    function moneyFormat(_number, _len, _floatLen, _splitSymbol){
+        var _def = &#x27;0.00&#x27;;
+        !_len &amp;&amp; ( _len = 3 );
+        typeof _floatLen == &#x27;undefined&#x27; &amp;&amp; ( _floatLen = 2 );
+        !_splitSymbol &amp;&amp; ( _splitSymbol = &#x27;,&#x27; );
+        var _isNegative = false, _r;
+
+        typeof _number == &#x27;number&#x27; &amp;&amp; ( _number = parseFinance( _number, _floatLen ) );
+        if( typeof _number == &#x27;string&#x27; ){
+            _number = _number.replace( /[,]/g, &#x27;&#x27; );
+            if( !/^[\d\.]+$/.test( _number ) ) return _def;
+            if( _number.split(&#x27;.&#x27;).length &gt; 2 ) return _def;
+        }
+
+        _number = _number || 0;
+        _number += &#x27;&#x27;; 
+
+        /^\-/.test( _number ) &amp;&amp; ( _isNegative = true );
+
+        _number = _number.replace( /[^\d\.]/g, &#x27;&#x27; );
+
+        var _parts = _number.split(&#x27;.&#x27;), _sparts = [];
+
+        while( _parts[0].length &gt; _len ){
+            var _tmp = _parts[0].slice( _parts[0].length - _len, _parts[0].length );
+            //console.log( _tmp );
+            _sparts.push( _tmp );
+            _parts[0] = _parts[0].slice( 0, _parts[0].length - _len );
+        }
+        _sparts.push( _parts[0] );
+
+        _parts[0] = _sparts.reverse().join( _splitSymbol );
+
+        if( _floatLen ){
+            !_parts[1] &amp;&amp; ( _parts[1] = &#x27;&#x27; );
+            _parts[1] += new Array( _floatLen + 1 ).join(&#x27;0&#x27;);
+            _parts[1] = _parts[1].slice( 0, _floatLen );
+        }else{
+            _parts.length &gt; 1 &amp;&amp; _parts.pop();
+        }
+        _r = _parts.join(&#x27;.&#x27;);
+        _isNegative &amp;&amp; ( _r = &#x27;-&#x27; + _r );
+
+        return _r;
+    }
+    /**
+     * 日期格式化 (具体格式请查看 PHP Date Formats)
+     * @method  dateFormat
+     * @param   {date}    _date     default = now
+     * @param   {string}  _format   default = &quot;YY-MM-DD&quot;
+     * @return  string
+     * @static
+     */
+    function dateFormat( _date, _format ){
+        typeof _date == &#x27;string&#x27; &amp;&amp; ( _format = _date, _date = new Date() );
+        !_date &amp;&amp; ( _date = new Date() );
+        !_format &amp;&amp; ( _format = &#x27;YY-MM-DD&#x27; );
+        var _r = _format, _tmp
+            , _monthName = [ &#x27;january&#x27;, &#x27;february&#x27;, &#x27;march&#x27;, &#x27;april&#x27;, &#x27;may&#x27;, &#x27;june&#x27;
+                            , &#x27;july&#x27;, &#x27;august&#x27;, &#x27;september&#x27;, &#x27;october&#x27;, &#x27;november&#x27;, &#x27;december&#x27; ] 
+            , _monthShortName = [&#x27;jan&#x27;, &#x27;feb&#x27;, &#x27;mar&#x27;, &#x27;apr&#x27;, &#x27;may&#x27;, &#x27;jun&#x27;, &#x27;jul&#x27;, &#x27;aug&#x27;, &#x27;sep&#x27;, &#x27;oct&#x27;, &#x27;nov&#x27;, &#x27;dec&#x27; ]
+            ;
+
+        _r = _r
+            .replace( /YY/g, _date.getFullYear() )
+            .replace( /WK/g, function(){
+                var _r = 1, _offset = 0, _weeks;
+
+                JC.Calendar &amp;&amp; ( _offset = JC.Calendar.weekDayOffset );
+
+                _weeks = weekOfYear( _date.getFullYear(), JC.Calendar.weekDayOffset );
+
+                $( _weeks ).each( function( _ix, _item ){
+                    if( _date.getTime() &gt;= _item.start &amp;&amp; _date.getTime() &lt;= _item.end ){
+                        _r = _item.week;
+                        return false;
+                    }
+                });
+
+                return _r;
+            })
+            .replace( /YQ/g, function(){
+                var _r = 1, _offset = 0, _seasons;
+
+                _seasons = seasonOfYear( _date.getFullYear() );
+
+                $( _seasons ).each( function( _ix, _item ){
+                    if( _date.getTime() &gt;= _item.start &amp;&amp; _date.getTime() &lt;= _item.end ){
+                        _r = _item.season;
+                        return false;
+                    }
+                });
+
+                return _r;
+            })
+            .replace( /MM/g, padChar( _date.getMonth() + 1 ) )
+            .replace( /DD/g, padChar( _date.getDate() ) )
+
+            .replace( /yy/g, function( $0 ){
+                _tmp = padChar( _date.getYear() );
+                //JC.log( _date.getYear(), _tmp.slice( _tmp.length - 2 ) );
+                return _tmp.slice( _tmp.length - 2 );
+            })
+            .replace( /mm/g, _date.getMonth() + 1 )
+            .replace( /dd/g, _date.getDate() )
+            .replace( /d/g, _date.getDate() )
+
+            .replace( /y/g, _date.getFullYear() )
+
+            .replace( /m/g, function( $0 ){
+                return _monthName[ _date.getMonth() ];          
+            })
+
+            .replace( /M/g, function( $0 ){
+                return _monthShortName[ _date.getMonth() ];          
+            })
+            .replace( /HH/g, padChar( _date.getHours() ) )
+            .replace( /h/g, _date.getHours() )
+            .replace( /NN/g, padChar( _date.getMinutes() ) )
+            .replace( /n/g, _date.getMinutes() )
+            .replace( /SS/g, padChar( _date.getSeconds() ) )
+            .replace( /s/g, _date.getSeconds() )
+            ;
+
+        return _r;
+    }
+    /**
+     * 扩展对象属性
+     * @method  extendObject
+     * @param   {object}    _source
+     * @param   {object}    _new
+     * @param   {bool}      _overwrite      是否覆盖已有属性, default = true  
+     * @return  object
+     * @static
+     */
+    function extendObject( _source, _new, _overwrite ){
+        typeof _overwrite == &#x27;undefined&#x27; &amp;&amp; ( _overwrite = true );
+        if( _source &amp;&amp; _new ){
+            for( var k in _new ){
+                if( _overwrite ){
+                    _source[ k ] = _new[ k ];
+                }else if( !( k in _source ) ){
+                    _source[ k ] = _new[ k ];
+                }
+            }
+        }
+        return _source;
+    }
+    /**
+     * timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行
+     * @method  safeTimeout
+     * @param   {timeout|function}  _timeout
+     * @param   {object}            _obj    default = window.TIMEOUT_HOST || {}
+     * @param   {string}            _name   default = &#x27;NORMAL&#x27;
+     * @param   {int}               _ms     default = 50
+     * @return  object
+     * @static
+     */
+    function safeTimeout( _timeout, _obj, _name, _ms ){
+        if( typeof _timeout == &#x27;undefined&#x27; ) return;
+        _obj = $( _obj || ( window.TIMEOUT_HOST = window.TIMEOUT_HOST || {} ) );
+        _name = _name || &#x27;NORMAL&#x27;;
+
+        typeof _timeout == &#x27;function&#x27;
+            &amp;&amp; ( _timeout = setTimeout( _timeout, _ms || 50 ) );
+
+        _obj.data( _name ) &amp;&amp; clearTimeout( _obj.data( _name ) );
+        _obj.data( _name, _timeout );
+    }
+    /**
+     * URL 请求时, 获取对URL参数进行编码的函数
+     * @method  encoder
+     * @param   {selector}  _selector
+     * @return  {encode function}   default encodeURIComponent
+     * @static
+     */
+    function encoder( _selector ){
+        _selector &amp;&amp; ( _selector = $( _selector ) );
+        var _r;
+        if( _selector &amp;&amp; _selector.length ){
+            _r =_selector.attr( &#x27;validEncoder&#x27; ) || &#x27;encodeURIComponent&#x27;;
+            _r = window[ _r ] || encodeURIComponent;
+        }else{
+            _r = encodeURIComponent;
+        }
+        return _r;
+    }
+    /**
+     * 深度克隆对象
+     * @method  cloneObject
+     * @param   {Object}    _inObj
+     * @return  Object
+     * @static
+     */
+    function cloneObject( _inObj, _outObj ){
+        _outObj = _outObj || {};
+        var k, i, j;
+
+        for( k in _inObj ){
+            _outObj[ k ] = _inObj[ k ];
+            switch( Object.prototype.toString.call( _outObj[ k ] ) ){
+
+                case &#x27;[object Object]&#x27;: {
+                      _outObj[ k ] = _outObj[ k ].constructor === Object
+                        ?  cloneObject( _outObj[ k ] )
+                        :  _outObj[ k ]
+                        ;
+                    break;
+                }
+
+                case &#x27;[object Array]&#x27;: {
+                    _outObj[ k ] = _inObj[ k ].slice();
+                    for( i = 0, j = _outObj[ k ].length; i &lt; j; i++ ){
+                        if( Object.prototype.toString.call( _outObj[ k ][i] ) == &#x27;[object Object]&#x27; )
+                            _outObj[ k ][ i ] = cloneObject( _outObj[ k ][ i ] );
+                    }
+                    break;
+                }
+
+                case &#x27;[object Date]&#x27;: {
+                    _outObj[ k ] = new Date(); _outObj[ k ].setTime( _inObj[ k ].getTime() );
+                    break;
+                }
+
+                default: _outObj[ k ] = _inObj[ k ];
+            }
+        }
+
+        return _outObj;
+    }
+    /**
+     * 获取 document 的 相关大小
+     * @method  docSize
+     * @param   {document}    _doc
+     * @return  Object
+     * @static
+     */
+    function docSize( _doc ){
+        _doc = _doc || document;
+        var _r = {
+            width: 0, height: 0, docWidth: 0, docHeight: 0, bodyWidth: 0, bodyHeight: 0, scrollWidth: 0, scrollHeight: 0
+        };
+
+        _r.docWidth = _doc.documentElement.offsetWidth;
+        _r.docHeight = _doc.documentElement.offsetHeight;
+
+        _doc.body &amp;&amp; (
+            _r.bodyWidth = _doc.body.offsetWidth
+            , _r.bodyHeight = _doc.body.offsetHeight
+        );
+
+        _r.scrollWidth = _doc.documentElement.scrollWidth
+        _r.scrollHeight = _doc.documentElement.scrollHeight
+
+        _r.width = Math.max( _r.docWidth, _r.bodyWidth, _r.scrollHeight );
+        _r.height = Math.max( _r.docHeight, _r.bodyHeight, _r.scrollHeight );
+
+        return _r;
+    }
+    /**
+     * 获取 window 的 相关大小
+     * @method  winSize
+     * @param   {window}    _win,  default = window
+     * @return  Object
+     * @static
+     */
+    function winSize( _win ){
+        _win = $( _win || window );
+        var _r = {
+                width: _win.width()
+                , height: _win.height()
+                , scrollLeft: _win.scrollLeft()
+                , scrollTop: _win.scrollTop()
+            };
+        _r.viewportX = _r.scrollLeft;
+        _r.maxViewportX = _r.scrollLeft + _r.width;
+        _r.viewportY = _r.scrollTop;
+        _r.maxViewportY = _r.scrollTop + _r.height;
+        return _r;
+    }
+
+    return JC.f;
+
+});}( typeof define === &#x27;function&#x27; &amp;&amp; define.amd ? define : 
+        function ( _name, _require, _cb) { 
+            typeof _name == &#x27;function&#x27; &amp;&amp; ( _cb = _name );
+            typeof _require == &#x27;function&#x27; &amp;&amp; ( _cb = _require ); 
+            _cb &amp;&amp; _cb(); 
+        }
+        , window
+    )
+);
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs_api/files/.._modules_jquery.mousewheel_3.1.12_jquery.mousewheel.js.html b/docs_api/files/.._modules_jquery.mousewheel_3.1.12_jquery.mousewheel.js.html
index c289343..158815f 100644
--- a/docs_api/files/.._modules_jquery.mousewheel_3.1.12_jquery.mousewheel.js.html
+++ b/docs_api/files/.._modules_jquery.mousewheel_3.1.12_jquery.mousewheel.js.html
@@ -135,7 +135,7 @@ <h1 class="file-heading">File: ../modules/jquery.mousewheel/3.1.12/jquery.mousew
 (function (factory) {
     if ( typeof define === &#x27;function&#x27; &amp;&amp; define.amd ) {
         // AMD. Register as an anonymous module.
-        define([&#x27;jquery&#x27;], factory);
+        define( &#x27;jquery.mousewheel&#x27;, [&#x27;jquery&#x27;], factory);
     } else if (typeof exports === &#x27;object&#x27;) {
         // Node/CommonJS style for Browserify
         module.exports = factory;
diff --git a/docs_api/files/.._nginx_config.js.html b/docs_api/files/.._nginx_config.js.html
new file mode 100644
index 0000000..6261f31
--- /dev/null
+++ b/docs_api/files/.._nginx_config.js.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>../nginx_config.js - FChart</title>
+    <link rel="stylesheet" href="../assets/css/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="stylesheet" href="../assets/css/widget.css">
+    <link rel="stylesheet" href="../assets/css/tabview.css">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="../assets/js/yui-min.js"></script>
+    <script src="../assets/js/comps1.js"></script>
+    <script src="../assets/js/comps2.js"></script>
+    <script src="../assets/js/comps3.js"></script>
+    <script src="../assets/js/comps4.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../jc_logo.png" title="FChart"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.2</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/.window.html">.window</a></li>
+            
+                <li><a href="../classes/JC.BaseMVC.html">JC.BaseMVC</a></li>
+            
+                <li><a href="../classes/JC.BaseMVC.Model.html">JC.BaseMVC.Model</a></li>
+            
+                <li><a href="../classes/JC.common.html">JC.common</a></li>
+            
+                <li><a href="../classes/JC.f.html">JC.f</a></li>
+            
+                <li><a href="../classes/JC.FChart.html">JC.FChart</a></li>
+            
+                <li><a href="../classes/JC.FChartCircleData.html">JC.FChartCircleData</a></li>
+            
+                <li><a href="../classes/JC.FChartNormalData.html">JC.FChartNormalData</a></li>
+            
+                <li><a href="../classes/window.jQuery.html">window.jQuery</a></li>
+            
+                <li><a href="../classes/window.jQuery.mousewheel.html">window.jQuery.mousewheel</a></li>
+            
+                <li><a href="../classes/window.JSON.html">window.JSON</a></li>
+            
+                <li><a href="../classes/window.requirejs.html">window.requirejs</a></li>
+            
+                <li><a href="../classes/window.swfobject.html">window.swfobject</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: ../nginx_config.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+;(function(){
+window.JC = window.JC || {log:function(){}};
+JC.PATH = JC.PATH || scriptPath();
+//JC.PATH  = &#x27;http://crm.360.cn/static/jc2/&#x27;;           //test for crm online
+//JC.PATH  = &#x27;/jc2_requirejs_master/&#x27;;                  //test for jc2 master
+//JC.PATH  = &#x27;/jc2_requirejs_master/deploy/normal/&#x27;;    //test for jc2 deploy
+/**
+ * requirejs config.js for JC Project
+ */
+
+var _configMap = {
+    &#x27;Base&#x27;: [
+        , &#x27;??&#x27;
+        ,  &#x27;modules/JC.common/0.3/common.js&#x27;
+        , &#x27;,modules/JC.BaseMVC/0.1/BaseMVC.js&#x27;
+        , &#x27;?&#x27;
+    ].join(&#x27;&#x27;)
+
+
+    , &#x27;JCChart&#x27;: [
+        , &#x27;??&#x27;
+        , &#x27;modules/JC.FChart/0.1/FChart.js&#x27;
+        , &#x27;,modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js&#x27;
+        , &#x27;?&#x27;
+    ].join(&#x27;&#x27;)
+
+    , &#x27;tpl&#x27;: [
+        , &#x27;??&#x27;
+        , &#x27;?&#x27;
+    ].join(&#x27;&#x27;)
+
+};
+
+window.requirejs &amp;&amp; 
+requirejs.config( {
+    baseUrl: JC.PATH
+    , urlArgs: &#x27;v=&#x27; + new Date().getTime()
+    , paths: {
+        &#x27;JC.common&#x27;: _configMap[ &#x27;Base&#x27; ]
+        , &#x27;JC.BaseMVC&#x27;: _configMap[ &#x27;Base&#x27; ]
+
+       
+        , &#x27;JC.FChart&#x27;: _configMap[ &#x27;JCChart&#x27; ]
+
+        , &#x27;jquery.mousewheel&#x27;: _configMap[ &#x27;JCChart&#x27; ]
+        , &#x27;jquery.cookie&#x27;: &#x27;modules/jquery.cookie/1.4.1/jquery.cookie&#x27;
+
+        , &#x27;json2&#x27;: &#x27;modules/JSON/2/JSON&#x27;
+        , &#x27;plugins.JSON2&#x27;: &#x27;modules/JSON/2/JSON&#x27;
+        , &#x27;plugins.json2&#x27;: &#x27;modules/JSON/2/JSON&#x27;
+
+        , &#x27;plugins.Aes&#x27;: &#x27;plugins/Aes/0.1/Aes&#x27;
+        , &#x27;plugins.Base64&#x27;: &#x27;plugins/Base64/0.1/Base64&#x27;
+        , &#x27;plugins.md5&#x27;: &#x27;plugins/md5/0.1/md5&#x27;
+
+        , &#x27;plugins.requirejs.domReady&#x27;: &#x27;plugins/requirejs.domReady/2.0.1/domReady&#x27;
+
+        , &#x27;plugins.swfobject&#x27;: &#x27;plugins/SWFObject/2.2/SWFObject&#x27;
+        , &#x27;swfobject&#x27;: &#x27;modules/swfobject/2.3/swfobject&#x27;
+        , &#x27;SWFObject&#x27;: &#x27;modules/swfobject/2.3/swfobject&#x27;
+
+        , &#x27;SWFUpload&#x27;: &#x27;modules/SWFUpload/2.5.0/SWFUpload&#x27;
+        , &#x27;swfupload&#x27;: &#x27;modules/SWFUpload/2.5.0/SWFUpload&#x27;
+        , &#x27;Raphael&#x27;: &#x27;modules/Raphael/latest/raphael&#x27;
+
+        , &#x27;artTemplate&#x27;:  &quot;modules/artTemplate/3.0/artTemplate&quot;
+        , &#x27;store&#x27;:  &quot;modules/store/1.3.14/store&quot;
+    }
+});
+/**
+ * 取当前脚本标签的 src路径 
+ * @static
+ * @return  {string} 脚本所在目录的完整路径
+ */
+function scriptPath(){
+    var _sc = document.getElementsByTagName(&#x27;script&#x27;), _sc = _sc[ _sc.length - 1 ], _path = _sc.getAttribute(&#x27;src&#x27;);
+    if( /\//.test( _path ) ){ _path = _path.split(&#x27;/&#x27;); _path.pop(); _path = _path.join(&#x27;/&#x27;) + &#x27;/&#x27;; }
+    else if( /\\/.test( _path ) ){ _path = _path.split(&#x27;\\&#x27;); _path.pop(); _path = _path.join(&#x27;\\&#x27;) + &#x27;/&#x27;; }
+    return _path;
+}
+}());
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/flash/pub/charts/CurveGram.swf b/flash/pub/charts/CurveGram.swf
deleted file mode 100644
index f47f72b..0000000
Binary files a/flash/pub/charts/CurveGram.swf and /dev/null differ
diff --git a/flash/pub/charts/DDount.swf b/flash/pub/charts/DDount.swf
deleted file mode 100644
index c81a24d..0000000
Binary files a/flash/pub/charts/DDount.swf and /dev/null differ
diff --git a/flash/pub/charts/Dount.swf b/flash/pub/charts/Dount.swf
deleted file mode 100644
index 8de055c..0000000
Binary files a/flash/pub/charts/Dount.swf and /dev/null differ
diff --git a/flash/pub/charts/Histogram.swf b/flash/pub/charts/Histogram.swf
deleted file mode 100644
index 8c43ebd..0000000
Binary files a/flash/pub/charts/Histogram.swf and /dev/null differ
diff --git a/flash/pub/charts/Map.swf b/flash/pub/charts/Map.swf
deleted file mode 100644
index 1f8a296..0000000
Binary files a/flash/pub/charts/Map.swf and /dev/null differ
diff --git a/flash/pub/charts/NDount.swf b/flash/pub/charts/NDount.swf
deleted file mode 100644
index c0162c4..0000000
Binary files a/flash/pub/charts/NDount.swf and /dev/null differ
diff --git a/flash/pub/charts/PieGraph.swf b/flash/pub/charts/PieGraph.swf
deleted file mode 100644
index ceb2887..0000000
Binary files a/flash/pub/charts/PieGraph.swf and /dev/null differ
diff --git a/flash/pub/charts/Rate.swf b/flash/pub/charts/Rate.swf
deleted file mode 100644
index 90fc9ad..0000000
Binary files a/flash/pub/charts/Rate.swf and /dev/null differ
diff --git a/flash/pub/charts/Trend.swf b/flash/pub/charts/Trend.swf
deleted file mode 100644
index 85581d5..0000000
Binary files a/flash/pub/charts/Trend.swf and /dev/null differ
diff --git a/flash/pub/charts/VHistogram.swf b/flash/pub/charts/VHistogram.swf
deleted file mode 100644
index d185a0b..0000000
Binary files a/flash/pub/charts/VHistogram.swf and /dev/null differ
diff --git a/flash/pub/charts/ZHistogram.swf b/flash/pub/charts/ZHistogram.swf
deleted file mode 100644
index 02d1e2a..0000000
Binary files a/flash/pub/charts/ZHistogram.swf and /dev/null differ
diff --git a/flash/pub_folder_move_to_JC.FChart_0.1_swf.txt b/flash/pub_folder_move_to_JC.FChart_0.1_swf.txt
new file mode 100644
index 0000000..8d1c8b6
--- /dev/null
+++ b/flash/pub_folder_move_to_JC.FChart_0.1_swf.txt
@@ -0,0 +1 @@
+ 
diff --git a/flash/source/chart/CurveGram/0.1/.actionScriptProperties b/flash/source/chart/CurveGram/0.1/.actionScriptProperties
index f181bd0..e05caf2 100644
--- a/flash/source/chart/CurveGram/0.1/.actionScriptProperties
+++ b/flash/source/chart/CurveGram/0.1/.actionScriptProperties
@@ -2,7 +2,7 @@
 <actionScriptProperties mainApplicationPath="CurveGram.as" projectUUID="8c325824-0eaf-4b18-aca5-7b354688bf4e" version="6">
   <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
     <compilerSourcePath>
-        <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
     </compilerSourcePath>
     <libraryPath defaultLinkType="0">
       <libraryPathEntry kind="4" path="">
@@ -37,4 +37,3 @@
   <buildCSSFiles/>
 </actionScriptProperties>
 
-
diff --git a/flash/source/chart/CurveGram/0.1/src/Config.as b/flash/source/chart/CurveGram/0.1/src/Config.as
index f6e4293..43d4e54 100644
--- a/flash/source/chart/CurveGram/0.1/src/Config.as
+++ b/flash/source/chart/CurveGram/0.1/src/Config.as
@@ -12,6 +12,9 @@ package
 			super();
 		}
 		
+		override public function get chartName():String{ return 'CurveGram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/line/'; }
+		
 		
 		public function lineDashStyle( _seriesPart:Object ):String{
 			var _r:String = 'Solid';
@@ -80,5 +83,11 @@ package
 			
 			return _r;
 		}
+		
+		override public function get animationDuration():Number {
+			var _r:Number = 1;
+			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+			return _r;
+		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/CurveGram/0.1/src/CurveGram.as b/flash/source/chart/CurveGram/0.1/src/CurveGram.as
index 60d0d60..6d686f9 100644
--- a/flash/source/chart/CurveGram/0.1/src/CurveGram.as
+++ b/flash/source/chart/CurveGram/0.1/src/CurveGram.as
@@ -10,40 +10,43 @@ package
 	import flash.system.Security;
 	import flash.utils.Timer;
 	import flash.utils.setInterval;
-	import flash.utils.setTimeout;
+	import flash.utils.setTimeout; 
 	
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.core.events.*;
 	import org.xas.core.ui.error.BaseError;
 	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.data.test.DefaultData;
-	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.common.BaseConfig; 
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.DefaultData; 
+	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.curvegram.MainFacade;
 
-	      
+	       
 	//[SWF(frameRate="30", width="790", height="230")]
 	//[SWF(frameRate="30", width="385", height="225")] 
-	//[SWF(frameRate="30", width="600", height="425")]
-	//[SWF(frameRate="30", width="590", height="360")]
-	//[SWF(frameRate="30", width="1400", height="460")]
+	//[SWF(frameRate="30", width="600", height="425")] 
+	//[SWF(frameRate="30", width="590", height="360")] 
+	//[SWF(frameRate="30", width="1400", height="460")]  
 	//[SWF(frameRate="30", width="800", height="400")]   
-	[SWF(frameRate="30", width="800", height="360")] 
-	public class CurveGram extends Sprite 
+	[SWF(frameRate="30", width="800", height="560")] 
+	public class CurveGram extends Sprite  
 	{   
 		private var _inited: Boolean = false; 
 		private var _timer:Timer;
 		private var _data:Object; 
 		private var _facade:Facade; 
-		private var _resizeTimer:Timer;
+		private var _resizeTimer:Timer; 
 		private var _ins:CurveGram; 
 		private var _loaderInfo:Object;
 		
 		public function CurveGram()
 		{			
-			flash.system.Security.allowDomain("*");	
+			Security.allowDomain("*");
+			Security.allowInsecureDomain("*"); 
 			_ins = this; 
-			
+						
 			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
 			this.root.stage.align = StageAlign.TOP_LEFT;
 			 
@@ -70,9 +73,13 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
-				ExternalInterface.addCallback( 'update', extenalUpdate );
+				try{
+					ExternalInterface.addCallback( 'update', extenalUpdate );
+					
+					ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){
+				}
 			}
-			//BaseConfig.ins.setChartData( {});
 		}
 		
 		private function extenalUpdate( _data:Object ):void{
@@ -82,6 +89,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
@@ -97,13 +108,12 @@ package
 		}
 		
 		private function process( _evt:JChartEvent ):void{
-			//Log.printJSON( _evt.data );
 			var _data:Object = _evt.data as Object;
 			BaseConfig.ins.setRoot( _ins.root );
 			if( _data ){
 				BaseConfig.ins.setChartData( _data );
 			}
-			!_facade && ( _facade = MainFacade.getInstance() );			
+			!_facade && ( _facade = MainFacade.getInstance() );		
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
@@ -139,7 +149,6 @@ package
 			
 			if( !BaseConfig.ins.chartData ) return;
 			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
-			//_facade.sendNotification( JChartEvent.CLEAR );
 		}
 		
 		private function onRemovedFromStage( _evt:Event ):void{
@@ -156,12 +165,13 @@ package
 			
 			if( !ExternalInterface.available ){		
 				if( !DefaultData.instance.data.length ) return;
-				_data = DefaultData.instance.data[0];
+				_data = DefaultData.instance.data[1];
 			}else{
-				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};				
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};
+				
 				if( _loaderInfo.chart ){
 					_data = JSON.parse( _loaderInfo.chart );
-				}				
+				}
 				_data = _data || {};
 			}
 			
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/MainFacade.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/MainFacade.as
index b5c9980..96a9caa 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/MainFacade.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/MainFacade.as
@@ -4,7 +4,12 @@ package org.xas.jchart.curvegram
 	
 	import org.puremvc.as3.multicore.interfaces.*;
 	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.controller.GroupClickCmd;
+	import org.xas.jchart.common.controller.InitedCmd;
+	import org.xas.jchart.common.controller.ItemClickCmd;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.curvegram.controller.CalcCoordinateCmd;
 	import org.xas.jchart.curvegram.controller.ClearCmd;
@@ -30,7 +35,9 @@ package org.xas.jchart.curvegram
 		
 		override protected function initializeController():void
 		{
+			
 			super.initializeController();
+			//Log.log( 'MainFacade.initializeController' );
 						
 			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
 			
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/CalcCoordinateCmd.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/CalcCoordinateCmd.as
index 5b46d30..05501ea 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/CalcCoordinateCmd.as
@@ -14,7 +14,26 @@ package org.xas.jchart.curvegram.controller
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.test.DefaultData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.*;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.CurveGramBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.StackBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.CurveGramGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GroupMediator.BaseGroupMediator;
+	import org.xas.jchart.common.view.mediator.GroupMediator.CurveGramGropuMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.CurveGramHLabelMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.CurveGramSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.HistogramTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.ToggleBgMediator.CurveGramToggleBgMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.StackVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.curvegram.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -35,61 +54,61 @@ package org.xas.jchart.curvegram.controller
 			_c.corner = corner();
 			
 			_c.minX = _c.x + _config.vlabelSpace + 2;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _config.stageWidth - 6;
-			_c.maxY = _c.y + _config.stageHeight - 5;
-			
-			if( _config.serialLabelEnabled ){
-				_c.minX += 10;
-				_c.maxX -= 10;
-			}
+			_c.minY = _c.y + _config.vspace * 2;
+			_c.maxX = _c.x + _config.stageWidth - _config.vspace;
+			_c.maxY = _c.y + _config.stageHeight - _config.vspace;			
+			//_c.arrowLength = 0;
 			
 			var _yPad:Number = _c.minY;
 						
-			facade.registerMediator( new BgMediator( ) )		
-			
-			//Log.log( _config.rate.length );
-			//Log.log( _config.maxNum, _config.finalMaxNum, _config.chartMaxNum, 11111 );
-			
-			if( _config.cd ){			
+			facade.registerMediator( new StackBgMediator( ) )		
+			 
+			if( _config.cd ){
 				
-				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )	
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
 					_config.c.minY += pSubtitleMediator.view.height + 5;
-				}				
+				}
+				
+				if( _config.groupEnabled ){
+					if( _config.cd.subtitle && _config.cd.subtitle.text ){
+						facade.registerMediator( new CurveGramGropuMediator( _config.c.minY - 5 ) );
+					}else{
+						facade.registerMediator( new CurveGramGropuMediator( _config.c.minY ) );
+					}
+					_config.c.minY += pGroupMediator.maxHeight;
+				}
+				 
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
 				
-				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
 					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
 					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}	
 				
-				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					_config.c.maxY -= pLegendMediator.view.height;
-					_config.c.legend = { 
-						x: _config.width / 2 - pLegendMediator.view.width / 2
-						, y: _config.c.maxY
-					};
-					_config.c.maxY -= 5;
-				}
-				
 				_config.c.maxX -= 5;
 				
 				_config.c.linePadding = 0;
@@ -100,42 +119,48 @@ package org.xas.jchart.curvegram.controller
 				};
 				
 				if( _config.yAxisEnabled ){
-					facade.registerMediator( new VLabelMediator() );
+					facade.registerMediator( new StackVLabelMediator() );
 					_config.c.minX += pVLabelMediator.maxWidth;
-				}else{
-				}
-				_config.c.hoverPadY = 10;
-				if( _config.hoverBgEnabled ){
-					facade.registerMediator( new HoverBgMediator() );
-					_config.c.minY += _config.c.hoverPadY;
-					_yPad += _config.c.hoverPadY;
+					_config.c.minX += _config.yArrowLength;
 				}
 				
+//				_config.c.hoverPadY = 10;
+//				if( _config.hoverBgEnabled ){
+//					facade.registerMediator( new HoverBgMediator() );
+//					_config.c.minY += _config.c.hoverPadY;
+//					_yPad += _config.c.hoverPadY;
+//				}
+				
 				_config.c.serialLabelPadY = 15;
 				if( _config.serialLabelEnabled ){
-					facade.registerMediator( new SerialLabelMediator() );
-					_config.c.minY += _config.c.serialLabelPadY;
-					_yPad += _config.c.serialLabelPadY;
-				}
-				
-				_config.c.arrowLength = 8;
-				
-				if( _config.yAxisEnabled ){
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX - 5;
-				}else{
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX;
+					facade.registerMediator( new CurveGramSeriesLabelMediator() );
+//					_config.c.minY += _config.c.serialLabelPadY;
+//					_yPad += _config.c.serialLabelPadY;
 				}
 				
 				if( _config.categories && _config.categories.length ){
-					_config.c.labelWidth = _config.c.chartWidth / ( _config.categories.length ) / 2;
+					if( _config.displayAllLabel ){
+						_config.c.labelWidth = _config.c.chartWidth / ( _config.categories.length ) / 2;
+					}else{
+						_config.c.labelWidth = _config.c.chartWidth / 7;
+					}
 				}
 				
 				if( _config.xAxisEnabled ){
-					facade.registerMediator( new HLabelMediator() );
+					facade.registerMediator( new CurveGramHLabelMediator() );
 					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+					
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
 				}
 				
-				//_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
+				
 				if( _config.graphicHeight ){
 					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
 					_config.c.chartHeight = _config.graphicHeight - _yPad;		
@@ -152,16 +177,17 @@ package org.xas.jchart.curvegram.controller
 					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
 				}
 				
-				_config.c.chartX = _config.c.minX + _config.c.arrowLength - 2;
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
 				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				//facade.registerMediator( new TipsMediator() );
-				_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
+				
+				facade.registerMediator( new CurveGramGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new HistogramTipsMediator() );
 
 				
 				if( _config.toggleBgEnabled ){	
-					facade.registerMediator( new ToggleBgMediator() );
+					facade.registerMediator( new CurveGramToggleBgMediator() );
 				}
 				
 				calcChartPoint();
@@ -169,10 +195,8 @@ package org.xas.jchart.curvegram.controller
 				calcGraphic();	
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
 				}
-				
-				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
 			}
 									
 			sendNotification( JChartEvent.SHOW_CHART );			
@@ -185,31 +209,28 @@ package org.xas.jchart.curvegram.controller
 			_config.c.vectorPaths = [];
 			if( !( _config.series && _config.series.length ) ) return;
 			_config.c.partWidth = _config.c.itemWidth / _config.displaySeries.length;
-
 			
-			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void {
 				
 				var _cmd:Vector.<int> = new Vector.<int>
 				, _path:Vector.<Number> = new Vector.<Number>
 				, _positions:Array = []
-				, _vectorPath:Vector.<Point> = new Vector.<Point>
-				;				
+				, _vectorPath:Vector.<Point> = new Vector.<Point>;				
 				
-				Common.each( _item.data, function( _sk:int, _num:Number ):void{
+				Common.each( _item.data, function( _sk:int, _num:Number ):void {
 					var _rectItem:Object = {}
 						, _pointItem:Object = _config.c.hpointReal[ _sk ]
 						, _sp:Point = _pointItem.start as Point
 						, _ep:Point = _pointItem.end as Point
-						, _h:Number
-						, _x:Number, _y:Number
+						, _h:Number, _x:Number, _y:Number
 						, _itemNum:Number
-						, _dataHeight:Number
+						, _dataHeight:Number = _config.c.vpart * _config.rateZeroIndex
 						, _dataY:Number
-						, _sNum:Number = _num;
-						;
-						//Log.log( _sk, _sp.x, _sp.y );
+						, _sNum:Number = _num
+						, _customRate:Boolean = _config.isAutoRate
+						, _minYvalue:Number;
 						
-						if( _config.isItemPercent && _config.displaySeries.length > 1 ){
+						if( _config.isItemPercent && _config.displaySeries.length > 1 ) {
 							_h = _config.c.vpart * _config.rateZeroIndex;
 							if( _num > 0 ){
 								_h = ( _num / _config.itemMax( _sk ) || 1 ) * _h;
@@ -217,39 +238,42 @@ package org.xas.jchart.curvegram.controller
 							if( _num == 0 ){
 								_h = 0;
 							}
-							_y = _sp.y 
-							+ _config.c.vpart * _config.rateZeroIndex - _h
-							;
-							if( _sk === 0 ){
+							_y = _sp.y + _dataHeight - _h;
+							
+							if( _sk === 0 ) {
 								//Log.log( _num / _config.itemMax( _sk ) * 100, _num, _config.itemMax( _sk ) );
 							}
-							
-							//Log.log( _config.itemMax( _sk ), _num, ( _num / _config.itemMax( _sk ) || 1 ) * 100 );
-						}else{
-							if( Common.isNegative( _num ) && _num != 0 ){
-								_num = Math.abs( _num );
-								_dataHeight = _config.c.vpart * _config.rateZeroIndex;
-								
-								_h = _config.c.chartHeight - _dataHeight;
-								_y = _sp.y + _dataHeight ;
-								
-								_h = 
-								( _num / 
-									Math.abs( _config.finalMaxNum * _config.rate[ _config.rate.length - 1 ] ) ) 
-								* _h;
-								_y += _h;
-								//Log.log( _h, _config.finalMaxNum );
-							}else{							
-								_h = _config.c.vpart * _config.rateZeroIndex;
-								if( _num > 0 ){
-									_h = ( _num / _config.chartMaxNum || 1 ) * _h;
+						} else {
+							if( Common.isNegative( _num ) && _num != 0 ) {
+								if( _customRate ) {
+									_minYvalue = _config.realRate[ 0 ];
+									
+									_num = Math.abs( _num ) - _minYvalue;
+									
+									_h = ( _num / Math.abs( _config.finalMaxNum * 
+										_config.rate[ _config.rate.length - 1 ] ) ) *
+										( _config.c.chartHeight - _dataHeight );
+										
+									_y = _sp.y + _dataHeight + _h;
+								} else {
+									_num = Math.abs( _num );
+									_h = ( _num / Math.abs( _config.finalMaxNum * 
+										_config.rate[ _config.rate.length - 1 ] ) ) *
+										( _config.c.chartHeight - _dataHeight );
+									
+									_y = _sp.y + _dataHeight + _h;
 								}
-								if( _num == 0 ){
-									_h = 0;
+							} else {
+								if( _customRate ) {
+									_minYvalue = _config.realRate[ _config.realRate.length - 1 ];
+									
+									_h = ( _num > _minYvalue ) ? ( ( ( _num -_minYvalue ) /
+										( _config.chartMaxNum - _minYvalue ) || 1 ) * _dataHeight ) : 0;
+									_y = _sp.y + _dataHeight - _h;
+								} else {
+									_h = ( _num == 0 ) ? 0 : ( ( _num / _config.chartMaxNum || 1 ) * _dataHeight );
+									_y = _sp.y + _dataHeight - _h;
 								}
-								_y = _sp.y 
-								+ _config.c.vpart * _config.rateZeroIndex - _h
-								;
 							}
 						}
 						_x = _sp.x;
@@ -258,12 +282,7 @@ package org.xas.jchart.curvegram.controller
 						_path.push( _x, _y );
 						_vectorPath.push( new Point( _x, _y ) );
 						_positions.push( { x: _x, y: _y, value: _sNum } );
-						
-
-					//Log.log( _y, _sp.y, _config.c.vpart, _config.rateZeroIndex, _h, _config.finalMaxNum );
-						
 				});
-				//Log.log( 'xxxxxxxxxxxxx' );
 				
 				_config.c.paths.push( { cmd: _cmd, path: _path, position: _positions, data: _item } );
 				_config.c.vectorPaths.push( _vectorPath );
@@ -272,16 +291,14 @@ package org.xas.jchart.curvegram.controller
 		}
 		
 		private function calcChartPoint():void{
-			facade.registerMediator( new BgLineMediator() );
+			facade.registerMediator( new CurveGramBgLineMediator() );
 			
 			calcChartVPoint();
 			calcChartHPoint();
 		}
 		
 		private function calcChartVPoint():void{
-			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
-				, _sideLen:Number = _config.c.arrowLength
-				;
+			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 );
 			_config.c.vpart = _partN;
 			_config.c.itemHeight = _partN / 2;
 			_config.c.vpoint = [];
@@ -289,28 +306,26 @@ package org.xas.jchart.curvegram.controller
 			
 			var _padX:Number = 0;
 			if( !_config.yAxisEnabled ){
-				//_padX = _config.c.arrowLength - ( _config.c.arrowLength -  _config.c.chartX );
-				_padX = _config.vlabelSpace + 2;
-			}
+
+			} 
 			
 			Common.each( _config.rate, function( _k:int, _item:* ):void{
-				var _n:Number = _config.c.minY + _partN * _k, _sideLen:int = _config.c.arrowLength;
+				var _n:Number = _config.c.chartY + _partN * _k;
 				_config.c.vpoint.push( {
-					start: new Point( _config.c.minX + _padX, _n )
-					, end: new Point( _config.c.maxX + _padX, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
 				});
-				
+				 
 				_config.c.vpointReal.push( {
-					start: new Point( _config.c.minX + _sideLen, _n )
-					, end: new Point( _config.c.maxX + _sideLen, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
 				});
 			});
 		}
 		
 		private function calcChartHPoint():void{
-			var _partN:Number = 　_config.c.chartWidth / ( ( _config.categories.length - 1 ) || 1 ) 
-				, _rpartN:Number = ( _config.c.chartWidth - _config.c.linePadding ) / ( ( _config.categories.length - 1 ) || 1)
-				, _sideLen:Number = _config.c.arrowLength
+			var _partN:Number = 　_config.c.chartWidth / ( ( _config.realItemLength - 1 ) || 1 ) 
+				, _rpartN:Number = ( _config.c.chartWidth - _config.c.linePadding ) / ( ( _config.realItemLength - 1 ) || 1)
 				;
 			_config.c.hpart = _partN;
 			_config.c.rhpart = _rpartN;
@@ -319,72 +334,75 @@ package org.xas.jchart.curvegram.controller
 			_config.c.hpointReal = [];
 			_config.c.itemWidth = _partN / 2;
 			_config.c.ritemWidth = _rpartN / 2;
-			
-						
-			Common.each( _config.categories, function( _k:int, _item:* ):void{
-				var _n:Number = _config.c.minX + _partN * _k + 5
-					, _rn:Number = _config.c.minX +  _config.c.linePadding / 2 + _rpartN * _k + 5
-					, _sideLen:int = _config.c.arrowLength
+									
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k
+					, _rn:Number = _config.c.chartX + _rpartN * _k +  _config.c.linePadding / 2
 					;
 								
 				_config.c.hlinePoint.push( {
-					start: new Point( _n, _config.c.minY )
-					, end: new Point( _n, _config.c.maxY + 1 )
+					start: new Point( _n, _config.c.chartY )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
 				});
 				
-				if( !_config.displayAllLabel ){
-					if( !( _k in _config.labelDisplayIndex ) ){
-						_sideLen = 0;
-					}
-				}
-				
 				_config.c.hpoint.push( {
-					start: new Point( _n, _config.c.maxY )
-					, end: new Point( _n, _config.c.maxY + _sideLen )
+					start: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeightY  )
 				});
 				
 				_config.c.hpointReal.push( {
-					start: new Point( _rn, _config.c.minY )
-					, end: new Point( _rn, _config.c.maxY )
+					start: new Point( _rn, _config.c.chartY )
+					, end: new Point( _rn, _config.c.chartY + _config.c.chartHeight)
 				});
 			});
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pGroupMediator():BaseGroupMediator{
+			return facade.retrieveMediator( BaseGroupMediator.name ) as BaseGroupMediator;
 		}
 		
-		private function get pHLabelMediator():HLabelMediator{
-			return facade.retrieveMediator( HLabelMediator.name ) as HLabelMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pVLabelMediator():VLabelMediator{
-			return facade.retrieveMediator( VLabelMediator.name ) as VLabelMediator;
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
 		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function get pLineProxy():LineProxy{
+			return facade.retrieveProxy( LineProxy.name ) as LineProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/ClearCmd.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/ClearCmd.as
index 209f5f4..4689712 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/ClearCmd.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/ClearCmd.as
@@ -6,13 +6,29 @@ package org.xas.jchart.curvegram.controller
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.*;
-	import org.xas.jchart.curvegram.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GroupMediator.BaseGroupMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.ToggleBgMediator.BaseToggleBgMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.curvegram.view.mediator.GraphicMediator;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
 	{
 		public function ClearCmd()
-		{
+		{ 
 			super();
 		}	
 		
@@ -20,23 +36,26 @@ package org.xas.jchart.curvegram.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
-			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
-			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );
-			facade.hasMediator( ToggleBgMediator.name ) && facade.removeMediator( ToggleBgMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) 			&& facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) 		&& facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) 		&& facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) 	&& facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) 		&& facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) 		&& facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) 		&& facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) 	&& facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) 		&& facade.removeMediator( BaseHoverBgMediator.name );
+			facade.hasMediator( BaseToggleBgMediator.name ) 	&& facade.removeMediator( BaseToggleBgMediator.name );
+			facade.hasMediator( BaseGroupMediator.name ) 		&& facade.removeMediator( BaseGroupMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) 			&& facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) 		&& facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) 			&& facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) 			&& facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) 			&& facade.removeMediator( BaseTestMediator.name );	
+			
+			facade.hasMediator( MainMediator.name ) 			&& facade.removeMediator( MainMediator.name );
+			facade.hasMediator( GraphicMediator.name ) 			&& facade.removeMediator( GraphicMediator.name );
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/FilterDataCmd.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/FilterDataCmd.as
index f5b85b0..89d9cf0 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/FilterDataCmd.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.curvegram.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.curvegram.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as
index 4a186d6..ee75134 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as
@@ -1,18 +1,12 @@
 package org.xas.jchart.curvegram.view.components
 {
-	import com.adobe.utils.StringUtil;
-	
 	import flash.display.Sprite;
 	import flash.events.Event;
 	import flash.events.MouseEvent;
+	import flash.external.ExternalInterface;
 	import flash.geom.Point;
-	import flash.text.TextField;
-	import flash.text.TextFieldAutoSize;
-	import flash.text.TextFormat;
-	import flash.text.TextFormatAlign;
 	
 	import org.xas.core.utils.Log;
-	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
@@ -23,6 +17,7 @@ package org.xas.jchart.curvegram.view.components
 	{	
 		private var _boxs:Vector.<CurveGramUI>;
 		private var _preIndex:int = -1;
+		private var _nowIndex:int;
 		
 		private var _config:Config;
 		
@@ -51,11 +46,13 @@ package org.xas.jchart.curvegram.view.components
 			graphics.clear();
 			_boxs = new Vector.<CurveGramUI>;
 			
+			var _delay:Number = 0;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
 			Common.each( _config.c.paths, function( _k:int, _item:Object ):void{
 				
 				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
 				, _path:Vector.<Number> = _item.path as Vector.<Number>
-				, _gitem:CurveGramUI
 				, _vectorPath:Vector.<Point> = _config.c.vectorPaths[ _k ] as Vector.<Point>
 				;
 				
@@ -67,31 +64,46 @@ package org.xas.jchart.curvegram.view.components
 								thickness: 2
 								, lineColor: _config.itemColor( _k )
 								, fillOpacity: _config.lineFillOpacity( _item.data ) 
+								, delayShow: _delay + BaseConfig.ins.animationEnabled
+								, animationEnabled: BaseConfig.ins.animationEnabled
+								, duration: BaseConfig.ins.animationDuration
+								, delay: _delay
 							}
 							, _config.isLineGradient( _item.data )
 						) 
 					);
 				}
-
 			});
 			
-			Common.each( _config.c.paths, function( _k:int, _item:Object ):void{
+//			Log.log( _config.c.hpart );
 			
+			Common.each( _config.c.paths, function( _k:int, _item:Object ):void{
+				
 				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
 					, _path:Vector.<Number> = _item.path as Vector.<Number>
 					, _gitem:CurveGramUI
-					, _vectorPath:Vector.<Point> = _config.c.vectorPaths[ _k ] as Vector.<Point>
-					;
-				
-				addChild( 
-					_gitem = new CurveGramUI( 
+					, _vectorPath:Vector.<Point> = _config.c.vectorPaths[ _k ] as Vector.<Point>;
+					
+				addChild(
+					_gitem = new CurveGramUI(
 						_cmd
 						, _path
 						, _config.itemColor( _k )
 						, _vectorPath 
 						, _config.lineDashStyle( _item.data )
-					) 
+						, {
+							animationEnabled: BaseConfig.ins.animationEnabled
+							, duration: BaseConfig.ins.animationDuration
+							, delay: _delay
+							, index: _k
+							, seriesIndex: _k
+							, pointEnabled: BaseConfig.ins.pointEnabled( _item.data )
+							, hoverShow: BaseConfig.ins.pointHoverShow( _item.data )
+							, lineSmooth: BaseConfig.ins.lineSmoothEnable
+						}
+					)
 				);
+				
 				_boxs.push( _gitem );
 			});
 		}
@@ -103,7 +115,12 @@ package org.xas.jchart.curvegram.view.components
 			
 			if( _preIndex >= 0 ){
 				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
-					_boxs[ _k ].items[ _preIndex ].unhover();
+					( _k  < _boxs.length ) 
+						&& _boxs[ _k ] && _boxs[ _k ].items 
+						&& ( _preIndex  < _boxs[ _k ].items.length ) 
+//						&& _boxs[ _k ].items[ _preIndex ].unhover()
+						&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+						;
 				});
 			}
 			_preIndex = -1;
@@ -114,21 +131,40 @@ package org.xas.jchart.curvegram.view.components
 			
 			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
 				, _ix:int = _evt.data.index as int
-				;	
-			if( !( _boxs && _boxs.length ) ) return;
+				;
+			
+			_nowIndex = _ix;
+			
+			if( !_boxs || _boxs.length == 0 ) return;
 			if( _preIndex == _ix ) return;
 			
 			if( _preIndex >= 0 ){
 				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
-					_preIndex >= 0 && _boxs[ _k ].items[ _preIndex ].unhover();
+					
+					( _k  < _boxs.length ) 
+						&& _boxs[ _k ].items  
+						&& ( _preIndex < _boxs[ _k ].items.length ) 
+//						&& _boxs[ _k ].items[ _preIndex ].unhover()
+						&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+						;
+
+						
 				});
 			}
 			Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
-				_ix >= 0 && _boxs[ _k ].items[ _ix ].hover();
+				
+				( _k  < _boxs.length ) 
+					&& _boxs[ _k ].items
+					&& ( _ix < _boxs[ _k ].items.length ) 
+//					&& _boxs[ _k ].items[ _ix ].hover()
+					&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _ix, action: 'show' } ) )
+					;
+				
 			});
 			
 			_preIndex = _ix;
 		}
+
 		
 	}
-}
\ No newline at end of file
+}
diff --git a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/mediator/GraphicMediator.as b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/mediator/GraphicMediator.as
index 08df32e..471d3f5 100644
--- a/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/mediator/GraphicMediator.as
+++ b/flash/source/chart/CurveGram/0.1/src/org/xas/jchart/curvegram/view/mediator/GraphicMediator.as
@@ -20,7 +20,19 @@ package org.xas.jchart.curvegram.view.mediator
 		}
 		
 		override public function onRegister():void{
-			mainMediator.view.index7.addChild( _view = new GraphicView() );			
+			mainMediator.view.index7.addChild( _view = new GraphicView() );
+			
+//			_view.addEventListener( JChartEvent.ITEM_CLICK, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.ITEM_CLICK, _evt.data );
+//			} );
+//			
+//			_view.addEventListener( JChartEvent.GROUP_CLICK, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.GROUP_CLICK, _evt.data );
+//			}  );
+//			
+//			_view.addEventListener( JChartEvent.INITED, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.INITED, _evt.data );
+//			}  );
 		}
 		
 		override public function onRemove():void{
diff --git a/flash/source/chart/DDount/0.1/.actionScriptProperties b/flash/source/chart/DDount/0.1/.actionScriptProperties
index 7c2a57f..1b77bcb 100644
--- a/flash/source/chart/DDount/0.1/.actionScriptProperties
+++ b/flash/source/chart/DDount/0.1/.actionScriptProperties
@@ -36,3 +36,4 @@
   <modules/>
   <buildCSSFiles/>
 </actionScriptProperties>
+
diff --git a/flash/source/chart/DDount/0.1/src/Config.as b/flash/source/chart/DDount/0.1/src/Config.as
index 19d1d4c..15a1b3c 100644
--- a/flash/source/chart/DDount/0.1/src/Config.as
+++ b/flash/source/chart/DDount/0.1/src/Config.as
@@ -49,6 +49,8 @@ package
 			_displaySeries = []
 			//Log.printJSON( _tmpSeries[0].data );
 			
+			_displaySeriesIndexMap = {};
+			
 			Common.each( _tmpSeries[0].data, function( _k:int, _item: * ):void{
 				var _o:Object, _a:Array = _item as Array;
 				if( !_a ){
@@ -57,10 +59,9 @@ package
 					_o = { 'name': _a[0], 'y': _a[1] };
 				}
 				_displaySeries.push( _o );
+				_displaySeriesIndexMap[ _k ] = _k;
 			});			
 			
-			_displaySeriesIndexMap = null;
-			
 			
 			if( _filter ){
 				var _tmp:Array = [], _count:int = 0;
diff --git a/flash/source/chart/DDount/0.1/src/DDount.as b/flash/source/chart/DDount/0.1/src/DDount.as
index ba7c4ff..692c061 100644
--- a/flash/source/chart/DDount/0.1/src/DDount.as
+++ b/flash/source/chart/DDount/0.1/src/DDount.as
@@ -13,7 +13,7 @@ package
 	import flash.utils.Timer;
 	import flash.utils.setInterval;
 	import flash.utils.setTimeout;
-	 
+	
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.core.events.*;
 	import org.xas.core.ui.error.BaseError;
@@ -66,7 +66,11 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
-				ExternalInterface.addCallback( 'update', extenalUpdate );
+				try{
+					ExternalInterface.addCallback( 'update', extenalUpdate );
+				}catch( ex:Error ){
+					
+				}
 			}
 			//BaseConfig.ins.setChartData( {}); 
 		}
diff --git a/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/CalcCoordinateCmd.as b/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/CalcCoordinateCmd.as
index 2731278..9e82763 100644
--- a/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/CalcCoordinateCmd.as
@@ -43,27 +43,27 @@ package org.xas.jchart.ddount.controller
 			if( BaseConfig.ins.cd ){
 				
 				if( BaseConfig.ins.cd.title && BaseConfig.ins.cd.title.text ){
-					facade.registerMediator( new TitleMediator( BaseConfig.ins.cd.title.text ) )	
+					facade.registerMediator( new BaseTitleMediator( BaseConfig.ins.cd.title.text ) )	
 					BaseConfig.ins.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
 					BaseConfig.ins.c.minY += pTitleMediator.view.height;			
 				}
 				
 				if( BaseConfig.ins.cd.subtitle && BaseConfig.ins.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
+					facade.registerMediator( new BaseSubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
 					
 					BaseConfig.ins.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
 					BaseConfig.ins.c.minY += pSubtitleMediator.view.height + 5;
 				}				
 				
 				if( BaseConfig.ins.cd.yAxis && BaseConfig.ins.cd.yAxis.title && BaseConfig.ins.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
+					facade.registerMediator( new BaseVTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
 					
 					BaseConfig.ins.c.vtitle = { x: BaseConfig.ins.c.minX, y: BaseConfig.ins.c.x + BaseConfig.ins.c.height / 2, item: pVTitleMediator };
 					BaseConfig.ins.c.minX += pVTitleMediator.view.width - 5;
 				}
 				
 				if( BaseConfig.ins.cd.credits && BaseConfig.ins.cd.credits.enabled && ( BaseConfig.ins.cd.credits.text || BaseConfig.ins.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
 					
 					BaseConfig.ins.c.credits = { x: BaseConfig.ins.c.maxX, y: BaseConfig.ins.c.maxY, item: pCreditMediator };
 					BaseConfig.ins.c.maxY -= pCreditMediator.view.height;
@@ -97,7 +97,7 @@ package org.xas.jchart.ddount.controller
 				calcGraphic();	
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultPieData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultPieData.instance.data ) );	
 				}
 				
 				//Log.log( BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight );
@@ -108,7 +108,7 @@ package org.xas.jchart.ddount.controller
 		
 		private function calcGraphic():void{			
 			
-			facade.registerMediator( new PieLabelMediator() );
+			facade.registerMediator( new BasePieLabelMediator() );
 			facade.registerMediator( new GraphicMediator() );
 			
 			BaseConfig.ins.c.cx = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth / 2;
@@ -249,20 +249,20 @@ package org.xas.jchart.ddount.controller
 			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
 		
diff --git a/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/ClearCmd.as b/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/ClearCmd.as
index 6067fc0..c78c077 100644
--- a/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/ClearCmd.as
+++ b/flash/source/chart/DDount/0.1/src/org/xas/jchart/ddount/controller/ClearCmd.as
@@ -21,10 +21,10 @@ package org.xas.jchart.ddount.controller
 			//Log.log( 'ClearCmd' );
 			
 			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
 			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
@@ -33,8 +33,8 @@ package org.xas.jchart.ddount.controller
 			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
 			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
 			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );		
-			facade.hasMediator( PieLabelMediator.name ) && facade.removeMediator( PieLabelMediator.name );			
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );		
+			facade.hasMediator( BasePieLabelMediator.name ) && facade.removeMediator( BasePieLabelMediator.name );			
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Dount/0.1/.actionScriptProperties b/flash/source/chart/Dount/0.1/.actionScriptProperties
index 332e0d6..40bdb7d 100644
--- a/flash/source/chart/Dount/0.1/.actionScriptProperties
+++ b/flash/source/chart/Dount/0.1/.actionScriptProperties
@@ -37,6 +37,3 @@
   <buildCSSFiles/>
 </actionScriptProperties>
 
-
-
-
diff --git a/flash/source/chart/Dount/0.1/.project b/flash/source/chart/Dount/0.1/.project
index f8a04b8..6699b45 100644
--- a/flash/source/chart/Dount/0.1/.project
+++ b/flash/source/chart/Dount/0.1/.project
@@ -1,7 +1,7 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <projectDescription>
-	<name>Dount</name>
-	<comment></comment>
+	<name>0.1</name>
+	<comment/>
 	<projects>
 	</projects>
 	<buildSpec>
@@ -22,3 +22,4 @@
 		</link>
 	</linkedResources>
 </projectDescription>
+
diff --git a/flash/source/chart/Dount/0.1/src/Config.as b/flash/source/chart/Dount/0.1/src/Config.as
index bf2a553..d5e8d45 100644
--- a/flash/source/chart/Dount/0.1/src/Config.as
+++ b/flash/source/chart/Dount/0.1/src/Config.as
@@ -3,136 +3,17 @@ package
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.config.BasePieConfig;
 	
-	public class Config extends BaseConfig
+	public class Config extends BasePieConfig
 	{
 		public function Config()
 		{
 			super();
-		}
+		}		
 		
-		private var _pseries:Array = [];
-		
-		override public function setChartData(_d:Object):Object{
-			super.setChartData( _d );
-			
-			_pseries = [];
-			
-			if( this.cd.series && this.cd.series.length ){
-				Common.each( this.cd.series[0].data, function( _k:int, _item: * ):void{
-					var _o:Object, _a:Array = _item as Array;
-					if( !_a ){
-						_o = _item as Object;
-					}else{
-						_o = { 'name': _a[0], 'y': _a[1] };
-					}
-					_pseries.push( _o );
-				});
-				//Log.printJSON( _pseries );
-			}
-			
-			return this.chartData;
-		}
-		
-		override public function get series():Array{
-			
-			return _pseries;
-		}
-		
-		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
-			_data = _data || chartData;
-			if( !( _data && _data.series && _data.series.length ) ) return this;
-			var _tmpSeries:Array = JSON.parse( JSON.stringify( _data.series ) ) as Array
-				;
-			
-			_displaySeries = []
-			//Log.printJSON( _tmpSeries[0].data );
-			
-			Common.each( _tmpSeries[0].data, function( _k:int, _item: * ):void{
-				var _o:Object, _a:Array = _item as Array;
-				if( !_a ){
-					_o = _item as Object;
-				}else{
-					_o = { 'name': _a[0], 'y': _a[1] };
-				}
-				_displaySeries.push( _o );
-			});			
-			
-			_displaySeriesIndexMap = null;
-			
-			
-			if( _filter ){
-				var _tmp:Array = [], _count:int = 0;
-				_displaySeriesIndexMap = {};
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					if( !(_k in _filter) ){
-						_tmp.push( _item );	
-						_displaySeriesIndexMap[ _count++ ] = _k;
-					}
-				});
-				_displaySeries = _tmp;
-			}
-			
-			_filterData = _filter || {};
-			
-			//Log.printJSON( _displaySeries );			
-			
-			return this;
-		}
-		
-		override public function get totalNum():Number{
-			var _r:Number = 0;
-			
-			if( this.isPercent ){
-				_r = 100;
-			}else{
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					_r += _item.y;
-				});
-			}
-			
-			return _r;
-		}
-		
-		override public function get itemName():String{
-			var _r:String = '';
-			cd && cd.series && cd.series.length && ( _r = cd.series[0].name || '' );
-			return _r;
-		}
-		
-		override public function get floatLen():int{
-			
-			if( _isFloatLenReady ){
-				return _floatLen;
-			}
-			_isFloatLenReady = true;
-			
-			if( cd && ( 'floatLen' in cd ) ){
-				_floatLen = cd.floatLen;
-			}else{
-				_floatLen = 0;
-				var _tmpLen:int = 0;
-				Common.each( series, function( _k:int, _item:Object ):void{
-					_tmpLen = Common.floatLen( _item.y );
-					_tmpLen > _floatLen && ( _floatLen = _tmpLen );
-				});
-			}
-			_floatLen == 1 && ( _floatLen = 2 );
-			
-			return _floatLen;
-		}
-		
-		
-		public function get radiusInnerRate():Number{
-			var _r:Number = .6;
-			radiusData.innerRate && ( _r = radiusData.innerRate );
-			return _r;
-		}
-		
-		public function get radiusData():Object{
-			var _r:Object = {};
-			cd && cd.radius && ( _r = cd.radius );
-			return _r;
-		}
+		override public function get chartName():String{ return 'Dount'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/dount/'; }
+
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Dount/0.1/src/Dount.as b/flash/source/chart/Dount/0.1/src/Dount.as
index b088645..01faba2 100644
--- a/flash/source/chart/Dount/0.1/src/Dount.as
+++ b/flash/source/chart/Dount/0.1/src/Dount.as
@@ -22,14 +22,14 @@ package
 	import org.xas.jchart.dount.MainFacade; 
 	  
 	  
-	[SWF(frameRate="30", width="800", height="500")] 
+	[SWF(frameRate="30", width="600", height="500")] 
 	public class Dount extends Sprite  
 	{ 
 		private var _inited: Boolean = false;
 		private var _timer:Timer;
 		private var _data:Object;
 		private var _facade:Facade;
-		private var _resizeTimer:Timer;
+		private var _resizeTimer:Timer; 
 		private var _ins:Dount; 
 		private var _loaderInfo:Object;
 		
@@ -64,7 +64,9 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {});
 		}
@@ -148,8 +150,10 @@ package
 			
 			var _data:Object = {};
 			
-			if( !ExternalInterface.available ){							
+			if( !ExternalInterface.available ){		
+				if( ! DefaultPieData.instance.data.length ) return;
 				_data = DefaultPieData.instance.data[0];
+				return;
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};				
 				if( _loaderInfo.chart ){
diff --git a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/CalcCoordinateCmd.as b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/CalcCoordinateCmd.as
index 3a5bdd9..2ae0edb 100644
--- a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/CalcCoordinateCmd.as
@@ -12,16 +12,33 @@ package org.xas.jchart.dount.controller
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.test.DefaultPieData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.DountBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.DountGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.PieLabelMediator.BasePieLabelMediator;
+	import org.xas.jchart.common.view.mediator.PieTotalLabelMediator.BasePieTotalLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.DountTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.dount.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
-	{
+	{ 
 		private var _c:Coordinate;
+		private var _config:Config;
+		private var _maxLabelWidth:Number = 0;
+		private var _maxLabelHeight:Number = 0;
 		
 		public function CalcCoordinateCmd()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override public function execute(notification:INotification):void{
@@ -30,77 +47,88 @@ package org.xas.jchart.dount.controller
 			
 			_c.corner = corner();
 			
-			_c.minX = _c.x;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _c.width - 5;
-			_c.maxY = _c.y + _c.height - 5;
+			_c.minX = _config.vlabelSpace;
+			_c.minY = _config.vspace;
+			_c.maxX = _config.stageWidth - _config.vlabelSpace;
+			_c.maxY = _config.stageHeight - _config.vspace;
 						
-			facade.registerMediator( new BgMediator( ) )		
+			facade.registerMediator( new BaseBgMediator( ) )		
 			
 			//Log.log( BaseConfig.ins.rate.length );
 			//Log.log( BaseConfig.ins.maxNum, BaseConfig.ins.finalMaxNum, BaseConfig.ins.chartMaxNum, 11111 );
 			
-			if( BaseConfig.ins.cd ){			
+			if( _config.cd ){			
 				
-				if( BaseConfig.ins.cd.title && BaseConfig.ins.cd.title.text ){
-					facade.registerMediator( new TitleMediator( BaseConfig.ins.cd.title.text ) )	
-					BaseConfig.ins.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
-					BaseConfig.ins.c.minY += pTitleMediator.view.height;			
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( BaseConfig.ins.cd.subtitle && BaseConfig.ins.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
-					BaseConfig.ins.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
-					BaseConfig.ins.c.minY += pSubtitleMediator.view.height + 5;
-				}				
+					_config.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height + _config.vspace;
+				}
 				
-				if( BaseConfig.ins.cd.yAxis && BaseConfig.ins.cd.yAxis.title && BaseConfig.ins.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
 					
-					BaseConfig.ins.c.vtitle = { x: BaseConfig.ins.c.minX, y: BaseConfig.ins.c.x + BaseConfig.ins.c.height / 2, item: pVTitleMediator };
-					BaseConfig.ins.c.minX += pVTitleMediator.view.width - 5;
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
 				}
 				
-				if( BaseConfig.ins.cd.credits && BaseConfig.ins.cd.credits.enabled && ( BaseConfig.ins.cd.credits.text || BaseConfig.ins.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
-					BaseConfig.ins.c.credits = { x: BaseConfig.ins.c.maxX, y: BaseConfig.ins.c.maxY, item: pCreditMediator };
-					BaseConfig.ins.c.maxY -= pCreditMediator.view.height;
-				}	
-				
-				if( BaseConfig.ins.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					BaseConfig.ins.c.maxY -= pLegendMediator.view.height;
-					BaseConfig.ins.c.legend = { 
-						x: BaseConfig.ins.width / 2 - pLegendMediator.view.width / 2
-						, y: BaseConfig.ins.c.maxY
-					};
-					BaseConfig.ins.c.maxY -= 2;
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vspace;
 				}
 				
-				BaseConfig.ins.c.maxX -= 5;
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}	 
 				
-				BaseConfig.ins.c.arrowLength = 0;
-				BaseConfig.ins.c.chartWidth = BaseConfig.ins.c.maxX - BaseConfig.ins.c.minX - 5;
-				BaseConfig.ins.c.chartHeight = BaseConfig.ins.c.maxY - BaseConfig.ins.c.minY;	
+//				_config.c.maxX -= 5;
 				
-				BaseConfig.ins.c.chartX = BaseConfig.ins.c.minX + BaseConfig.ins.c.arrowLength + 6.5;
-				BaseConfig.ins.c.chartY = BaseConfig.ins.c.minY;
+				_config.c.arrowLength = 0;
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX;
+				_config.c.chartHeight = _config.c.maxY - _config.c.minY;	
 				
-				BaseConfig.ins.c.chartMaxX = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth;
-				BaseConfig.ins.c.chartMaxY = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight;
+				_config.c.chartX = _config.c.minX;
+				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				facade.registerMediator( new TipsMediator() );
-								
-				calcGraphic();	
+				_config.c.chartMaxX = _config.c.chartX + _config.c.chartWidth;
+				_config.c.chartMaxY = _config.c.chartY + _config.c.chartHeight;
+				
+				facade.registerMediator( new DountGraphicBgMediator() );	
+				facade.registerMediator( new DountTipsMediator() );
+				
+				if( _config.dataLabelEnabled ){
+					facade.registerMediator( new BasePieLabelMediator() );	
+					_maxLabelWidth = pPieLabelMediator.maxWidth;
+					_maxLabelHeight = pPieLabelMediator.maxHeight;
+				}
+
+				
+				facade.registerMediator( new GraphicMediator() );
+				
+				calcGraphic();		
 				
+				if( _config.totalLabelEnabled ){
+					facade.registerMediator( new BasePieTotalLabelMediator() );
+				}
+								
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultPieData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultPieData.instance.data ) );	
 				}
 				
-				//Log.log( BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight );
+				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
 			}
 									
 			sendNotification( JChartEvent.SHOW_CHART );			
@@ -108,34 +136,34 @@ package org.xas.jchart.dount.controller
 		
 		private function calcGraphic():void{			
 			
-			facade.registerMediator( new PieLabelMediator() );
-			facade.registerMediator( new GraphicMediator() );
+			_config.c.cx = _config.c.chartX + _config.c.chartWidth / 2;
+			_config.c.cy = _config.c.chartY + _config.c.chartHeight / 2;
+			
+			_config.c.lineLength = _config.dataLabelLineLength;
+			_config.c.lineStart = _config.dataLabelLineStart;
 			
-			BaseConfig.ins.c.cx = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth / 2;
-			BaseConfig.ins.c.cy = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight / 2;
-			BaseConfig.ins.c.lineLength = 40;
-			BaseConfig.ins.c.lineStart = 10;
-			BaseConfig.ins.c.radius = calcRadius( BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight );
+			_config.c.radius = calcRadius( _config.c.chartWidth, _config.c.chartHeight );
 			
-			BaseConfig.ins.c.piePart = [];
-			BaseConfig.ins.c.pieLine = [];
+			_config.c.piePart = [];
+			_config.c.pieLine = [];
 			
-			if( !( BaseConfig.ins.series && BaseConfig.ins.series.length ) ) return;
+			if( !( _config.series && _config.series.length ) ) return;
 			
 			var _angle:Number = 360
 				, _angleCount:Number = 0
-				, _offsetAngle:Number = BaseConfig.ins.offsetAngle
-				, _totalNum:Number = BaseConfig.ins.totalNum
+				, _offsetAngle:Number = _config.offsetAngle
+				, _totalNum:Number = _config.totalNum
 				, _tmpPoint:Point
-				, _cpoint:Point = new Point( BaseConfig.ins.c.cx, BaseConfig.ins.c.cy )
+				, _cpoint:Point = new Point( _config.c.cx, _config.c.cy )
 				;
+//			Log.log( _offsetAngle );
 
-			Common.each( BaseConfig.ins.displaySeries, function( _k:int, _item:Object ):void {
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void {
 				if( _item.y === 0 ) return;
 				var _pieP:Object = { 
-						cx: BaseConfig.ins.c.cx
-						, cy: BaseConfig.ins.c.cy
-						, radius: BaseConfig.ins.c.radius 
+						cx: _config.c.cx
+						, cy: _config.c.cy
+						, radius: _config.c.radius 
 						, offsetAngle: _offsetAngle
 						, totalNum: _totalNum
 						, data: _item
@@ -165,11 +193,11 @@ package org.xas.jchart.dount.controller
 				_pieP.startPoint = { x: _spoint.x + _pieP.cx, y: _spoint.y + _pieP.cy };
 				_pieP.endPoint = { x: _epoint.x + _pieP.cx, y: _epoint.y + _pieP.cy };
 				
-				_spoint = Common.distanceAngleToPoint( _pieP.radius - BaseConfig.ins.c.lineStart, _pieP.midAngle );
-				_epoint = Common.distanceAngleToPoint( _pieP.radius + BaseConfig.ins.c.lineLength, _pieP.midAngle );
+				_spoint = Common.distanceAngleToPoint( _pieP.radius - _config.c.lineStart, _pieP.midAngle );
+				_epoint = Common.distanceAngleToPoint( _pieP.radius + _config.c.lineLength, _pieP.midAngle );
 				
-				_pieL.cx = BaseConfig.ins.c.cx;
-				_pieL.cy = BaseConfig.ins.c.cy;
+				_pieL.cx = _config.c.cx;
+				_pieL.cy = _config.c.cy;
 				_pieL.start = { x: _spoint.x + _pieL.cx, y: _spoint.y + _pieL.cy };
 				_pieL.end = { x: _epoint.x + _pieL.cx, y: _epoint.y + _pieL.cy };
 				_pieL.ex = { x: _expoint.x + _pieL.cx, y: _expoint.y + _pieL.cy };
@@ -190,26 +218,26 @@ package org.xas.jchart.dount.controller
 				}else{
 					//left top
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX += 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_top";
 					}
 					//right top
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX -= 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_top";
 					}
 					//left bottom
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX += 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_bottom";
 					}
 					//right bottom
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX -= 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_bottom";
 					}
 				}
@@ -223,54 +251,76 @@ package org.xas.jchart.dount.controller
 				);
 				*/
 				
-				BaseConfig.ins.c.piePart.push( _pieP );
-				BaseConfig.ins.c.pieLine.push( _pieL );
+				_config.c.piePart.push( _pieP );
+				_config.c.pieLine.push( _pieL );
 			});
 		}
 		
 		private function calcRadius( _w:Number, _h:Number ):Number{
 			var _radius:Number = Math.min( _w, _h );
 			
-			if( BaseConfig.ins.legendEnabled ){
-				_radius -= 30;
+
+			if( _config.legendEnabled ){
+//				_radius += pLegendMediator.maxHeight;
 			}
 			
-			if( BaseConfig.ins.dataLabelEnabled ){
-				_radius -= ( BaseConfig.ins.c.lineLength - BaseConfig.ins.c.lineStart + 40 ) * 2;
+			_radius /= 2;
+			
+			//			Log.log( '_maxLabelWidth:', _maxLabelWidth );
+			
+			if( _config.dataLabelEnabled ){			
+				_radius -= (_config.dataLabelLineLength - _config.dataLabelLineStart );	
+				if(
+					_w > _h && !_config.legendIntersect( _radius - _maxLabelHeight
+						, _maxLabelWidth
+						,  _config.dataLabelLineLength - _config.dataLabelLineStart
+					)
+				){
+					_radius = _radius - _maxLabelHeight;
+				}else{
+					_radius = _radius - _maxLabelWidth;
+				}
 			}else{
-				_radius -= 40;
+				_radius -= _config.moveDistance;
 			}
-			
-			_radius /= 2;
+			//			Log.log( _config.c.chartWidth,_config.c.chartHeight, _radius );
 			
 			return _radius;
 		}
+
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
-		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+				
+		private function get pPieLabelMediator():BasePieLabelMediator{
+			return facade.retrieveMediator( BasePieLabelMediator.name ) as BasePieLabelMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
 		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
diff --git a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/ClearCmd.as b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/ClearCmd.as
index 4890ba6..8d40f1f 100644
--- a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/ClearCmd.as
+++ b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/ClearCmd.as
@@ -7,6 +7,20 @@ package org.xas.jchart.dount.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.PieLabelMediator.BasePieLabelMediator;
+	import org.xas.jchart.common.view.mediator.PieTotalLabelMediator.BasePieTotalLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.dount.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,21 +34,24 @@ package org.xas.jchart.dount.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );;
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );		
+			facade.hasMediator( BasePieLabelMediator.name ) && facade.removeMediator( BasePieLabelMediator.name );	
+			facade.hasMediator( BasePieTotalLabelMediator.name ) && facade.removeMediator( BasePieTotalLabelMediator.name );		
+			
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
-			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );		
-			facade.hasMediator( PieLabelMediator.name ) && facade.removeMediator( PieLabelMediator.name );			
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name )
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/FilterDataCmd.as b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/FilterDataCmd.as
index d01e607..320c1bb 100644
--- a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/FilterDataCmd.as
+++ b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/controller/FilterDataCmd.as
@@ -6,11 +6,6 @@ package org.xas.jchart.dount.controller
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
 	import org.xas.jchart.dount.view.mediator.GraphicMediator;
 	
 	public class FilterDataCmd extends SimpleCommand implements ICommand
diff --git a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/view/components/GraphicView.as b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/view/components/GraphicView.as
index 67da9a5..4f75de9 100644
--- a/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/view/components/GraphicView.as
+++ b/flash/source/chart/Dount/0.1/src/org/xas/jchart/dount/view/components/GraphicView.as
@@ -22,7 +22,7 @@ package org.xas.jchart.dount.view.components
 	
 	public class GraphicView extends Sprite
 	{	
-		private var _boxs:Vector.<DountUI>;
+		private var _boxs:Vector.<DountUI>; 
 		
 		private var _preIndex:int = -1;
 		private var _piePart:Vector.<DountPart>;
@@ -31,7 +31,10 @@ package org.xas.jchart.dount.view.components
 		
 		private var _config:Config;
 		private var _currentPart:DountPart;
+		private var _selectedIndex:int = -1;
 		
+		private var _ready:Boolean;
+				
 		public function GraphicView()
 		{
 			_config = BaseConfig.ins as Config;
@@ -41,20 +44,11 @@ package org.xas.jchart.dount.view.components
 			
 			_hideTimer = new Timer( 200, 1 );
 			_hideTimer.addEventListener( TimerEvent.TIMER, onTimerHideDone );
-			//_hideTimer.start();
-			
-			/*
-			addEventListener( JChartEvent.SHOW_TIPS, showTips );
-			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
-			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
-			*/
-			
+
 		}
 		
 		private function addToStage( _evt:Event ):void{
-			
-			//addChild( new DountPart( new Point( 200, 200 ), 0, 100 ) );			
-			//addChild( new DountPart( new Point( 200, 200 ), 0, 360, 100 ) );
+			addEventListener( JChartEvent.SELECTED, onSelected );
 		}
 		
 		public function update():void{
@@ -64,45 +58,95 @@ package org.xas.jchart.dount.view.components
 			
 			graphics.clear();
 			_piePart = new Vector.<DountPart>();
+				
+			if( !_config.dataInited ){
+				Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+					if( _item.selected ){
+						_selectedIndex = _k;
+	//					_item.selected = false;
+					}
+				});
+			}
+			
+			//			Log.log( 'GraphicView: _config.selected = ', _config.selected );
+			
+			if( _config.selected >= 0 ){
+				Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+					if( _config.selected === _config.displaySeriesIndexMap[ _k ] ){
+						_selectedIndex = _k;
+					}
+				});
+				//				Log.log( _selectedIndex, _config.selected );
+			}
+			
+//			Log.log( _config.angleBeginMargin )
 			
 			Common.each( _config.c.piePart, function( _k:int, _item:Object ):void{
 				if( _item.data.y === 0 ) return;
+				
+				var _preItem:DountPart;
+				_k && _piePart.length && ( _preItem = _piePart[ _piePart.length - 1 ] );
 
 				var _pp:DountPart = new DountPart(
 					new Point( _item.cx, _item.cy )
-					, _item.startAngle, _item.endAngle
-					, _item.radius, _item.radius * _config.radiusInnerRate
+					, _item.startAngle + _config.angleMargin, _item.endAngle - _config.angleMargin
+					, _config.outRadius, _config.inRadius
 					, _k
 					, { 'color': _config.itemColor( _k ) }
 					, {}
+					, 0
+					, {
+						'seriesIndex': _config.displaySeriesIndexMap[ _k ]
+						, 'preItem': _preItem
+						, "moveDistance": _config.moveDistance
+						, 'innerRadiusEnabled': _config.innerRadiusEnabled
+						, 'innerRadiusThickness': _config.innerRadiusThickness
+						, 'innerRadiusMargin': _config.innerRadiusMargin
+					}
 				);
 				
-				_pp.addEventListener( JChartEvent.UPDATE_STATUS, onDountPartUpdateStatus );
+				_pp.addEventListener( JChartEvent.UPDATE_STATUS, onPiePartUpdateStatus );
 				_pp.addEventListener( MouseEvent.MOUSE_OVER, onMouseOver );
 				_pp.addEventListener( MouseEvent.MOUSE_OUT, onMouseOut );
 				_pp.addEventListener( MouseEvent.CLICK, onMouseClick );
+				_pp.addEventListener( JChartEvent.READY, onItemReady );
+				_pp.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+
 				addChild( _pp );
 				_piePart.push( _pp );
 				
-				//Log.log( _item.cx, _item.cy, _item.startAngle, _item.endAngle, _item.radius );
 			});
-						
-			var _selectedIndex:int = -1;
-			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
-				if( _item.selected ){
-					_selectedIndex = _k;
-				}
-			});
-			
-			//Log.log( _selectedIndex );
-			if( _config.selected >= 0 ){
-				_selectedIndex = _config.selected;
+
+
+		}
+		
+		private function onItemReady( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+//			Log.log( 'onItemReady:', _selectedIndex, _data.index );
+			if( _data.index === ( _config.c.piePart.length - 1 ) ){			
+				
+				_ready = true;
+				dispatchEvent( new JChartEvent( JChartEvent.SELECTED, { index: _selectedIndex } ) );
+				_config.facade.sendNotification( JChartEvent.READY );
 			}
+		}
+		
+		private function onSelected( _evt:JChartEvent ):void{
+			if( !_config.selectableEnabled ) return;
+			if( !_ready ) return;
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+			if( !_piePart.length ) return;
 			
-			if( _selectedIndex >= 0 && _selectedIndex <= (_piePart.length - 1 ) && _piePart.length > 1 ){
-				_piePart[ _selectedIndex ].selected( true );
+			if( _index >= 0 && _index <= (_piePart.length - 1 ) && _piePart.length > 1 ){
+				_piePart[ _index ].toggle();
+				//				Log.log( _index );
 			}
 		}
+
 				
 		protected function onMouseOver( _evt:MouseEvent ):void{
 			var _target:DountPart = _evt.currentTarget as DountPart;
@@ -110,8 +154,8 @@ package org.xas.jchart.dount.view.components
 			_currentPart = _target;
 			
 			_hideTimer.running && _hideTimer.stop();
-			root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
-			root.stage.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+//			root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+//			root.stage.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 			dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, _evt ) );
 			//Log.log( 'show tips' );
 			
@@ -119,7 +163,7 @@ package org.xas.jchart.dount.view.components
 		
 		protected function onMouseOut( _evt:MouseEvent ):void{
 			try{
-				root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+//				root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 				//dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, _evt ) );
 				_hideTimer.running && _hideTimer.stop();
 				_hideTimer.start();
@@ -137,7 +181,8 @@ package org.xas.jchart.dount.view.components
 		protected function onMouseClick( _evt:MouseEvent ):void{
 			var _pp:DountPart = _evt.currentTarget as DountPart;
 			if( !(　_pp && _config.displaySeries.length >= 2 ) )  return;
-			_pp.toggle();
+//			_pp.toggle();
+			dispatchEvent( new JChartEvent( JChartEvent.SELECTED, { index: _pp.dataIndex } ) );
 			
 		}
 		
@@ -150,28 +195,37 @@ package org.xas.jchart.dount.view.components
 			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _pp.dataIndex } ) );
 		}	
 				
-		private function onDountPartUpdateStatus( _evt:JChartEvent ):void{
-			var _data:Object = _evt.data as Object;
-			
+		private function onPiePartUpdateStatus( _evt:JChartEvent ):void{
+			if( !_ready ) return;
+			var _data:Object = _evt.data as Object
+				, _oindex:int = _config.displaySeriesIndexMap[ _data.index ]
+				;
 			
 			if( _piePart.length === 1 ) {
 				return;
 			}
 			
-			if( _config.selected >= 0 
-				&& _config.selected <= ( _piePart.length - 1 ) 
-				&& _config.selected != _data.dataIndex 
-			){
-				_piePart[ _config.selected ].unselected();
-			}
+			if( _oindex > -1 && _oindex != _config.selected ){
+				Common.each( _piePart, function( _k:int, _item:DountPart ):Boolean{
+					var _r:Boolean = true, _tindex:int = _config.displaySeriesIndexMap[ _item.dataIndex ];
+					if( _config.selected === _tindex ){
+						_r = false;
+						_item.unselected();
+					}
+					
+					return _r;
+				});
+			}			
 			
 			if( _data.selected ){
-				_config.selected = _data.dataIndex;
+				_config.selected = _oindex;
 			}else{
 				_config.selected = -1;
 			}					
-			//Log.log( _config.selected );			
+			//			Log.log( 'onPiePartUpdateStatus: _config.selected = ', _config.selected );
+			//			Log.log( _config.selected, _data.selected );			
 		}
+
 		
 		private function showTips( _evt: JChartEvent ):void{
 		}
@@ -184,7 +238,7 @@ package org.xas.jchart.dount.view.components
 				});
 			}
 			_preIndex = -1;
-			
+			 
 		}		
 		
 		private function updateTips( _evt: JChartEvent ):void{
diff --git a/flash/source/chart/HStack/0.1/.actionScriptProperties b/flash/source/chart/HStack/0.1/.actionScriptProperties
new file mode 100644
index 0000000..6a69468
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/.actionScriptProperties
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="HStack.as" projectUUID="8c325813-0eaf-4b18-aca5-7b354688bf4d" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="HStack.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
+
+
+
+
+
diff --git a/flash/source/chart/HStack/0.1/.project b/flash/source/chart/HStack/0.1/.project
new file mode 100644
index 0000000..56df646
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>HStack</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/HStack/0.1/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/HStack/0.1/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.html
new file mode 100644
index 0000000..a8640ad
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0}"
+                        , enabled: true
+                        , "serial": [
+                            {
+                                "name": "总体"
+                                , "data": [ 
+                                    1000, 2000, 3000, 4000, 5000, 6000
+                                    , 1000, 2000, 3000, 4000, 5000
+                                ]
+                            }
+                        ]
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.percent.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.percent.html
new file mode 100644
index 0000000..25e592e
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.double.line.percent.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , enabled: true
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.html
new file mode 100644
index 0000000..a6f0197
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.itemBg.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.itemBg.html
new file mode 100644
index 0000000..18838f6
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.itemBg.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+            {
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}]
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			}
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_rate.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_rate.html
new file mode 100644
index 0000000..83eacb3
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline.html
new file mode 100644
index 0000000..c65623a
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline_hline.html b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline_hline.html
new file mode 100644
index 0000000..517de86
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/demo.Histogram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - HStack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - HStack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/HStack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    rateLabel: {
+                        enabled: false
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/HStack/0.1/_demo/index.php b/flash/source/chart/HStack/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/HStack/0.1/_demo/jq.js b/flash/source/chart/HStack/0.1/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/_demo/json2.js b/flash/source/chart/HStack/0.1/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/HStack/0.1/_demo/swfobject.js b/flash/source/chart/HStack/0.1/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/Config.as b/flash/source/chart/HStack/0.1/src/Config.as
new file mode 100644
index 0000000..01e2b14
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/Config.as
@@ -0,0 +1,17 @@
+package 
+{
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.config.BaseStackConfig;
+
+	public class Config extends BaseStackConfig
+	{
+		public function Config()
+		{
+			super();
+		}	
+		
+		override public function get chartName():String{ return 'StackChart'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/hstack/'; }
+ 
+	}
+} 
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/HStack.as b/flash/source/chart/HStack/0.1/src/HStack.as
new file mode 100644
index 0000000..4dcc8bd
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/HStack.as
@@ -0,0 +1,188 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval;
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log;  
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.DefaultData; 
+	import org.xas.jchart.common.event.JChartEvent;  
+	import org.xas.jchart.hstack.MainFacade;     
+	           
+
+	//[SWF(frameRate="30", width="790", height="230")]
+	//[SWF(frameRate="30", width="385", height="225")]
+	//[SWF(frameRate="30", width="600", height="425")]
+	//[SWF(frameRate="30", width="590", height="360")]
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="500", height="420")] 
+	public class HStack extends Sprite 
+	{ 
+		private var _inited: Boolean = false;
+		private var _timer:Timer;
+		private var _data:Object;  
+		private var _facade:Facade;
+		private var _resizeTimer:Timer;  
+		private var _ins:HStack;
+		private var _loaderInfo:Object; 
+		
+		public function HStack()
+		{			
+			flash.system.Security.allowDomain("*");	
+			_ins = this; 
+			
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			
+			BaseConfig.setIns( new Config() );
+			 
+			//update( {} );	
+			  
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			
+			//Log.log( Common.numberUp( 100 ) );
+			
+			runData();
+
+			if( ExternalInterface.available ){
+				try{
+				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
+			}
+			//BaseConfig.ins.setChartData( {}); 
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			//Log.printJSON( _evt.data );
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );			
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+			//_facade.sendNotification( JChartEvent.CLEAR );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop();
+		}		
+		 
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !DefaultData.instance.data.length ) return;
+				_data = DefaultData.instance.data[0];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}				
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.1, 2014-07-30';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/MainFacade.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/MainFacade.as
new file mode 100644
index 0000000..ef2a031
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/MainFacade.as
@@ -0,0 +1,42 @@
+package org.xas.jchart.hstack
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.hstack.controller.CalcCoordinateCmd;
+	import org.xas.jchart.hstack.controller.ClearCmd;
+	import org.xas.jchart.hstack.controller.DrawCmd;
+	import org.xas.jchart.hstack.controller.FilterDataCmd;
+	
+	public class MainFacade extends BaseFacade implements ICommand
+	{
+		public static const name:String = 'StackFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			super.initializeController();
+						
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd );
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/CalcCoordinateCmd.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..c317d1d
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/CalcCoordinateCmd.as
@@ -0,0 +1,507 @@
+package org.xas.jchart.hstack.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.HStackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.StackBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.HStackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.StackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.HStackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.StackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.HStackHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.StackHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.StackItemBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.VItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.StackLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.HStackSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.StackSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.StackTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.HStackVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.hstack.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate; 
+		private var _config:Config;
+		
+		public function CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+									
+			facade.registerMediator( new StackBgMediator( ) );
+			var _yPad:Number = _c.minY;
+			
+			if( _config.cd ){			
+				
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
+				}
+				
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height;
+				}
+				
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}	
+				 
+//				_config.c.maxX -= _config.hspace;
+				
+				if( _config.legendEnabled ){
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new StackLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
+					
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
+				}
+
+				_config.c.hoverPadY = 0;
+				if( _config.hoverBgEnabled ){
+					facade.registerMediator( new HStackHoverBgMediator() );
+					_config.c.minY += _config.c.hoverPadY;
+				}
+				
+				if( _config.itemBgEnabled ){
+					facade.registerMediator( new VItemBgMediator() );
+				}
+				
+				_config.c.serialLabelPadY = 0;
+				if( _config.serialLabelEnabled ){
+					facade.registerMediator( new HStackSeriesLabelMediator() );
+				}
+				
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new HStackVLabelMediator() );
+					
+					_config.c.minX += Math.abs( pVLabelMediator.maxWidth );
+					_config.c.minX += _config.vspace;
+//					Log.log(  pVLabelMediator.maxWidth );
+				}
+				
+				
+				if( _config.yAxisEnabled ){
+					facade.registerMediator( new HStackHLabelMediator() );
+					_config.c.maxY -= pHLabelMediator.maxHeight;
+					_config.c.maxY -= 2;
+				}
+								
+				_config.c.vlabelMaxWidth = pVLabelMediator ? pVLabelMediator.maxWidth : 0;
+				
+				if( _config.realRate && _config.realRate.length ) {
+					if( _config.displayAllLabel ){
+						_config.c.labelWidth = _config.c.chartWidth / _config.realRate.length / 2;
+					} else {
+						if( _config.displayMod ){
+							_config.c.labelWidth = _config.c.chartWidth * _config.displayMod 
+								/ _config.realRate.length;
+						} else {
+							_config.c.labelWidth = _config.c.chartWidth / 7;
+						}
+					}
+				}		
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
+			
+				if( _config.graphicHeight ){
+					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
+					_config.c.chartHeight = _config.graphicHeight - _yPad;		
+					_config.c.maxY -= _hpad;
+					
+					if( _config.c.legend ){
+						_config.c.legend.y -= _hpad;
+					}
+					
+					if( _config.c.credits ){
+						_config.c.credits.y -= _hpad;
+					}
+				} else {
+					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				}
+				
+				_config.c.chartX = _config.c.minX + _config.yArrowLength;
+				_config.c.chartY = _config.c.minY;
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK, {}, 'hstack' );
+				
+				facade.registerMediator( new HStackGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new StackTipsMediator() );
+				//Log.log( _config.tooltipEnabled );
+				
+				
+				/* 添加HLabel重计算 */
+				
+				calcChartPoint();
+				
+				facade.registerMediator( new GraphicMediator() );
+				
+				calcGraphic();
+				
+				if( !ExternalInterface.available ){
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
+				}
+				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
+			}
+			
+			sendNotification( JChartEvent.SHOW_CHART );			
+		}
+		
+		private function calcGraphic():void{
+			
+//			Log.log( _config.c.vpart, _config.c.hpart, _config.c.itemWidth );
+//			return;
+			_config.c.rects = [];
+			_config.c.dataRect = [];
+			_config.c.stackItems = [];
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			_config.c.partSpace = 0; 
+			_config.c.partWidth = _config.c.itemWidth;
+			
+			if( _config.displaySeries.length > 1 ){				
+				_config.c.partSpace = 4; 
+				_config.c.partWidth = _config.c.itemWidth
+					;
+				if( _config.c.partWidth < 1 ){				
+					_config.c.partSpace = 0; 
+					_config.c.partWidth = 
+						(
+							_config.c.itemWidth - (_config.displaySeries.length - 1) * _config.c.partSpace
+						) / _config.displaySeries.length
+						;
+				}
+			}
+			
+//			Log.log( _config.minNum, _config.maxNum );
+			
+			var _partWidth:Number = _config.c.partWidth
+				;
+			if( _partWidth > 50 ){
+				_partWidth = 50;
+			}
+			
+			if( !_config.realItemLength ) return;
+			
+//			Log.log( 'zeroIndex:', _config.rateZeroIndex,  _config.hrateZeroIndex, _config.c.hpart );
+			
+			var _positiveOffset:Number
+				, _positiveHeight:Number = _config.c.chartWidth - _config.c.hpart * _config.hrateZeroIndex
+				
+				, _negativeOffset:Number
+				, _negativeHeight:Number = _config.c.hpart * _config.hrateZeroIndex
+				;
+				
+//				Log.log( _config.minNum );
+			
+			Common.each( _config.series[0].data, function( _k:int, _item:Object ):void{
+				_positiveOffset = 0;
+				_negativeOffset = 0;
+				
+				var _items:Array = []
+					, _pointItem:Object = _config.c.vlinePoint[ _k ]
+					, _sp:Point = _pointItem.start as Point
+					, _ep:Point = _pointItem.end as Point
+					, _tmp:Number = 0
+					, _tmpDataRect:Object = {
+						x: _sp.x, y: _config.c.chartY
+						, width: _config.c.hpart
+						, height: _config.c.chartHeight 
+					}
+					, _stackItem:Object = {
+						data: {
+							negative: []
+							, positive: []
+						}
+					}
+					, _totalWidth:Number = 0
+					, _rectX:Number = _sp.x + _negativeHeight
+					;
+					
+//				Log.log( _sp.y, _ep.y );
+									
+				Common.each( _config.displaySeries, function( _sk:int, _sitem:Object ):void{
+					var _rectItem:Object = {}
+						, _itemNum:Number
+						, _h:Number = _partWidth
+						, _w:Number = 0
+						, _y:Number = _sp.y + _config.c.vpart / 2 - _partWidth / 2
+						, _x:Number = 0
+						, _num:Number = _sitem.data[ _k ]
+						, _maxNum:Number = _config.chartMaxNum
+						;
+						
+						if( _config.isAutoRate && !_config.hasNegative ){
+							_num -= _config.minNum / _config.displaySeries.length;
+							_maxNum -= _config.minNum;
+						}
+//						Log.log( _num, _maxNum );
+
+						if( Common.isNegative( _num ) || _num == 0 ){
+							_num = Math.abs( _num );
+							
+							_w = _negativeHeight;
+							_w = 
+							( _num / 
+								Math.abs( _config.finalMaxNum * _config.rate[ _config.rate.length - 1 ] ) ) 
+							* _w;
+							_w = _w || 0;
+							_negativeOffset += _w;
+							_x = _sp.x + _negativeHeight - _negativeOffset;
+							
+							if( _num ){
+								_stackItem.hasNegative = _rectItem.isNegative = true
+							}
+							
+							_rectX = _x;
+						}else{
+							
+							_w = ( _num / _maxNum || 1 ) * _positiveHeight;
+							_w = _w || 0;
+							
+							_x = _sp.x + _positiveOffset + _negativeHeight;
+							_positiveOffset += _w;
+							
+							_stackItem.hasPositive = true;
+						}
+						if( !( _h && _w ) ) return;
+						_totalWidth += _w;
+						
+						_rectItem.x = _x;						
+						_rectItem.k = _k;
+						_rectItem.sk = _sk;
+						_rectItem.y = _y;
+						_rectItem.width = _w;
+						_rectItem.height = _h;
+						_rectItem.value = _sitem.data[ _k ];
+						_rectItem.color = _config.itemColor( _sk );
+
+						_items.push( _rectItem );
+						
+						if( _rectItem.isNegative ){
+							_stackItem.data.negative.push( _rectItem );
+						}else{
+							_stackItem.data.positive.push( _rectItem );
+						}
+				});
+				
+//				fixPositiveSort( _stackItem.data.positive );
+				
+				_stackItem.width = _totalWidth;
+				_stackItem.height = _config.c.vpart;
+				_stackItem.x = _rectX;
+				_stackItem.y = _sp.y;
+				_stackItem.k = _k;
+				_stackItem.realX = _sp.x;
+				_stackItem.realY = _sp.y;
+				_stackItem.realWidth = _totalWidth;
+				_stackItem.realHeight = _config.c.vpart;
+				
+//				Log.log( _stackItem.x, _stackItem.y, _stackItem.width, _stackItem.height );
+				
+				_config.c.rects.push( _items );
+				_config.c.dataRect.push( _tmpDataRect );
+				_config.c.stackItems.push( _stackItem );
+			});
+			
+			
+//			Log.printFormatJSON( _config.c.stackItems );
+		}
+		
+		private function fixPositiveSort( _positiveItems:Array ):void{
+			if( !( _positiveItems && _positiveItems.length && _positiveItems.length > 1 ) ) return;
+			var _tmp:Array = []
+				, _tmpData:Object
+				, _maxLen:int = _positiveItems.length - 1
+				, _minY:Number = _positiveItems[_maxLen].y 
+				;
+			//				Log.log( data.data.positive[0].y, data.data.positive[1].y );
+			Common.each( _positiveItems, function( _k:int, _item:Object ):void{
+				_tmpData = {
+					y: _minY
+					, height: _item.height
+				};
+				_minY += _item.height;
+				_tmp.push( _tmpData );
+			} );
+			Common.each( _positiveItems, function( _k:int, _item:Object ):void{
+//				Log.log( _item.x, _tmp[ _k ].y, _item.width, _tmp[ _k ].height );
+				_item.y = _tmp[ _k ].y;
+				_item.height = _tmp[ _k ].height;
+			});
+		}
+		
+		private function calcChartPoint():void{
+			if( !_config.realItemLength ) return;
+			facade.registerMediator( new HStackBgLineMediator() );
+			
+			calcChartVPoint();
+			calcChartHPoint();
+		}
+		//横线
+		private function calcChartVPoint():void{		
+			var _partN:Number = _config.c.chartHeight / ( _config.realItemLength )
+				;
+			_config.c.vpart = _partN;
+			_config.c.itemHeight = _partN / 2;
+			_config.c.vpoint = [];
+			_config.c.vlinePoint = [];
+			_config.c.vpointReal = [];
+			_config.c.varrowPoint = [];
+			_config.c.itemWidth = _partN / 2;
+			
+			for( var i:int = 0; i <= _config.realItemLength; i++ ){
+				var _k:int = i;
+				var _n:Number = _config.c.chartY + _partN * _k;
+				_config.c.vpoint.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
+				});
+				
+				_config.c.vlinePoint.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
+				});
+				
+				_config.c.varrowPoint.push( {
+					start: new Point( _config.c.chartX - _config.yArrowLength, _n + _config.c.vpart / 2 )
+					, end: new Point( _config.c.chartX, _n + _config.c.vpart / 2 )
+				});
+				
+				_config.c.vpointReal.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
+				});
+			}
+
+		}
+		//竖线
+		private function calcChartHPoint():void{
+			if( !_config.yAxisEnabled ){
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+			}
+			var _partN:Number = _config.c.chartWidth / ( _config.rate.length - 1 || 1 )
+				;
+			
+			_config.c.hpart = _partN;
+			_config.c.hpoint = [];
+			_config.c.hlinePoint = [];
+			_config.c.hpointReal = [];
+			_config.c.itemWidthRate = 2;
+						
+			Common.each( _config.rate, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k;
+				
+				if( _k === 0 ){					
+					_config.c.hlinePoint.push( {
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					});					
+				}
+								
+				_config.c.hlinePoint.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpoint.push( {
+					start: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpointReal.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+			});
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+	
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/ClearCmd.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/ClearCmd.as
new file mode 100644
index 0000000..e059f9b
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/ClearCmd.as
@@ -0,0 +1,60 @@
+package org.xas.jchart.hstack.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.StackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.StackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.hstack.view.mediator.*;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/DrawCmd.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/DrawCmd.as
new file mode 100644
index 0000000..6cc1b86
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.hstack.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/FilterDataCmd.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/FilterDataCmd.as
new file mode 100644
index 0000000..bcc0358
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.hstack.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/components/GraphicView.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/components/GraphicView.as
new file mode 100644
index 0000000..c614b87
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/components/GraphicView.as
@@ -0,0 +1,104 @@
+package org.xas.jchart.hstack.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.HStackUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		
+		private var _config:Config;
+		
+		public function GraphicView()
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.stackItems && _config.c.stackItems.length ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			Common.each( _config.c.stackItems, function( _k:int, _item:Object ):void{
+				var _box:Sprite = new Sprite(), _ui:HStackUI;
+								
+				Common.extendObject( _item, {
+					animationEnabled: _config.animationEnabled
+					, duration: _config.animationDuration
+					, delay: _delay
+				}, true );
+//				Log.printFormatJSON( _item );
+				
+				_ui = new HStackUI( _item );
+				_box.mouseEnabled = false;
+				_box.addChild( _ui );
+				addChild( _box );
+				_boxs.push( _box );
+			});
+
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/mediator/GraphicMediator.as b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..4984fe5
--- /dev/null
+++ b/flash/source/chart/HStack/0.1/src/org/xas/jchart/hstack/view/mediator/GraphicMediator.as
@@ -0,0 +1,70 @@
+package org.xas.jchart.hstack.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.hstack.view.components.GraphicView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Histogram/0.1/.actionScriptProperties b/flash/source/chart/Histogram/0.1/.actionScriptProperties
index ac1dcb3..2ca6886 100644
--- a/flash/source/chart/Histogram/0.1/.actionScriptProperties
+++ b/flash/source/chart/Histogram/0.1/.actionScriptProperties
@@ -36,3 +36,7 @@
   <modules/>
   <buildCSSFiles/>
 </actionScriptProperties>
+
+
+
+
diff --git a/flash/source/chart/Histogram/0.1/src/Config.as b/flash/source/chart/Histogram/0.1/src/Config.as
index 695af99..e81894b 100644
--- a/flash/source/chart/Histogram/0.1/src/Config.as
+++ b/flash/source/chart/Histogram/0.1/src/Config.as
@@ -8,7 +8,9 @@ package
 		{
 			super();
 		}	
-
+		
+		override public function get chartName():String{ return 'Histogram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/bar/'; }
  
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Histogram/0.1/src/Histogram.as b/flash/source/chart/Histogram/0.1/src/Histogram.as
index dff4a0d..43fda48 100644
--- a/flash/source/chart/Histogram/0.1/src/Histogram.as
+++ b/flash/source/chart/Histogram/0.1/src/Histogram.as
@@ -10,25 +10,25 @@ package
 	import flash.system.Security;
 	import flash.utils.Timer;
 	import flash.utils.setInterval;
-	import flash.utils.setTimeout;
+	import flash.utils.setTimeout; 
 	
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.core.events.*;
 	import org.xas.core.ui.error.BaseError;
-	import org.xas.core.utils.Log;
+	import org.xas.core.utils.Log; 
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
-	import org.xas.jchart.common.data.test.DefaultData;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.histogram.MainFacade;
-	        
+	import org.xas.jchart.common.data.test.DefaultData; 
+	import org.xas.jchart.common.event.JChartEvent;  
+	import org.xas.jchart.histogram.MainFacade;     
+	         
 
 	//[SWF(frameRate="30", width="790", height="230")]
 	//[SWF(frameRate="30", width="385", height="225")]
 	//[SWF(frameRate="30", width="600", height="425")]
 	//[SWF(frameRate="30", width="590", height="360")]
-	//[SWF(frameRate="30", width="1400", height="460")]  
-	[SWF(frameRate="30", width="800", height="360")]
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="800", height="360")] 
 	public class Histogram extends Sprite 
 	{ 
 		private var _inited: Boolean = false;
@@ -75,7 +75,11 @@ package
 			runData();
 
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {}); 
 		}
@@ -87,6 +91,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
@@ -161,7 +169,7 @@ package
 			
 			if( !ExternalInterface.available ){		
 				if( !DefaultData.instance.data.length ) return;
-				_data = DefaultData.instance.data[23];
+				_data = DefaultData.instance.data[0];
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
 				
diff --git a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/CalcCoordinateCmd.as b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/CalcCoordinateCmd.as
index ff678ab..cba7215 100644
--- a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/CalcCoordinateCmd.as
@@ -2,7 +2,7 @@ package org.xas.jchart.histogram.controller
 {
 	import flash.external.ExternalInterface;
 	import flash.geom.Point;
-	
+	 
 	import org.puremvc.as3.multicore.interfaces.ICommand;
 	import org.puremvc.as3.multicore.interfaces.INotification;
 	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
@@ -12,7 +12,26 @@ package org.xas.jchart.histogram.controller
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.test.DefaultData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.StackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.StackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.HistogramHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.StackItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.HistogramSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.HistogramTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.StackVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.histogram.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -32,99 +51,102 @@ package org.xas.jchart.histogram.controller
 			_c = _config.setCoordinate( new Coordinate() );
 			
 			_c.corner = corner();
-			
-			_c.minX = _c.x + _config.vlabelSpace + 2;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _config.stageWidth - 5;
-			_c.maxY = _c.y + _config.stageHeight - 5;
-						
-			facade.registerMediator( new BgMediator( ) );
+									
+			facade.registerMediator( new BaseBgMediator( ) );
 			var _yPad:Number = _c.minY;
 			
-			//Log.log( _config.rate.length );
-			//Log.log( _config.maxNum, _config.finalMaxNum, _config.chartMaxNum, 11111 );
-			
-			if( _config.cd ){			
+			if( _config.cd ){
 				
-				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )	
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
-					_config.c.minY += pSubtitleMediator.view.height + 5;
-				}				
-				
-				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
-					
-					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
-					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
+					_config.c.minY += pSubtitleMediator.view.height;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}	
 				
+//				_config.c.maxX -= _config.hspace;
+				
 				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					_config.c.maxY -= pLegendMediator.view.height;
-					_config.c.legend = { 
-						x: _config.width / 2 - pLegendMediator.view.width / 2
-						, y: _config.c.maxY
-					};
-					_config.c.maxY -= 2;
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
 				}
 				
-				_config.c.maxX -= 5;
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
+					
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
+				}
 				
 				if( _config.yAxisEnabled ){
-					facade.registerMediator( new VLabelMediator() );
+					facade.registerMediator( new StackVLabelMediator() );
 					_config.c.minX += pVLabelMediator.maxWidth;
+					_config.c.minX += _config.yArrowLength;
 				}
 
 				_config.c.hoverPadY = 10;
 				if( _config.hoverBgEnabled ){
-					facade.registerMediator( new HoverBgMediator() );
+					facade.registerMediator( new HistogramHoverBgMediator() );
 					_config.c.minY += _config.c.hoverPadY;
 					_yPad += _config.c.hoverPadY;
 				}
 				
 				if( _config.itemBgEnabled ){
-					facade.registerMediator( new ItemBgMediator() );
+					facade.registerMediator( new StackItemBgMediator() );
 				}
 				
 				_config.c.serialLabelPadY = 15;
 				if( _config.serialLabelEnabled ){
-					facade.registerMediator( new SerialLabelMediator() );
-					_config.c.minY += _config.c.serialLabelPadY;
-					_yPad += _config.c.serialLabelPadY;
-				}
-				
-				_config.c.arrowLength = 8;
-				
-				if( _config.yAxisEnabled ){
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX - 5;
-				}else{
-					//_config.c.chartWidth = _config.c.maxX - 5;
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX;
+					facade.registerMediator( new HistogramSeriesLabelMediator() );
+//					_config.c.minY += _config.c.serialLabelPadY;
+//					_yPad += _config.c.serialLabelPadY;
 				}
+								
+				_config.c.vlabelMaxWidth = pVLabelMediator ? pVLabelMediator.maxWidth : 0;
 				
-				if( _config.categories && _config.categories.length ){
-					_config.c.labelWidth = _config.c.chartWidth / ( _config.categories.length ) / 2
+				if( _config.categories && _config.categories.length ) {
+					if( _config.displayAllLabel ){
+						_config.c.labelWidth = _config.c.chartWidth / _config.categories.length / 2;
+					} else {
+						if( _config.displayMod ){
+							_config.c.labelWidth = _config.c.chartWidth * _config.displayMod 
+								/ _config.categories.length;
+						} else {
+							_config.c.labelWidth = _config.c.chartWidth / 7;
+						}
+					}
 				}
 				
 				if( _config.xAxisEnabled ){
-					facade.registerMediator( new HLabelMediator() );
+					facade.registerMediator( new StackHLabelMediator() );
+					
 					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+					
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
 				}
+								
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
 			
 				if( _config.graphicHeight ){
 					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
@@ -138,34 +160,36 @@ package org.xas.jchart.histogram.controller
 					if( _config.c.credits ){
 						_config.c.credits.y -= _hpad;
 					}
-				}else{	
+				} else {
 					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
 				}
-							
 				
-				_config.c.chartX = _config.c.minX + _config.c.arrowLength - 2;
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
 				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
+				
+				facade.registerMediator( new StackGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new HistogramTipsMediator() );
 				//Log.log( _config.tooltipEnabled );
 				
 				
+				/* 添加HLabel重计算 */
+				
 				calcChartPoint();
 				
-				calcGraphic();	
+				calcGraphic();
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
 				}
-				
 				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
 			}
-									
+			
 			sendNotification( JChartEvent.SHOW_CHART );			
 		}
 		
-		private function calcGraphic():void{			
+		private function calcGraphic():void{
 			facade.registerMediator( new GraphicMediator() );
 			
 			_config.c.rects = [];
@@ -185,6 +209,15 @@ package org.xas.jchart.histogram.controller
 						_config.c.itemWidth - (_config.displaySeries.length - 1) * _config.c.partSpace
 					) / _config.displaySeries.length
 					;
+				
+				if( _config.c.partWidth < 1 ){				
+					_config.c.partSpace = 0; 
+					_config.c.partWidth = 
+						(
+							_config.c.itemWidth - (_config.displaySeries.length - 1) * _config.c.partSpace
+						) / _config.displaySeries.length
+						;
+				}
 			}
 			
 			//_config.c.partWidth > 50 && ( _config.c.partWidth = 50 );
@@ -196,7 +229,7 @@ package org.xas.jchart.histogram.controller
 			}
 			
 			
-			Common.each( _config.cd.xAxis.categories, function( _k:int, _item:Object ):void{
+			Common.each( _config.series[0].data, function( _k:int, _item:Object ):void{
 				
 				var _items:Array = []
 					, _pointItem:Object = _config.c.hlinePoint[ _k ]
@@ -217,15 +250,22 @@ package org.xas.jchart.histogram.controller
 					, _tmpYAr:Array = []
 					, _tmpHAr:Array = []
 					;
-				
+									
 				Common.each( _config.displaySeries, function( _sk:int, _sitem:Object ):void{
 					var _rectItem:Object = {}
 						, _num:Number = _sitem.data[ _k ]
 						, _itemNum:Number
-						, _h:Number, _y:Number
+						, _h:Number = 0, _y:Number
 						, _dataHeight:Number
+						, _maxNum:Number = _config.chartMaxNum
 						;
 						
+						if( _config.isAutoRate && !_config.hasNegative ){
+							_num -= _config.minNum;
+							_maxNum -= _config.minNum;
+						}
+						
+						
 						if( _config.isItemPercent && _config.displaySeries.length > 1 ){
 							_h = _config.c.vpart * _config.rateZeroIndex;
 							_h = ( _num / _config.itemMax( _k ) || 0 ) * _h;
@@ -236,6 +276,7 @@ package org.xas.jchart.histogram.controller
 								//Log.log( _num / _config.itemMax( _k ) * 100, _num, _config.itemMax( _k ) );
 							}
 						}else{
+							
 							if( Common.isNegative( _num ) || _num == 0 ){
 								_num = Math.abs( _num );
 								_dataHeight = _config.c.vpart * _config.rateZeroIndex;
@@ -250,7 +291,9 @@ package org.xas.jchart.histogram.controller
 								_rectItem.isNegative = true;
 							}else{
 								_h = _config.c.vpart * _config.rateZeroIndex;
-								_h = ( _num / _config.chartMaxNum || 1 ) * _h;
+								//Log.log( [ _config.c.vpart, _config.rateZeroIndex, _config.c.vpart * _config.rateZeroIndex ].join(', ' ) ); 
+								_h = ( _num / _maxNum || 1 ) * _h;
+								//Log.log( [ _num, _config.chartMaxNum, _num / _config.chartMaxNum ] );
 								_y = _sp.y 
 								+ _config.c.vpart * _config.rateZeroIndex - _h
 								;
@@ -259,6 +302,7 @@ package org.xas.jchart.histogram.controller
 						//Log.log( _h, _y );
 						
 						_rectItem.x = _x + _sk * _partWidth + _config.c.partSpace * _sk;
+						_h = _h || 1;
 						
 						_rectItem.y = _y;
 						_rectItem.width = _partWidth;
@@ -290,7 +334,7 @@ package org.xas.jchart.histogram.controller
 		}
 		
 		private function calcChartPoint():void{
-			facade.registerMediator( new BgLineMediator() );
+			facade.registerMediator( new StackBgLineMediator() );
 			
 			calcChartVPoint();
 			calcChartHPoint();
@@ -298,7 +342,6 @@ package org.xas.jchart.histogram.controller
 		
 		private function calcChartVPoint():void{
 			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
-				, _sideLen:Number = _config.c.arrowLength
 				;
 			_config.c.vpart = _partN;
 			_config.c.itemHeight = _partN / 2;
@@ -311,25 +354,24 @@ package org.xas.jchart.histogram.controller
 			}
 			
 			Common.each( _config.rate, function( _k:int, _item:* ):void{
-				var _n:Number = _config.c.minY + _partN * _k, _sideLen:int = _config.c.arrowLength;
+				var _n:Number = _config.c.chartY + _partN * _k;
 				_config.c.vpoint.push( {
-					start: new Point( _config.c.minX + _padX, _n )
-					, end: new Point( _config.c.maxX + _padX, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
 				});
 				
 				_config.c.vpointReal.push( {
-					start: new Point( _config.c.minX + _sideLen, _n )
-					, end: new Point( _config.c.maxX + _sideLen, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
 				});
 			});
-		}
+		} 
 		
 		private function calcChartHPoint():void{
 			if( !_config.yAxisEnabled ){
-				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
 			}
-			var _partN:Number = _config.c.chartWidth / ( _config.categories.length )
-				, _sideLen:Number = _config.c.arrowLength
+			var _partN:Number = _config.c.chartWidth / ( _config.realItemLength || 1 )
 				;
 			
 			_config.c.hpart = _partN;
@@ -339,70 +381,73 @@ package org.xas.jchart.histogram.controller
 			_config.c.itemWidthRate = 2;
 			_config.c.itemWidth = _partN / _config.c.itemWidthRate;
 						
-			Common.each( _config.categories, function( _k:int, _item:* ):void{
-				var _n:Number = _config.c.minX + _partN * _k + 5, _sideLen:int = _config.c.arrowLength;
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k;
 				
 				if( _k === 0 ){					
 					_config.c.hlinePoint.push( {
-						start: new Point( _n, _config.c.minY )
-						, end: new Point( _n, _config.c.maxY + 1 )
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
 					});					
 				}
 								
 				_config.c.hlinePoint.push( {
-					start: new Point( _n + _partN, _config.c.minY )
-					, end: new Point( _n + _partN, _config.c.maxY + 1 )
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
 				});
 				
 				_config.c.hpoint.push( {
-					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.maxY )
-					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.maxY + _sideLen )
+					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
 				});
 				
 				_config.c.hpointReal.push( {
-					start: new Point( _n, _config.c.minY )
-					, end: new Point( _n, _config.c.maxY )
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
 				});
 			});
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pSerialLabelMediator():SerialLabelMediator{
-			return facade.retrieveMediator( SerialLabelMediator.name ) as SerialLabelMediator;
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
 		}
 		
-		private function get pHLabelMediator():HLabelMediator{
-			return facade.retrieveMediator( HLabelMediator.name ) as HLabelMediator;
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
 		}
 		
-		private function get pVLabelMediator():VLabelMediator{
-			return facade.retrieveMediator( VLabelMediator.name ) as VLabelMediator;
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
-		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
diff --git a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/ClearCmd.as b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/ClearCmd.as
index 0e6c6b1..03d87dd 100644
--- a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/ClearCmd.as
+++ b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/ClearCmd.as
@@ -7,6 +7,21 @@ package org.xas.jchart.histogram.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
 	import org.xas.jchart.histogram.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,23 +35,25 @@ package org.xas.jchart.histogram.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+			
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );	
-			facade.hasMediator( ItemBgMediator.name ) && facade.removeMediator( ItemBgMediator.name );	
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/FilterDataCmd.as b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/FilterDataCmd.as
index 0e7664e..5e5cd00 100644
--- a/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/FilterDataCmd.as
+++ b/flash/source/chart/Histogram/0.1/src/org/xas/jchart/histogram/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.histogram.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.histogram.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Map/0.1/.project b/flash/source/chart/Map/0.1/.project
index 6699b45..4fa1ecd 100644
--- a/flash/source/chart/Map/0.1/.project
+++ b/flash/source/chart/Map/0.1/.project
@@ -1,7 +1,7 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <projectDescription>
-	<name>0.1</name>
-	<comment/>
+	<name>Map</name>
+	<comment></comment>
 	<projects>
 	</projects>
 	<buildSpec>
@@ -22,4 +22,3 @@
 		</link>
 	</linkedResources>
 </projectDescription>
-
diff --git a/flash/source/chart/Map/0.1/src/Map.as b/flash/source/chart/Map/0.1/src/Map.as
index d65d535..9ae15d3 100644
--- a/flash/source/chart/Map/0.1/src/Map.as
+++ b/flash/source/chart/Map/0.1/src/Map.as
@@ -16,10 +16,10 @@ package
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.core.events.*;
 	import org.xas.core.ui.error.BaseError;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
+	import org.xas.core.utils.Log; 
+	import org.xas.jchart.common.BaseConfig; 
 	import org.xas.jchart.common.data.test.MapData;
-	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.map.MainFacade; 
 	   
 	//[SWF(frameRate="30", width="790", height="230")]
@@ -66,8 +66,13 @@ package
 			runData();
 			
 			if( ExternalInterface.available ) {
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
 				ExternalInterface.addCallback( 'updateMouseWheel', updateMouseWheel );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 		}	
 		
@@ -87,6 +92,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );		
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{
 			if( !_inited ){
 				_ins._data = _data;
@@ -156,15 +165,18 @@ package
 			
 			var _data:Object = {};
 			
-			if( !ExternalInterface.available ){		
+			if( !ExternalInterface.available ){
+				if( !MapData.instance.data.length ) return;
 				_data = MapData.instance.data[0];
 			}else{
-				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};
 				
 				if( _loaderInfo.chart ){
 					_data = JSON.parse( _loaderInfo.chart );
 				}				
 				_data = _data || {};
+				
+				BaseConfig.ins.setParams( _data );
 			}
 			
 			update( _data );
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/MainFacade.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/MainFacade.as
index 42c265b..0ecb291 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/MainFacade.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/MainFacade.as
@@ -5,6 +5,9 @@ package org.xas.jchart.map
 	import org.puremvc.as3.multicore.interfaces.*;
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.controller.InitedCmd;
+	import org.xas.jchart.common.controller.ItemClickCmd;
+	import org.xas.jchart.common.controller.ItemHoverCmd;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.map.controller.CalcCoordinateCmd;
 	import org.xas.jchart.map.controller.ClearCmd;
@@ -33,6 +36,10 @@ package org.xas.jchart.map
 			registerCommand( JChartEvent.CLEAR, ClearCmd );
 			registerCommand( JChartEvent.DRAW, DrawCmd );
 			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+			
+			registerCommand( JChartEvent.ITEM_HOVER, ItemHoverCmd );
+			registerCommand( JChartEvent.ITEM_CLICK, ItemClickCmd );
+			registerCommand( JChartEvent.INITED, InitedCmd );
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/CalcCoordinateCmd.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/CalcCoordinateCmd.as
index 3e4e61c..ee866b3 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/CalcCoordinateCmd.as
@@ -13,6 +13,15 @@ package org.xas.jchart.map.controller
 	import org.xas.jchart.common.data.test.MapData;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.MapLegendMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.MapTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.MapVLabelMediator;
 	import org.xas.jchart.map.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -36,27 +45,27 @@ package org.xas.jchart.map.controller
 			_c.maxX = _c.x + _config.stageWidth - 5;
 			_c.maxY = _c.y + _config.stageHeight - 5;
 			
-			facade.registerMediator( new BgMediator( ) );
+			facade.registerMediator( new BaseBgMediator( ) );
 			var _yPad:Number = _c.minY;
 			
 			if( _config.cd ){
 				
 				//标题
 				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )
+					facade.registerMediator( new BaseTitleMediator( _config.cd.title.text ) )
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;
 				}
 				
 				//副标题
 				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) );
+					facade.registerMediator( new BaseSubtitleMediator( _config.cd.subtitle.text ) );
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
 					_config.c.minY += pSubtitleMediator.view.height + 5;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) );
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) );
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}
@@ -103,7 +112,7 @@ package org.xas.jchart.map.controller
 					}
 					
 					//初始化tips
-					_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+					_config.tooltipEnabled && facade.registerMediator( new MapTipsMediator() );
 					
 					//初始化callback
 					_config.c.initedCallback = _config.initedCallback;
@@ -119,14 +128,14 @@ package org.xas.jchart.map.controller
 					_config.c.legend.pX = 50 + _config.c.legend.width;
 					_config.c.legend.pY = _config.c.maxY - _config.c.legend.height - 5;
 					
-					facade.registerMediator( new LegendMediator() );
-					facade.registerMediator( new VLabelMediator() );
+					facade.registerMediator( new MapLegendMediator() );
+					facade.registerMediator( new MapVLabelMediator() );
 				}
 				
 				calcGraphic();
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( MapData.instance.data ) );
+					facade.registerMediator( new BaseTestMediator( MapData.instance.data ) );
 				}
 			}
 			sendNotification( JChartEvent.SHOW_CHART );
@@ -179,7 +188,7 @@ package org.xas.jchart.map.controller
 			_res._g = _fullhex.substr( 2, 2);
 			_res._b = _fullhex.substr( 4, 2);
 			return _res;
-		}
+		}  
 		
 		private function RGB2Hex( _r:String, _g:String, _b:String ):String{
 			var _nr:Number = parseInt( _r, 16 );
@@ -203,20 +212,20 @@ package org.xas.jchart.map.controller
 			
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pGraphicBgMediator():GraphicBgMediator{
-			return facade.retrieveMediator( GraphicBgMediator.name ) as GraphicBgMediator;
+		private function get pGraphicBgMediator():BaseGraphicBgMediator{
+			return facade.retrieveMediator( BaseGraphicBgMediator.name ) as BaseGraphicBgMediator;
 		}
 		
 		private function get mainMediator():MainMediator{
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/ClearCmd.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/ClearCmd.as
index f82ea27..7e63e90 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/ClearCmd.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/ClearCmd.as
@@ -7,6 +7,21 @@ package org.xas.jchart.map.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.map.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,23 +35,26 @@ package org.xas.jchart.map.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+			
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );	
-			facade.hasMediator( ItemBgMediator.name ) && facade.removeMediator( ItemBgMediator.name );	
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/FilterDataCmd.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/FilterDataCmd.as
index 54f80ca..478a4cb 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/FilterDataCmd.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.map.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.map.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/components/GraphicView.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/components/GraphicView.as
index 6b4c127..4186d6b 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/components/GraphicView.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/components/GraphicView.as
@@ -140,9 +140,11 @@ package org.xas.jchart.map.view.components
 			addChild( _mapStage );
 			addChild( _mask );
 			
-			if( ExternalInterface.available && _config.c.initedCallback ){
-				ExternalInterface.call( _config.c.initedCallback );
-			}
+//			if( ExternalInterface.available && _config.c.initedCallback ){
+//				ExternalInterface.call( _config.c.initedCallback );
+//			}
+			
+			dispatchEvent( new JChartEvent( JChartEvent.INITED, {} ) );
 		}
 		
 		protected function onMouseOver( _evt:MouseEvent ):void{
@@ -155,9 +157,7 @@ package org.xas.jchart.map.view.components
 			dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, { evt:_evt, index: _ix } ) );
 			dispatchEvent( new JChartEvent( JChartEvent.SHOW_LEGEND_ARROW, { evt:_evt, data: _target.data.data } ) );
 			
-			if( ExternalInterface.available && _config.c.hoverCallback ){
-				ExternalInterface.call( _config.c.hoverCallback, _boxs[ _ix ].data );
-			}
+			dispatchEvent( new JChartEvent( JChartEvent.ITEM_HOVER, _boxs[ _ix ].data ) );
 		}
 		
 		protected function onMouseMove( _evt:MouseEvent ):void{
@@ -182,9 +182,7 @@ package org.xas.jchart.map.view.components
 			var _target:JSprite = _evt.target as JSprite;
 			var _ix:int = _target.data.index;
 			
-			if( ExternalInterface.available && _config.c.clickCallback ){
-				ExternalInterface.call( _config.c.clickCallback, _boxs[ _ix ].data );
-			}
+			dispatchEvent( new JChartEvent( JChartEvent.ITEM_CLICK, _boxs[ _ix ].data ) );
 		}
 		
 		protected function onUpdateMouseWheel( _evt:JChartEvent ):void{
diff --git a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/mediator/GraphicMediator.as b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/mediator/GraphicMediator.as
index 20450e6..76da526 100644
--- a/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/mediator/GraphicMediator.as
+++ b/flash/source/chart/Map/0.1/src/org/xas/jchart/map/view/mediator/GraphicMediator.as
@@ -41,6 +41,18 @@ package org.xas.jchart.map.view.mediator
 			_view.addEventListener( JChartEvent.HIDE_LEGEND_ARROW, function( _evt:JChartEvent ):void{
 				sendNotification( JChartEvent.HIDE_LEGEND_ARROW, _evt.data );
 			});
+			
+			_view.addEventListener( JChartEvent.ITEM_CLICK, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.ITEM_CLICK, _evt.data );
+			} );
+			
+			_view.addEventListener( JChartEvent.ITEM_HOVER, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.ITEM_HOVER, _evt.data );
+			}  );
+			
+			_view.addEventListener( JChartEvent.INITED, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.INITED, _evt.data );
+			}  );
 		}
 		
 		override public function onRemove():void{
diff --git a/flash/source/chart/MixChart/0.1/.actionScriptProperties b/flash/source/chart/MixChart/0.1/.actionScriptProperties
new file mode 100644
index 0000000..39b0ed4
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/.actionScriptProperties
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="MixChart.as" projectUUID="8c325813-0eaf-4b18-aca5-7b354688bf4d" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="MixChart.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
diff --git a/flash/source/chart/MixChart/0.1/.project b/flash/source/chart/MixChart/0.1/.project
new file mode 100644
index 0000000..3eafced
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>MixChart</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/MixChart/0.1/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/MixChart/0.1/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.html
new file mode 100644
index 0000000..0bada49
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0}"
+                        , enabled: true
+                        , "serial": [
+                            {
+                                "name": "总体"
+                                , "data": [ 
+                                    1000, 2000, 3000, 4000, 5000, 6000
+                                    , 1000, 2000, 3000, 4000, 5000
+                                ]
+                            }
+                        ]
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.percent.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.percent.html
new file mode 100644
index 0000000..bc944b4
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.double.line.percent.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , enabled: true
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.html
new file mode 100644
index 0000000..eee714a
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.itemBg.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.itemBg.html
new file mode 100644
index 0000000..241d5f6
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.itemBg.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+            {
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}]
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			}
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_rate.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_rate.html
new file mode 100644
index 0000000..ae47850
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline.html
new file mode 100644
index 0000000..320a403
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline_hline.html b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline_hline.html
new file mode 100644
index 0000000..50899ff
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/demo.Histogram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    rateLabel: {
+                        enabled: false
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.1/_demo/index.php b/flash/source/chart/MixChart/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/MixChart/0.1/_demo/jq.js b/flash/source/chart/MixChart/0.1/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/_demo/json2.js b/flash/source/chart/MixChart/0.1/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/MixChart/0.1/_demo/swfobject.js b/flash/source/chart/MixChart/0.1/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/Config.as b/flash/source/chart/MixChart/0.1/src/Config.as
new file mode 100644
index 0000000..36de44a
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/Config.as
@@ -0,0 +1,195 @@
+package 
+{
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.ChartType;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.BaseMixChartModel;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+
+	public class Config extends BaseConfig
+	{
+		
+		public function Config()
+		{
+			super();
+		}			
+		
+		override public function get chartName():String{ return 'MixChart'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/mix/'; }
+		
+
+		override public function setChartData( _d:Object ):Object {
+			
+			super.setChartData( _d );
+			_mixModel = new BaseMixChartModel( this );
+			return _d;
+		}	
+		
+		override public function get yAxisEnabled():Boolean{
+			var _r:Boolean = true, _allFalse:Boolean = true;
+			
+			/*
+			if( cd && cd.yAxis && ( 'enabled' in cd.yAxis ) ){
+				_r = StringUtils.parseBool( cd.yAxis.enabled );
+			}
+			*/
+			Common.each( _mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):Boolean{
+				if( _item.enabeld ){
+//				if( _item.enabeld && _item.hasVTitle){
+					return _allFalse = false;
+				}
+				return true;
+			});
+//			Log.log( 'yAxisEnabled1:', _r );
+			
+			if( _allFalse ){
+				_r = false;
+			}
+//			Log.log( 'yAxisEnabled2:', _r );
+			
+			if( cd && cd.rateLabel && ( 'enabled' in cd.rateLabel ) ){
+				_r = StringUtils.parseBool( cd.rateLabel.enabled );
+			}
+//			Log.log( 'yAxisEnabled3:', _r );
+			
+			return _r;
+		}	
+		
+		override public function getYAxisIndex( _seriesItem:Object ):int{
+			var _r:int = 0;
+			_r = _seriesItem.yAxis || _r;
+			return _r;
+		}	
+		
+		override public function get hasVTitle():Boolean{
+			var _r:Boolean;
+			
+			/*
+			if( cd && cd.yAxis && ( 'enabled' in cd.yAxis ) ){
+			_r = StringUtils.parseBool( cd.yAxis.enabled );
+			}
+			*/
+			Common.each( _mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):Boolean{
+				if( 
+					_item.enabeld 
+					&& _item.params
+					&& _item.params.title
+					&& _item.params.title.text 
+				){
+					var _isEnabled:Boolean = true;
+					if( 'enabled' in _item.params.title ){
+						_isEnabled = StringUtils.parseBool( _item.params.title.enabled ) && _item.params.title.text;
+					}
+					if( _isEnabled ){
+						_r = true;
+						return false;
+					}
+				}
+				return true;
+			});
+			
+			return _r;
+		}
+		
+		
+		public function lineDashStyle( _seriesPart:Object ):String{
+			var _r:String = 'Solid';
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.line
+				&& this.cd.plotOptions.line.dashStyle
+				&& ( _r = this.cd.plotOptions.line.dashStyle );
+			
+			_seriesPart
+			&& _seriesPart.dashStyle
+				&& ( _r = _seriesPart.dashStyle );				
+			
+			return _r;
+		}
+		
+		public function isFillLine( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillColor' in this.cd.plotOptions.area )
+				&& ( _r = true );
+			
+			_seriesPart
+			&& ( 'fillColor' in _seriesPart )
+				&& ( _r = true );				
+			
+			return _r;
+		}
+		
+		public function isLineGradient( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& this.cd.plotOptions.area.fillColor
+				&& ( 'linearGradient' in this.cd.plotOptions.area.fillColor )
+				&& ( _r =  StringUtils.parseBool( this.cd.plotOptions.area.fillColor.linearGradient ) );
+			
+			_seriesPart
+			&& _seriesPart.fillColor 
+				&& ( 'linearGradient' in _seriesPart.fillColor )
+				&& ( _r = StringUtils.parseBool( _seriesPart.fillColor.linearGradient ) );				
+			
+			return _r;
+		}
+		
+		public function lineFillOpacity( _seriesPart:Object ):Number{
+			var _r:Number = .35;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillOpacity' in this.cd.plotOptions.area )
+				&& ( _r = this.cd.plotOptions.area.fillOpacity );
+			
+			_seriesPart
+			&& ( 'fillOpacity' in _seriesPart )
+				&& ( _r = _seriesPart.fillOpacity );				
+			
+			return _r;
+		}
+		
+		override public function get animationDuration():Number {
+			var _r:Number = 1;
+			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+			return _r;
+		}
+		
+		override public function get colors():Array{
+			var _r:Array = [ 
+				0x7cb5ec
+				, 0x09c100
+				, 0xf7a35c
+				, 0x8085e9
+				, 0x434348
+				, 0x90ed7d
+				, 0xf15c80
+				, 0xe4d354
+				, 0x8085e8
+				, 0x8d4653
+				, 0x91e8e1 
+			];
+	
+			chartData 
+				&& chartData.colors
+				&& chartData.colors.length
+				&& ( _r = chartData.colors );
+			
+			return _r;
+		}
+	
+ 
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/MixChart.as b/flash/source/chart/MixChart/0.1/src/MixChart.as
new file mode 100644
index 0000000..3482f40
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/MixChart.as
@@ -0,0 +1,187 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval; 
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log; 
+	import org.xas.jchart.common.BaseConfig;  
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.mixchart.MainFacade;  
+	        
+
+	//[SWF(frameRate="30", width="790", height="230")] 
+	//[SWF(frameRate="30", width="385", height="225")]
+	//[SWF(frameRate="30", width="600", height="425")]
+	//[SWF(frameRate="30", width="590", height="360")]
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="240", height="136")]
+	public class MixChart extends Sprite  
+	{ 
+		private var _inited: Boolean = false;
+		private var _timer:Timer;
+		private var _data:Object;   
+		private var _facade:Facade;
+		private var _resizeTimer:Timer;  
+		private var _ins:MixChart;
+		private var _loaderInfo:Object;  
+		
+		public function MixChart()
+		{			
+			flash.system.Security.allowDomain("*");	
+			_ins = this; 
+			
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			
+			BaseConfig.setIns( new Config() );
+			 
+			//update( {} );	
+			  
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			
+			//Log.log( Common.numberUp( 100 ) );
+			
+			runData();
+
+			if( ExternalInterface.available ){
+				try{
+					ExternalInterface.addCallback( 'update', extenalUpdate );				
+					ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
+			}
+			//BaseConfig.ins.setChartData( {}); 
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			//Log.printJSON( _evt.data );
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );			
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+			//_facade.sendNotification( JChartEvent.CLEAR );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop(); 
+		}		
+		 
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !MixChartData.instance.data.length ) return;
+				_data = MixChartData.instance.data[28];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}				
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.1, 2014-12-24';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as
new file mode 100644
index 0000000..8c29e56
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as
@@ -0,0 +1,151 @@
+package org.xas.jchart.curvegram.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.curvegram.view.mediator.CurveGramGraphicMediator;
+	import org.xas.jchart.histogram.view.mediator.*;
+	
+	public class CurveGram_CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _type:String;
+		private var _seriesAr:Array;
+		private var _gtype:Object;
+		
+		public function CurveGram_CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{			
+			
+			_type = notification.getType();
+			_seriesAr = notification.getBody() as Array;
+			if( !( _seriesAr && _seriesAr.length ) ) return;;
+			//Log.printJSON( _seriesAr );
+			//Log.printFormatJSON( _seriesAr );
+			//_model = _config.mixModel.items[ _body.modelIndex ];
+			//if( !_model ) return
+			
+			//Log.log( [ _type, new Date().getTime() ] );
+			_gtype = _config.c.mix[ _type ];
+			calc();
+			//Log.printJSON( _gtype );
+			//Log.log( Formatter.json( _gtype ) );
+			//Log.printFormatJSON( _gtype );
+			
+			facade.registerMediator( new CurveGramGraphicMediator( _seriesAr, _gtype ) );
+		}
+		
+		private function calc():void{			
+			_gtype.paths = [];
+			_gtype.vectorPaths = [];
+			if( !( _config.series && _config.series.length ) ) return;
+			_gtype.partWidth = _config.c.itemWidth / _seriesAr.length;
+			
+			//Log.log( _config.c.itemWidth );
+			
+			Common.each( _seriesAr, function( _k:int, _seitem:Object ):void {
+				
+				var _model:BaseMixChartModelItem = _config.mixModel.items[ _seitem.modelIndex ]
+				, _item:Object = _seitem.data
+				, _cmd:Vector.<int> = new Vector.<int>
+				, _path:Vector.<Number> = new Vector.<Number>
+				, _positions:Array = []
+				, _vectorPath:Vector.<Point> = new Vector.<Point>
+				;				
+				
+				Common.each( _item.data, function( _sk:int, _num:Number ):void {
+					var _rectItem:Object = {}
+					, _pointItem:Object = _config.c.hpointReal[ _sk ]
+					, _sp:Point = _pointItem.start as Point
+					, _ep:Point = _pointItem.end as Point
+					, _h:Number, _x:Number, _y:Number
+					, _itemNum:Number
+					, _dataHeight:Number = _config.c.vpart * _model.rateZeroIndex
+					, _dataY:Number
+					, _sNum:Number = _num
+					, _customRate:Boolean = _model.isAutoRate
+					, _minYvalue:Number;
+					
+					if( _config.isItemPercent && _seriesAr.length > 1 ) {
+						_h = _config.c.vpart * _model.rateZeroIndex;
+						if( _num > 0 ){
+							_h = ( _num / _model.itemMax( _sk ) || 1 ) * _h;
+						}
+						if( _num == 0 ){
+							_h = 0;
+						}
+						_y = _sp.y + _dataHeight - _h;
+						
+						if( _sk === 0 ) {
+							//Log.log( _num / _model.itemMax( _sk ) * 100, _num, _model.itemMax( _sk ) );
+						}
+					} else {
+						if( Common.isNegative( _num ) && _num != 0 ) {
+							if( _customRate ) {
+								_minYvalue = _model.realRate[ 0 ];
+								
+								_num = Math.abs( _num ) - _minYvalue;
+								
+								_h = ( _num / Math.abs( _model.finalMaxNum * 
+									_model.rate[ _model.rate.length - 1 ] ) ) *
+								( _config.c.chartHeight - _dataHeight );
+								
+								_y = _sp.y + _dataHeight + _h;
+							} else {
+								_num = Math.abs( _num );
+								_h = ( _num / Math.abs( _model.finalMaxNum * 
+									_model.rate[ _model.rate.length - 1 ] ) ) *
+								( _config.c.chartHeight - _dataHeight );
+								
+								_y = _sp.y + _dataHeight + _h;
+							}
+						} else {
+							if( _customRate ) {
+								_minYvalue = _model.realRate[ _model.realRate.length - 1 ];
+								
+								_h = ( _num > _minYvalue ) ? ( ( ( _num -_minYvalue ) /
+									( _model.chartMaxNum - _minYvalue ) || 1 ) * _dataHeight ) : 0;
+								_y = _sp.y + _dataHeight - _h;
+							} else {
+								_h = ( _num == 0 ) ? 0 : ( ( _num / _model.chartMaxNum || 1 ) * _dataHeight );
+								_y = _sp.y + _dataHeight - _h;
+							}
+						}
+					}
+					_x = _sp.x;
+					_x += _config.c.itemWidth;
+					
+					_cmd.push( _sk === 0 ? 1 : 2 );
+					_path.push( _x, _y );
+					_vectorPath.push( new Point( _x, _y ) );
+					_positions.push( { x: _x, y: _y, value: _sNum } );
+				});
+				
+				_gtype.paths.push( { cmd: _cmd, path: _path, position: _positions, data: _item } );
+				_gtype.vectorPaths.push( _vectorPath );
+			});
+
+		}
+
+		
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as
new file mode 100644
index 0000000..83bc57e
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/components/GraphicView.as
@@ -0,0 +1,187 @@
+package org.xas.jchart.curvegram.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.CurveGramUI;
+	import org.xas.jchart.common.ui.widget.JFillLine;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<CurveGramUI>;
+		
+		private var _preIndex:int = -1;
+		private var _nowIndex:int;
+		
+		private var _config:Config;
+				
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function GraphicView( _seriesAr:Array, _coordinate:Object )
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+		
+		private function update( _evt:JChartEvent ):void{
+			
+			if( !( _coordinate && _coordinate.paths && _coordinate.paths.length ) ) return;
+			
+			graphics.clear();
+			_boxs = new Vector.<CurveGramUI>;
+			
+			var _delay:Number = 0;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
+			Common.each( _coordinate.paths, function( _k:int, _item:Object ):void{
+				
+				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
+				, _path:Vector.<Number> = _item.path as Vector.<Number>
+				, _gitem:CurveGramUI
+				, _vectorPath:Vector.<Point> = _coordinate.vectorPaths[ _k ] as Vector.<Point>
+				;
+				
+				//Log.log( '_item.data.displayIndex:', _item.data.displayIndex );
+				if( _config.isFillLine( _item.data ) ){
+					addChild( 
+						new JFillLine( 
+							_vectorPath
+							, { 
+								thickness: 2
+								, lineColor: _config.itemColor( _item.data.displayIndex )
+								, fillOpacity: _config.lineFillOpacity( _item.data ) 
+								, delayShow: _delay + BaseConfig.ins.animationEnabled
+								, animationEnabled: BaseConfig.ins.animationEnabled
+								, duration: BaseConfig.ins.animationDuration
+								, delay: _delay
+							}
+							, _config.isLineGradient( _item.data )
+						) 
+					);
+				}
+				
+			});
+			
+			Common.each( _coordinate.paths, function( _k:int, _item:Object ):void{
+				
+				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
+				, _path:Vector.<Number> = _item.path as Vector.<Number>
+				, _gitem:CurveGramUI
+				, _vectorPath:Vector.<Point> = _coordinate.vectorPaths[ _k ] as Vector.<Point>
+				;
+				
+				addChild(
+					_gitem = new CurveGramUI(
+						_cmd
+						, _path
+						, _config.itemColor( _item.data.displayIndex )
+						, _vectorPath 
+						, _config.lineDashStyle( _item.data )
+						, {
+							animationEnabled: BaseConfig.ins.animationEnabled
+							, duration: BaseConfig.ins.animationDuration
+							, delay: _delay
+							, turnColor: true
+							, iconRadius: 4
+							, index: _item.data.displayIndex
+							, seriesIndex: _item.data.displayIndex
+							, pointEnabled: BaseConfig.ins.pointEnabled( _item.data )
+							, hoverShow: BaseConfig.ins.pointHoverShow( _item.data )
+							, lineSmooth: BaseConfig.ins.lineSmoothEnable
+						}
+					)
+				);
+				
+				_boxs.push( _gitem );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{	
+			
+			if( _preIndex >= 0 ){
+				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+					( _k  < _boxs.length ) 
+					&& _boxs[ _k ] && _boxs[ _k ].items 
+					&& ( _preIndex  < _boxs[ _k ].items.length )
+//					&& _boxs[ _k ].items[ _preIndex ].unhover()
+					&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+					;
+				});
+			}
+			_preIndex = -1;
+			
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;
+			
+			_nowIndex = _ix;
+			
+			if( !_boxs || _boxs.length == 0 ) return;
+			if( _preIndex == _ix ) return;
+			
+			if( _preIndex >= 0 ){
+				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+					
+					( _k  < _boxs.length ) 
+					&& _boxs[ _k ].items  
+					&& ( _preIndex < _boxs[ _k ].items.length ) 
+//					&& _boxs[ _k ].items[ _preIndex ].unhover()
+					&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+					;
+					
+				});
+			}
+			Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+				
+				( _k  < _boxs.length ) 
+				&& _boxs[ _k ].items
+				&& ( _ix < _boxs[ _k ].items.length ) 
+//				&& _boxs[ _k ].items[ _ix ].hover()
+				&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _ix, action: 'show' } ) )
+				;
+				
+			});
+			
+			_preIndex = _ix;
+		}
+
+		
+
+	}
+}
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as
new file mode 100644
index 0000000..1f64648
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.curvegram.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.curvegram.view.components.GraphicView;
+	
+	public class CurveGramGraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartCurveGramMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		private var _config:Config;
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function CurveGramGraphicMediator( _seriesAr:Array, _coordinate:Object )
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+		}
+		
+		override public function onRegister():void{
+			//Log.log( [ 'PChartCurveGramMediator', new Date().getTime() ] );
+			mainMediator.view.index8.addChild( _view = new GraphicView( _seriesAr, _coordinate ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent && _view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as
new file mode 100644
index 0000000..34f7c9a
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as
@@ -0,0 +1,194 @@
+package org.xas.jchart.histogram.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.formatter.Formatter;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.histogram.view.mediator.*;
+	
+	public class Histogram_CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _type:String;
+		private var _seriesAr:Array;
+		private var _gtype:Object;
+		
+		public function Histogram_CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			_type = notification.getType();
+			_seriesAr = notification.getBody() as Array;
+			if( !( _seriesAr && _seriesAr.length ) ) return;;
+			//Log.printJSON( _seriesAr );
+			//Log.printFormatJSON( _seriesAr );
+			//_model = _config.mixModel.items[ _body.modelIndex ];
+			//if( !_model ) return
+			
+			//Log.log( [ _type, new Date().getTime() ] );
+			_gtype = _config.c.mix[ _type ];
+			calc();
+			//Log.printJSON( _gtype );
+			//Log.log( Formatter.json( _gtype ) );
+			//Log.printFormatJSON( _gtype );
+			
+			facade.registerMediator( new HistogramGraphicMediator( _seriesAr, _gtype ) );
+		}
+		
+		private function calc():void{			
+			
+			_gtype.rects = [];
+			_gtype.dataRect = [];
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			_gtype.partSpace = 0; 
+			_gtype.partWidth = 
+				_config.c.itemWidth /_seriesAr.length
+				;
+			
+			if( _seriesAr.length > 1 ){				
+				_gtype.partSpace = 4; 
+				_gtype.partWidth = 
+					(
+						_config.c.itemWidth - (_seriesAr.length - 1) * _gtype.partSpace
+					) / _seriesAr.length
+					;
+			}
+			
+			//_gtype.partWidth > 50 && ( _gtype.partWidth = 50 );
+			var _partWidth:Number = _gtype.partWidth
+				;
+			//_partWidth > 50 && ( _partWidth = 50 );
+			if( _partWidth > 50 ){
+				_partWidth = 50;
+			}
+			
+			
+			Common.each( _config.series[0].data, function( _k:int, _item:Object ):void{
+				
+				var _items:Array = []
+				, _pointItem:Object = _config.c.hlinePoint[ _k ]
+				, _sp:Point = _pointItem.start as Point
+				, _ep:Point = _pointItem.end as Point
+				//, _x:Number = _sp.x + ( _gtype.itemWidth - _gtype.itemWidth / 2 )
+				, _x:Number = _sp.x 
+				+ ( _config.c.itemWidth 
+					- _partWidth * _seriesAr.length / 2
+					- _gtype.partSpace * ( ( _seriesAr.length || 1 ) - 1 ) / 2 
+				)
+				, _tmp:Number = 0
+				, _tmpDataRect:Object = {
+					x: _sp.x, y: _sp.y
+					, width: _config.c.itemWidth * 2
+					, height: _ep.y - _sp.y 
+				}
+				, _tmpYAr:Array = []
+				, _tmpHAr:Array = []
+				;
+				
+				Common.each( _seriesAr, function( _sk:int, _seitem:Object ):void{
+					var _model:BaseMixChartModelItem =  _config.mixModel.items[ _seitem.modelIndex ] 
+					, _rectItem:Object = {}
+					, _sitem:Object = _seitem.data
+					, _num:Number = _sitem.data[ _k ]
+					, _itemNum:Number
+					, _h:Number = 0, _y:Number
+					, _dataHeight:Number
+					, _maxNum:Number = _model.chartMaxNum
+					;
+					
+					if( _model.isAutoRate && !_model.hasNegative ){
+						_num -= _model.minNum;
+						_maxNum -= _model.minNum;
+						//Log.log( [_num, _model.minNum, _num - _model.minNum ] );
+					}
+					
+					
+					if( _config.isItemPercent && _seriesAr.length > 1 ){
+						_h = _config.c.vpart * _model.rateZeroIndex;
+						_h = ( _num / _model.itemMax( _k ) || 0 ) * _h;
+						_y = _sp.y 
+						+ _config.c.vpart * _model.rateZeroIndex - _h
+						;
+						if( _k === 0 ){
+							//Log.log( _num / _model.itemMax( _k ) * 100, _num, _model.itemMax( _k ) );
+						}
+					}else{
+						
+						if( Common.isNegative( _num ) || _num == 0 ){
+							_num = Math.abs( _num );
+							_dataHeight = _config.c.vpart * _model.rateZeroIndex;
+							
+							_h = _config.c.chartHeight - _dataHeight;
+							_y = _sp.y + _dataHeight ;
+							_h = 
+							( _num / 
+								Math.abs( _model.finalMaxNum * _model.rate[ _model.rate.length - 1 ] ) ) 
+							* _h;
+							//Log.log( _h, _model.finalMaxNum );
+							_rectItem.isNegative = true;
+						}else{
+							_h = _config.c.vpart * _model.rateZeroIndex;
+							//Log.log( [ _gtype.vpart, _model.rateZeroIndex, _gtype.vpart * _model.rateZeroIndex ].join(', ' ) ); 
+							_h = ( _num / _maxNum || 1 ) * _h;
+							//Log.log( [ _num, _model.chartMaxNum, _num / _model.chartMaxNum ] );
+							_y = _sp.y 
+							+ _config.c.vpart * _model.rateZeroIndex - _h
+							;
+						}
+					}						
+					//Log.log( _h, _y );
+					
+					_rectItem.x = _x + _sk * _partWidth + _gtype.partSpace * _sk;
+					_h = _h || 1;
+					
+					_rectItem.y = _y;
+					_rectItem.width = _partWidth;
+					_rectItem.height = _h;
+					_rectItem.value = _sitem.data[ _k ];
+					
+					_tmpYAr.push( _y );
+					_tmpHAr.push( _h );
+					
+					_items.push( _rectItem );
+				});
+				
+				_tmpDataRect.y = Math.min.apply( null, _tmpYAr );
+				_tmpDataRect.height = Math.max.apply( null, _tmpHAr );
+				
+				if( _config.hoverBgEnabled ){
+					_tmpDataRect.y -= _config.c.hoverPadY;
+					_tmpDataRect.height += _config.c.hoverPadY
+				}
+				
+				if( _config.serialLabelEnabled ){
+					_tmpDataRect.y -= _config.c.serialLabelPadY;
+					_tmpDataRect.height += _config.c.serialLabelPadY
+				}
+				
+				_gtype.rects.push( _items );
+				_gtype.dataRect.push( _tmpDataRect );
+			});
+		}
+		
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/components/GraphicView.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/components/GraphicView.as
new file mode 100644
index 0000000..35596dc
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/components/GraphicView.as
@@ -0,0 +1,126 @@
+package org.xas.jchart.histogram.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function GraphicView( _seriesAr:Array, _coordinate:Object )
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			
+			//Log.log( [ 'PChartHistogramMediator GraphicView', new Date().getTime() ] );
+			graphics.clear();
+			
+			if( !( _config.c && _coordinate.rects ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			//Log.log( _config.maxValue );
+			//Log.printFormatJSON( _coordinate.rects );
+			Common.each( _coordinate.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+							
+					var _color:uint = _config.itemColor( _sk );
+					if( _sitem.value == _config.maxValue ){
+						//Log.log( _config.maxValue, _sitem.value );
+						if( 'style' in _config.maxItemParams && 'color' in _config.maxItemParams.style ){
+							_color = _config.maxItemParams.style.color;
+						}
+					}
+					
+					var _item:HistogramUI = new HistogramUI(
+						_sitem.x, _sitem.y
+						, _sitem.width, _sitem.height
+						, _color 
+						, {
+							animationEnabled: _config.animationEnabled
+							, isNegative: _sitem.isNegative
+							, duration: _config.animationDuration
+							, delay: _delay
+							, index: _sk
+							, seriesIndex: _k
+							, dataIndex: _k
+						}
+					);
+					//_item.mouseEnabled = false;
+					_box.addChild( _item );
+				});
+				addChild( _box );
+				_boxs.push( _box );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as
new file mode 100644
index 0000000..9ca8b46
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.histogram.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.histogram.view.components.GraphicView;
+	
+	public class HistogramGraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartHistogramMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		private var _config:Config;
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function HistogramGraphicMediator( _seriesAr:Array, _coordinate:Object )
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+		}
+		
+		override public function onRegister():void{
+			//Log.log( [ 'PChartHistogramMediator', new Date().getTime() ] );
+			mainMediator.view.index7.addChild( _view = new GraphicView( _seriesAr, _coordinate ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/MainFacade.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/MainFacade.as
new file mode 100644
index 0000000..982521e
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/MainFacade.as
@@ -0,0 +1,49 @@
+package org.xas.jchart.mixchart
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.controller.*;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.curvegram.controller.CurveGram_CalcCoordinateCmd;
+	import org.xas.jchart.histogram.controller.Histogram_CalcCoordinateCmd;
+	import org.xas.jchart.mixchart.controller.CalcCoordinateCmd;
+	import org.xas.jchart.mixchart.controller.ClearCmd;
+	import org.xas.jchart.mixchart.controller.DrawCmd;
+	import org.xas.jchart.mixchart.controller.FilterDataCmd;
+	
+	public class MainFacade extends BaseFacade implements ICommand
+	{
+		public static const name:String = 'MixChartFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			super.initializeController();
+			
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			registerCommand( JChartEvent.MIX_CHART_CALC_COORDINATE_BAR, Histogram_CalcCoordinateCmd );
+			registerCommand( JChartEvent.MIX_CHART_CALC_COORDINATE_LINE, CurveGram_CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd ); 
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..93e54bc
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as
@@ -0,0 +1,459 @@
+package org.xas.jchart.mixchart.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	import flash.sensors.Accelerometer;
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.ui.text.RotationText;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.ui.widget.DisplayRotation;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.MixChartBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.MixChartGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.MixChartHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.MixChartLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.MixChartSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.MixChartTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.mixchart.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate;
+		private var _config:Config;
+		
+		public function CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+			
+//			Log.log( _config.serialLabelEnabled, _config.superSerialLabelEnabled );
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+			
+			_c.minX = _c.x + _config.vlabelSpace + 2 + _config.vspace;
+			_c.minY = _c.y + _config.vspace;
+			_c.maxX = _c.x + _config.stageWidth - _config.vspace * 2;
+			_c.maxY = _c.y + _config.stageHeight - _config.vspace;
+
+			_c.vtitle = {};
+									
+			facade.registerMediator( new BaseBgMediator( ) );
+			var _yPad:Number = _c.minY;
+			
+//			Log.log( 'labelRotation:', _config.labelRotationEnable );
+			
+			if( _config.cd ){			
+				
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
+				}
+				
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height + 5;
+				}
+				
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new MixChartLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+
+				
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}	
+				
+//				_config.c.maxX -= 5;
+				
+				
+				if( _config.yAxisEnabled ){
+					
+					facade.registerMediator( new BaseMixChartVLabelMediator() );
+					
+					if( _config.hasVTitle ){
+						//Log.log( 'hasVTitle', new Date().getTime() );
+						facade.registerMediator( new BaseMixChartVTitleMediator() );
+					}
+					
+					/*
+					if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
+					facade.registerMediator( new BaseVTitleMediator( _config.cd.yAxis.title.text ) )
+					
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
+					}
+					*/
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( _item.isOpposite ) return;
+
+						if( _item.hasVTitle ){
+							
+							_config.c.vtitle[ _k ] = {
+								x: _config.c.minX + pMixChartVTitleMediator.getWidth( _k ) / 2
+								, y: _config.c.height / 2
+							}
+							
+							_config.c.minX += pMixChartVTitleMediator.getWidth( _k );
+						}
+						
+						_config.c.minX += pMixChartVLabelMediator.getMaxWidth( _k );
+						_item.left = _config.c.minX ;
+						_config.c.minX += _config.vlabelSpace;
+						
+						_config.c.hasYAxis = true;
+					});
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( !_item.isOpposite ) return;
+
+						if( _item.hasVTitle ){
+							_config.c.maxX -= pMixChartVTitleMediator.getWidth( _k );
+							
+							_config.c.vtitle[ _k ] = {
+								x: _config.c.maxX + pMixChartVTitleMediator.getWidth( _k ) / 2
+								, y: _config.c.height / 2
+							}
+							
+						}
+						
+						_config.c.maxX -= pMixChartVLabelMediator.getMaxWidth( _k );
+						_item.left = _config.c.maxX;
+						_config.c.maxX -= _config.vlabelSpace;
+						
+						_config.c.hasOppositeYAxis = true;
+					}, true );
+					
+					if( _config.c.hasYAxis ){
+						_config.c.minX += _config.yArrowLength;
+					}
+					
+					if( _config.c.hasOppositeYAxis ){
+						_config.c.maxX -= _config.yArrowLength;
+					}
+				}
+
+				_config.c.hoverPadY = 10;
+				if( _config.hoverBgEnabled ){
+					facade.registerMediator( new BaseHoverBgMediator() );
+					_config.c.minY += _config.c.hoverPadY;
+					_yPad += _config.c.hoverPadY;
+				}
+				
+				if( _config.itemBgEnabled ){
+					facade.registerMediator( new BaseItemBgMediator() );
+				}
+				
+				_config.c.serialLabelPadY = 15;
+				if( _config.serialLabelEnabled ){
+					facade.registerMediator( new MixChartSeriesLabelMediator() );
+//					_config.c.minY += _config.c.serialLabelPadY;
+//					_yPad += _config.c.serialLabelPadY;
+				}
+//				Log.log('_config.serialLabelEnabled:', _config.serialLabelEnabled  );
+				
+//				_config.c.vlabelMaxWidth = pMixChartVLabelMediator ? pMixChartVLabelMediator.maxWidth : 0;
+//				
+//				if( _config.categories && _config.categories.length ) {
+//					if( _config.displayAllLabel ){
+//						_config.c.labelWidth = _config.c.chartWidth / _config.categories.length / 2;
+//					} else {
+//						if( _config.displayMod ){
+//							_config.c.labelWidth = _config.c.chartWidth * _config.displayMod 
+//								/ _config.categories.length;
+//						} else {
+//							_config.c.labelWidth = _config.c.chartWidth / 7;
+//						}
+//					}
+//				}
+
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new MixChartHLabelMediator() );
+					
+					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+					
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
+
+				}
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX;
+			
+				if( _config.graphicHeight ){
+					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
+					_config.c.chartHeight = _config.graphicHeight - _yPad;		
+					_config.c.maxY -= _hpad;
+					
+					if( _config.c.legend ){
+						_config.c.legend.y -= _hpad;
+					}
+					
+					if( _config.c.credits ){
+						_config.c.credits.y -= _hpad;
+					}
+				}else{	
+					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				}	
+				
+				_config.c.chartX = _config.c.minX - 2;
+				_config.c.chartY = _config.c.minY;
+				
+				if( _config.yAxisEnabled ){
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+												
+						if( _item.hasVTitle && _config.c.vtitle[ _k ] ){
+							_config.c.vtitle[ _k ].y = _config.c.chartY +  _config.c.chartHeight / 2
+						}
+					});
+				}
+//				Log.log( _config.c.chartY, _config.c.chartHeight );
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
+				
+				facade.registerMediator( new MixChartGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new MixChartTipsMediator() );
+				//Log.log( _config.tooltipEnabled );
+								
+				calcChartPoint();
+				//_config.mixModel.calcGraphic();
+								
+				if( _config.yAxisEnabled && _config.labelRotationEnable ){
+					//Log.log( _config.c.chartX );
+					var _fixOffset:Number = _config.c.chartX
+						, _opOffset:Number = _config.c.chartX + _config.c.chartWidth
+						;
+					if( _config.vlineEnabled ){
+						_fixOffset -= _config.xArrowLength;
+						_opOffset +=_config.xArrowLength;
+					}
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( _item.isOpposite ) return;
+						_fixOffset -= 1;
+						_item.left = _fixOffset;
+						_fixOffset -= pMixChartVLabelMediator.getMaxWidth( _k );
+						
+						if( _item.hasVTitle ){
+							_fixOffset -= pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_config.c.vtitle[ _k ].x = _fixOffset;
+							_fixOffset -= pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_fixOffset -= _config.vlabelSpace;
+						}
+					}, true );
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( !_item.isOpposite ) return;
+						
+						_opOffset += 1;
+						_item.left = _opOffset;
+						_opOffset += pMixChartVLabelMediator.getMaxWidth( _k );
+						
+						if( _item.hasVTitle ){
+							_opOffset += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_config.c.vtitle[ _k ].x = _opOffset;
+							_opOffset += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_opOffset += _config.vlabelSpace;
+						}
+					} );
+				}
+				
+				_config.c.mix = {};
+				Common.each( _config.mixModel.graphicType, function( _k:String, _item:* ):void{
+					//Log.printClass( _item.model as MixChartModelItem );
+					//Log.printJSON( _item );
+					_config.c.mix[ _k ] = { srcData: _item };
+					sendNotification( JChartEvent.MIX_CHART_CALC_COORDINATE_PREFIX + _k, _item, _k );
+				});
+				
+				if( !ExternalInterface.available ){
+					facade.registerMediator( new BaseTestMediator( MixChartData.instance.data ) );	
+				}
+				
+				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
+			}
+			
+//			return;
+			
+			sendNotification( JChartEvent.SHOW_CHART );		
+			
+//			var _textf:DisplayRotation = new DisplayRotation( '123456789', 90, function( _stf:TextField ):void{
+//				
+//				Common.implementStyle( _stf, [
+//					DefaultOptions.title.style
+//				] );
+//				
+//			});
+//			//_textf.x = 0;
+//			//_textf.y = 0;
+//			mainMediator.view.index12.addChild( _textf );	
+		}
+				
+		private function calcChartPoint():void{
+			facade.registerMediator( new MixChartBgLineMediator() );
+			
+			calcChartVPoint();
+			calcChartHPoint();
+		}
+		
+		private function calcChartVPoint():void{
+			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
+				;
+			_config.c.vpart = _partN;
+			_config.c.itemHeight = _partN / 2;
+			_config.c.vpoint = [];
+			_config.c.vpointReal = [];
+			
+			Log.log( _config.rate );
+			
+			Common.each( _config.rate, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartY + _partN * _k;
+				_config.c.vpoint.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth + 1, _n )
+				});
+				
+				_config.c.vpointReal.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth, _n )
+				});
+			});
+		}
+		
+		private function calcChartHPoint():void{
+			if( !_config.yAxisEnabled ){
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+			}
+			var _partN:Number = _config.c.chartWidth / ( _config.realItemLength || 1 )
+				;
+			
+			_config.c.hpart = _partN;
+			_config.c.hpoint = [];
+			_config.c.hlinePoint = [];
+			_config.c.hpointReal = [];
+			_config.c.itemWidthRate = 2;
+			_config.c.itemWidth = _partN / _config.c.itemWidthRate;
+						
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k;
+				
+				if( _k === 0 ){					
+					_config.c.hlinePoint.push( {
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					});					
+				}
+								
+				_config.c.hlinePoint.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpoint.push( {
+					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight  )
+					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpointReal.push( {
+					start: new Point( _n, _config.c.chartY )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+				});
+			});
+		}
+		
+		private function get pMixChartVTitleMediator():BaseMixChartVTitleMediator{
+			return facade.retrieveMediator( BaseMixChartVTitleMediator.name ) as BaseMixChartVTitleMediator;
+		}
+		
+		private function get pMixChartVLabelMediator():BaseMixChartVLabelMediator{
+			return facade.retrieveMediator( BaseMixChartVLabelMediator.name ) as BaseMixChartVLabelMediator;
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/ClearCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/ClearCmd.as
new file mode 100644
index 0000000..e2b47f1
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/ClearCmd.as
@@ -0,0 +1,66 @@
+package org.xas.jchart.mixchart.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.curvegram.view.mediator.CurveGramGraphicMediator;
+	import org.xas.jchart.histogram.view.mediator.HistogramGraphicMediator;
+	import org.xas.jchart.mixchart.view.mediator.GraphicMediator;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			facade.hasMediator( BaseMixChartVLabelMediator.name ) && facade.removeMediator( BaseMixChartVLabelMediator.name );
+			facade.hasMediator( BaseMixChartVTitleMediator.name ) && facade.removeMediator( BaseMixChartVTitleMediator.name );
+			
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+						
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			
+			
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+			facade.hasMediator( HistogramGraphicMediator.name ) && facade.removeMediator( HistogramGraphicMediator.name );	
+			facade.hasMediator( CurveGramGraphicMediator.name ) && facade.removeMediator( CurveGramGraphicMediator.name );	
+			
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/DrawCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/DrawCmd.as
new file mode 100644
index 0000000..a8cb47b
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.mixchart.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as
new file mode 100644
index 0000000..86d8fdd
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.mixchart.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/components/GraphicView.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/components/GraphicView.as
new file mode 100644
index 0000000..7e687ae
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/components/GraphicView.as
@@ -0,0 +1,122 @@
+package org.xas.jchart.mixchart.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		public function GraphicView()
+		{
+			super(); 
+			_config = BaseConfig.ins as Config;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			/*
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.rects ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			//Log.log( _config.maxValue );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+							
+					var _color:uint = _config.itemColor( _sk );
+					if( _sitem.value == _config.maxValue ){
+						//Log.log( _config.maxValue, _sitem.value );
+						if( 'style' in _config.maxItemParams && 'color' in _config.maxItemParams.style ){
+							_color = _config.maxItemParams.style.color;
+						}
+					}
+					
+					var _item:HistogramUI = new HistogramUI(
+						_sitem.x, _sitem.y
+						, _sitem.width, _sitem.height
+						, _color 
+						, {
+							animationEnabled: _config.animationEnabled
+							, isNegative: _sitem.isNegative
+							, duration: _config.animationDuration
+							, delay: _delay
+						}
+					);
+					_item.mouseEnabled = false;
+					_box.addChild( _item );
+				});
+				addChild( _box );
+				_boxs.push( _box );
+			});
+			*/
+			
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{	
+			/*
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+			*/
+			
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			/*
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+			*/
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..ef18fe7
--- /dev/null
+++ b/flash/source/chart/MixChart/0.1/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.mixchart.view.mediator
+{
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.ui.text.RotationText;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.mixchart.view.components.GraphicView;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		private var _config:Config;
+		
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );		
+
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/.actionScriptProperties b/flash/source/chart/MixChart/0.2/.actionScriptProperties
new file mode 100644
index 0000000..6d57c5a
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/.actionScriptProperties
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="MixChart.as" projectUUID="8c325813-0eaf-2d93-aca5-7b354688bf4d" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="MixChart.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
+
+
diff --git a/flash/source/chart/MixChart/0.2/.project b/flash/source/chart/MixChart/0.2/.project
new file mode 100644
index 0000000..edf9723
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>MixChart_0.2</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/MixChart/0.2/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/MixChart/0.2/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.html
new file mode 100644
index 0000000..0bada49
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0}"
+                        , enabled: true
+                        , "serial": [
+                            {
+                                "name": "总体"
+                                , "data": [ 
+                                    1000, 2000, 3000, 4000, 5000, 6000
+                                    , 1000, 2000, 3000, 4000, 5000
+                                ]
+                            }
+                        ]
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.percent.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.percent.html
new file mode 100644
index 0000000..bc944b4
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.double.line.percent.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , enabled: true
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.html
new file mode 100644
index 0000000..eee714a
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.itemBg.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.itemBg.html
new file mode 100644
index 0000000..241d5f6
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.itemBg.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+            {
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}]
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			}
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_rate.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_rate.html
new file mode 100644
index 0000000..ae47850
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline.html
new file mode 100644
index 0000000..320a403
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline_hline.html b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline_hline.html
new file mode 100644
index 0000000..50899ff
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/demo.Histogram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - MixChart.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - MixChart.swf</dt>
+    <dd>
+        <div id="MixChart0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/MixChart.swf
+        , "MixChart0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    rateLabel: {
+                        enabled: false
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/MixChart/0.2/_demo/index.php b/flash/source/chart/MixChart/0.2/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/MixChart/0.2/_demo/jq.js b/flash/source/chart/MixChart/0.2/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/_demo/json2.js b/flash/source/chart/MixChart/0.2/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/MixChart/0.2/_demo/swfobject.js b/flash/source/chart/MixChart/0.2/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/Config.as b/flash/source/chart/MixChart/0.2/src/Config.as
new file mode 100644
index 0000000..5db9738
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/Config.as
@@ -0,0 +1,196 @@
+package 
+{
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.ChartType;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.BaseMixChartModel;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+
+	public class Config extends BaseConfig
+	{
+		
+		public function Config()
+		{
+			super();
+		}			
+		override public function get version():String{ return '0.2'; }
+		
+		override public function get chartName():String{ return 'MixChart 0.2'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/mix/'; }
+		
+
+		override public function setChartData( _d:Object ):Object {
+			
+			super.setChartData( _d );
+			_mixModel = new BaseMixChartModel( this );
+			return _d;
+		}	
+		
+		override public function get yAxisEnabled():Boolean{
+			var _r:Boolean = true, _allFalse:Boolean = true;
+			
+			/*
+			if( cd && cd.yAxis && ( 'enabled' in cd.yAxis ) ){
+				_r = StringUtils.parseBool( cd.yAxis.enabled );
+			}
+			*/
+			Common.each( _mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):Boolean{
+				if( _item.enabeld ){
+//				if( _item.enabeld && _item.hasVTitle){
+					return _allFalse = false;
+				}
+				return true;
+			});
+//			Log.log( 'yAxisEnabled1:', _r );
+			
+			if( _allFalse ){
+				_r = false;
+			}
+//			Log.log( 'yAxisEnabled2:', _r );
+			
+			if( cd && cd.rateLabel && ( 'enabled' in cd.rateLabel ) ){
+				_r = StringUtils.parseBool( cd.rateLabel.enabled );
+			}
+//			Log.log( 'yAxisEnabled3:', _r );
+			
+			return _r;
+		}	
+		
+		override public function getYAxisIndex( _seriesItem:Object ):int{
+			var _r:int = 0;
+			_r = _seriesItem.yAxis || _r;
+			return _r;
+		}	
+		
+		override public function get hasVTitle():Boolean{
+			var _r:Boolean;
+			
+			/*
+			if( cd && cd.yAxis && ( 'enabled' in cd.yAxis ) ){
+			_r = StringUtils.parseBool( cd.yAxis.enabled );
+			}
+			*/
+			Common.each( _mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):Boolean{
+				if( 
+					_item.enabeld 
+					&& _item.params
+					&& _item.params.title
+					&& _item.params.title.text 
+				){
+					var _isEnabled:Boolean = true;
+					if( 'enabled' in _item.params.title ){
+						_isEnabled = StringUtils.parseBool( _item.params.title.enabled ) && _item.params.title.text;
+					}
+					if( _isEnabled ){
+						_r = true;
+						return false;
+					}
+				}
+				return true;
+			});
+			
+			return _r;
+		}
+		
+		
+		public function lineDashStyle( _seriesPart:Object ):String{
+			var _r:String = 'Solid';
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.line
+				&& this.cd.plotOptions.line.dashStyle
+				&& ( _r = this.cd.plotOptions.line.dashStyle );
+			
+			_seriesPart
+			&& _seriesPart.dashStyle
+				&& ( _r = _seriesPart.dashStyle );				
+			
+			return _r;
+		}
+		
+		public function isFillLine( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillColor' in this.cd.plotOptions.area )
+				&& ( _r = true );
+			
+			_seriesPart
+			&& ( 'fillColor' in _seriesPart )
+				&& ( _r = true );				
+			
+			return _r;
+		}
+		
+		public function isLineGradient( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& this.cd.plotOptions.area.fillColor
+				&& ( 'linearGradient' in this.cd.plotOptions.area.fillColor )
+				&& ( _r =  StringUtils.parseBool( this.cd.plotOptions.area.fillColor.linearGradient ) );
+			
+			_seriesPart
+			&& _seriesPart.fillColor 
+				&& ( 'linearGradient' in _seriesPart.fillColor )
+				&& ( _r = StringUtils.parseBool( _seriesPart.fillColor.linearGradient ) );				
+			
+			return _r;
+		}
+		
+		public function lineFillOpacity( _seriesPart:Object ):Number{
+			var _r:Number = .35;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillOpacity' in this.cd.plotOptions.area )
+				&& ( _r = this.cd.plotOptions.area.fillOpacity );
+			
+			_seriesPart
+			&& ( 'fillOpacity' in _seriesPart )
+				&& ( _r = _seriesPart.fillOpacity );				
+			
+			return _r;
+		}
+		
+		override public function get animationDuration():Number {
+			var _r:Number = 1;
+			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+			return _r;
+		}
+		
+		override public function get colors():Array{
+			var _r:Array = [ 
+				0x7cb5ec
+				, 0x09c100
+				, 0xf7a35c
+				, 0x8085e9
+				, 0x434348
+				, 0x90ed7d
+				, 0xf15c80
+				, 0xe4d354
+				, 0x8085e8
+				, 0x8d4653
+				, 0x91e8e1 
+			];
+	
+			chartData 
+				&& chartData.colors
+				&& chartData.colors.length
+				&& ( _r = chartData.colors );
+			
+			return _r;
+		}
+	
+ 
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/MixChart.as b/flash/source/chart/MixChart/0.2/src/MixChart.as
new file mode 100644
index 0000000..0e11311
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/MixChart.as
@@ -0,0 +1,187 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval; 
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;  
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.mixchart.MainFacade;  
+	        
+ 
+	//[SWF(frameRate="30", width="790", height="230")] 
+	//[SWF(frameRate="30", width="385", height="225")]
+	//[SWF(frameRate="30", width="600", height="425")]
+	//[SWF(frameRate="30", width="590", height="360")]
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="800", height="600")]
+	public class MixChart extends Sprite  
+	{  
+		private var _inited: Boolean = false;
+		private var _timer:Timer;
+		private var _data:Object;   
+		private var _facade:Facade;
+		private var _resizeTimer:Timer;  
+		private var _ins:MixChart;
+		private var _loaderInfo:Object;  
+		
+		public function MixChart()
+		{			
+			flash.system.Security.allowDomain("*");	
+			_ins = this; 
+			
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			
+			BaseConfig.setIns( new Config() );
+			 
+			//update( {} );	
+			  
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			
+			//Log.log( Common.numberUp( 100 ) );
+			
+			runData();
+
+			if( ExternalInterface.available ){
+				try{
+					ExternalInterface.addCallback( 'update', extenalUpdate );				
+					ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
+			}
+			//BaseConfig.ins.setChartData( {}); 
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			//Log.printJSON( _evt.data );
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );			
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+			//_facade.sendNotification( JChartEvent.CLEAR );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop(); 
+		}		
+		 
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !MixChartData.instance.data.length ) return;
+				_data = MixChartData.instance.data[0];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}				
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.2, 2015-02-04';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as
new file mode 100644
index 0000000..8c29e56
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/controller/CurveGram_CalcCoordinateCmd.as
@@ -0,0 +1,151 @@
+package org.xas.jchart.curvegram.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.curvegram.view.mediator.CurveGramGraphicMediator;
+	import org.xas.jchart.histogram.view.mediator.*;
+	
+	public class CurveGram_CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _type:String;
+		private var _seriesAr:Array;
+		private var _gtype:Object;
+		
+		public function CurveGram_CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{			
+			
+			_type = notification.getType();
+			_seriesAr = notification.getBody() as Array;
+			if( !( _seriesAr && _seriesAr.length ) ) return;;
+			//Log.printJSON( _seriesAr );
+			//Log.printFormatJSON( _seriesAr );
+			//_model = _config.mixModel.items[ _body.modelIndex ];
+			//if( !_model ) return
+			
+			//Log.log( [ _type, new Date().getTime() ] );
+			_gtype = _config.c.mix[ _type ];
+			calc();
+			//Log.printJSON( _gtype );
+			//Log.log( Formatter.json( _gtype ) );
+			//Log.printFormatJSON( _gtype );
+			
+			facade.registerMediator( new CurveGramGraphicMediator( _seriesAr, _gtype ) );
+		}
+		
+		private function calc():void{			
+			_gtype.paths = [];
+			_gtype.vectorPaths = [];
+			if( !( _config.series && _config.series.length ) ) return;
+			_gtype.partWidth = _config.c.itemWidth / _seriesAr.length;
+			
+			//Log.log( _config.c.itemWidth );
+			
+			Common.each( _seriesAr, function( _k:int, _seitem:Object ):void {
+				
+				var _model:BaseMixChartModelItem = _config.mixModel.items[ _seitem.modelIndex ]
+				, _item:Object = _seitem.data
+				, _cmd:Vector.<int> = new Vector.<int>
+				, _path:Vector.<Number> = new Vector.<Number>
+				, _positions:Array = []
+				, _vectorPath:Vector.<Point> = new Vector.<Point>
+				;				
+				
+				Common.each( _item.data, function( _sk:int, _num:Number ):void {
+					var _rectItem:Object = {}
+					, _pointItem:Object = _config.c.hpointReal[ _sk ]
+					, _sp:Point = _pointItem.start as Point
+					, _ep:Point = _pointItem.end as Point
+					, _h:Number, _x:Number, _y:Number
+					, _itemNum:Number
+					, _dataHeight:Number = _config.c.vpart * _model.rateZeroIndex
+					, _dataY:Number
+					, _sNum:Number = _num
+					, _customRate:Boolean = _model.isAutoRate
+					, _minYvalue:Number;
+					
+					if( _config.isItemPercent && _seriesAr.length > 1 ) {
+						_h = _config.c.vpart * _model.rateZeroIndex;
+						if( _num > 0 ){
+							_h = ( _num / _model.itemMax( _sk ) || 1 ) * _h;
+						}
+						if( _num == 0 ){
+							_h = 0;
+						}
+						_y = _sp.y + _dataHeight - _h;
+						
+						if( _sk === 0 ) {
+							//Log.log( _num / _model.itemMax( _sk ) * 100, _num, _model.itemMax( _sk ) );
+						}
+					} else {
+						if( Common.isNegative( _num ) && _num != 0 ) {
+							if( _customRate ) {
+								_minYvalue = _model.realRate[ 0 ];
+								
+								_num = Math.abs( _num ) - _minYvalue;
+								
+								_h = ( _num / Math.abs( _model.finalMaxNum * 
+									_model.rate[ _model.rate.length - 1 ] ) ) *
+								( _config.c.chartHeight - _dataHeight );
+								
+								_y = _sp.y + _dataHeight + _h;
+							} else {
+								_num = Math.abs( _num );
+								_h = ( _num / Math.abs( _model.finalMaxNum * 
+									_model.rate[ _model.rate.length - 1 ] ) ) *
+								( _config.c.chartHeight - _dataHeight );
+								
+								_y = _sp.y + _dataHeight + _h;
+							}
+						} else {
+							if( _customRate ) {
+								_minYvalue = _model.realRate[ _model.realRate.length - 1 ];
+								
+								_h = ( _num > _minYvalue ) ? ( ( ( _num -_minYvalue ) /
+									( _model.chartMaxNum - _minYvalue ) || 1 ) * _dataHeight ) : 0;
+								_y = _sp.y + _dataHeight - _h;
+							} else {
+								_h = ( _num == 0 ) ? 0 : ( ( _num / _model.chartMaxNum || 1 ) * _dataHeight );
+								_y = _sp.y + _dataHeight - _h;
+							}
+						}
+					}
+					_x = _sp.x;
+					_x += _config.c.itemWidth;
+					
+					_cmd.push( _sk === 0 ? 1 : 2 );
+					_path.push( _x, _y );
+					_vectorPath.push( new Point( _x, _y ) );
+					_positions.push( { x: _x, y: _y, value: _sNum } );
+				});
+				
+				_gtype.paths.push( { cmd: _cmd, path: _path, position: _positions, data: _item } );
+				_gtype.vectorPaths.push( _vectorPath );
+			});
+
+		}
+
+		
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/components/GraphicView.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/components/GraphicView.as
new file mode 100644
index 0000000..0b0b4d2
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/components/GraphicView.as
@@ -0,0 +1,188 @@
+package org.xas.jchart.curvegram.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.CurveGramUI;
+	import org.xas.jchart.common.ui.widget.JFillLine;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<CurveGramUI>;
+		
+		private var _preIndex:int = -1;
+		private var _nowIndex:int;
+		
+		private var _config:Config;
+				
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function GraphicView( _seriesAr:Array, _coordinate:Object )
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+		
+		private function update( _evt:JChartEvent ):void{
+			
+			if( !( _coordinate && _coordinate.paths && _coordinate.paths.length ) ) return;
+			
+			graphics.clear();
+			_boxs = new Vector.<CurveGramUI>;
+			
+			var _delay:Number = 0;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
+			Common.each( _coordinate.paths, function( _k:int, _item:Object ):void{
+				
+				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
+				, _path:Vector.<Number> = _item.path as Vector.<Number>
+				, _gitem:CurveGramUI
+				, _vectorPath:Vector.<Point> = _coordinate.vectorPaths[ _k ] as Vector.<Point>
+				;
+				
+				//Log.log( '_item.data.displayIndex:', _item.data.displayIndex );
+				if( _config.isFillLine( _item.data ) ){
+					addChild( 
+						new JFillLine( 
+							_vectorPath
+							, { 
+								thickness: 2
+								, lineColor: _config.itemColor( _item.data.displayIndex )
+								, fillOpacity: _config.lineFillOpacity( _item.data ) 
+								, delayShow: _delay + BaseConfig.ins.animationEnabled
+								, animationEnabled: BaseConfig.ins.animationEnabled
+								, duration: BaseConfig.ins.animationDuration
+								, delay: _delay
+								
+							}
+							, _config.isLineGradient( _item.data )
+						) 
+					);
+				}
+				
+			});
+			
+			Common.each( _coordinate.paths, function( _k:int, _item:Object ):void{
+				
+				var _cmd:Vector.<int> = _item.cmd as Vector.<int>
+				, _path:Vector.<Number> = _item.path as Vector.<Number>
+				, _gitem:CurveGramUI
+				, _vectorPath:Vector.<Point> = _coordinate.vectorPaths[ _k ] as Vector.<Point>
+				;
+				
+				addChild(
+					_gitem = new CurveGramUI(
+						_cmd
+						, _path
+						, _config.itemColor( _item.data.displayIndex )
+						, _vectorPath 
+						, _config.lineDashStyle( _item.data )
+						, {
+							animationEnabled: BaseConfig.ins.animationEnabled
+							, duration: BaseConfig.ins.animationDuration
+							, delay: _delay
+							, turnColor: true
+							, iconRadius: 4
+							, index: _item.data.displayIndex
+							, seriesIndex: _item.data.displayIndex
+							, pointEnabled: BaseConfig.ins.pointEnabled( _item.data )
+							, hoverShow: BaseConfig.ins.pointHoverShow( _item.data )
+							, lineSmooth: BaseConfig.ins.lineSmoothEnable
+						}
+					)
+				);
+				
+				_boxs.push( _gitem );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{	
+			
+			if( _preIndex >= 0 ){
+				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+					( _k  < _boxs.length ) 
+					&& _boxs[ _k ] && _boxs[ _k ].items 
+					&& ( _preIndex  < _boxs[ _k ].items.length )
+					//					&& _boxs[ _k ].items[ _preIndex ].unhover()
+					&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+					;
+				});
+			}
+			_preIndex = -1;
+
+			
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;
+			
+			_nowIndex = _ix;
+			
+			if( !_boxs || _boxs.length == 0 ) return;
+			if( _preIndex == _ix ) return;
+			
+			if( _preIndex >= 0 ){
+				Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+					
+					( _k  < _boxs.length ) 
+					&& _boxs[ _k ].items  
+					&& ( _preIndex < _boxs[ _k ].items.length ) 
+					//					&& _boxs[ _k ].items[ _preIndex ].unhover()
+					&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _preIndex, action: 'hide' } ) )
+					;
+					
+				});
+			}
+			Common.each( _boxs, function( _k:int, _item:CurveGramUI ):void{
+				
+				( _k  < _boxs.length ) 
+				&& _boxs[ _k ].items
+				&& ( _ix < _boxs[ _k ].items.length ) 
+				//				&& _boxs[ _k ].items[ _ix ].hover()
+				&& _boxs[ _k ].dispatchEvent( new JChartEvent( JChartEvent.UPDATE_STATUS, { index: _ix, action: 'show' } ) )
+				;
+				
+			});
+			
+			_preIndex = _ix;
+
+		}
+
+	}
+}
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as
new file mode 100644
index 0000000..1f64648
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/curvegram/view/mediator/CurveGramGraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.curvegram.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.curvegram.view.components.GraphicView;
+	
+	public class CurveGramGraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartCurveGramMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		private var _config:Config;
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function CurveGramGraphicMediator( _seriesAr:Array, _coordinate:Object )
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+		}
+		
+		override public function onRegister():void{
+			//Log.log( [ 'PChartCurveGramMediator', new Date().getTime() ] );
+			mainMediator.view.index8.addChild( _view = new GraphicView( _seriesAr, _coordinate ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent && _view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as
new file mode 100644
index 0000000..43a1237
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/controller/Histogram_CalcCoordinateCmd.as
@@ -0,0 +1,203 @@
+package org.xas.jchart.histogram.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.formatter.Formatter;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.histogram.view.mediator.*;
+	
+	public class Histogram_CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _type:String;
+		private var _seriesAr:Array;
+		private var _gtype:Object;
+		
+		public function Histogram_CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			_type = notification.getType();
+			_seriesAr = notification.getBody() as Array;
+			if( !( _seriesAr && _seriesAr.length ) ) return;;
+
+			_gtype = _config.c.mix[ _type ];
+			calc();
+			
+			facade.registerMediator( new HistogramGraphicMediator( _seriesAr, _gtype ) );
+		}
+		
+		private function calc():void{			
+			
+			_gtype.rects = [];
+			_gtype.dataRect = [];
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			_gtype.partSpace = 0; 
+			_gtype.partWidth = 
+				_config.c.itemWidth / _config.mixModel.columnLen
+				;
+			
+			if( _config.mixModel.columnLen > 1 ){				
+				_gtype.partSpace = 4; 
+			}
+			if( _seriesAr.length > 1 ){		
+				_gtype.partWidth = 
+					(
+						_config.c.itemWidth - (_config.mixModel.columnLen - 1) * _gtype.partSpace
+					) / _config.mixModel.columnLen
+					;
+				
+				if( _gtype.partWidth < 1 ){				
+					_gtype.partSpace = 0; 
+					_gtype.partWidth = 
+						(
+							_config.c.itemWidth - (_config.mixModel.columnLen - 1) * _gtype.partSpace
+						) / _config.mixModel.columnLen
+						;
+				}
+			}
+			
+			//_gtype.partWidth > 50 && ( _gtype.partWidth = 50 );
+			var _partWidth:Number = _gtype.partWidth
+				;
+			//_partWidth > 50 && ( _partWidth = 50 );
+			if( _partWidth > 50 ){
+				_partWidth = 50;
+			}
+						
+			Common.each( _config.series[0].data, function( _k:int, _item:Object ):void{
+				
+				var _items:Array = []
+				, _pointItem:Object = _config.c.hlinePoint[ _k ]
+				, _sp:Point = _pointItem.start as Point
+				, _ep:Point = _pointItem.end as Point
+				//, _x:Number = _sp.x + ( _gtype.itemWidth - _gtype.itemWidth / 2 )
+				, _x:Number = _sp.x 
+				+ ( _config.c.itemWidth 
+					- _partWidth * _config.mixModel.columnLen / 2
+					- _gtype.partSpace * ( ( _config.mixModel.columnLen || 1 ) - 1 ) / 2 
+				)
+				, _tmp:Number = 0
+				, _tmpDataRect:Object = {
+					x: _sp.x, y: _sp.y
+					, width: _config.c.itemWidth * 2
+					, height: _ep.y - _sp.y 
+				}
+				, _tmpYAr:Array = []
+				, _tmpHAr:Array = []
+				;
+				
+				Common.each( _seriesAr, function( _sk:int, _seitem:Object ):void{
+					var _model:BaseMixChartModelItem =  _config.mixModel.items[ _seitem.modelIndex ] 
+					, _rectItem:Object = {}
+					, _sitem:Object = _seitem.data
+					, _num:Number = _sitem.data[ _k ]
+					, _itemNum:Number
+					, _h:Number = 0, _y:Number
+					, _dataHeight:Number
+					, _maxNum:Number = _model.chartMaxNum
+					, _columnIndex:int = _sk
+					;
+					
+					if( 'columnIndex' in _sitem ){
+						_columnIndex = _sitem.columnIndex;
+					}
+					
+					if( _model.isAutoRate && !_model.hasNegative ){
+						_num -= _model.minNum;
+						_maxNum -= _model.minNum;
+						//Log.log( [_num, _model.minNum, _num - _model.minNum ] );
+					}
+					
+					
+					if( _config.isItemPercent && _seriesAr.length > 1 ){
+						_h = _config.c.vpart * _model.rateZeroIndex;
+						_h = ( _num / _model.itemMax( _k ) || 0 ) * _h;
+						_y = _sp.y 
+						+ _config.c.vpart * _model.rateZeroIndex - _h
+						;
+						if( _k === 0 ){
+							//Log.log( _num / _model.itemMax( _k ) * 100, _num, _model.itemMax( _k ) );
+						}
+					}else{
+						
+						if( Common.isNegative( _num ) || _num == 0 ){
+							_num = Math.abs( _num );
+							_dataHeight = _config.c.vpart * _model.rateZeroIndex;
+							
+							_h = _config.c.chartHeight - _dataHeight;
+							_y = _sp.y + _dataHeight ;
+							_h = 
+							( _num / 
+								Math.abs( _model.finalMaxNum * _model.rate[ _model.rate.length - 1 ] ) ) 
+							* _h;
+							//Log.log( _h, _model.finalMaxNum );
+							_rectItem.isNegative = true;
+						}else{
+							_h = _config.c.vpart * _model.rateZeroIndex;
+							//Log.log( [ _gtype.vpart, _model.rateZeroIndex, _gtype.vpart * _model.rateZeroIndex ].join(', ' ) ); 
+							_h = ( _num / _maxNum || 1 ) * _h;
+							//Log.log( [ _num, _model.chartMaxNum, _num / _model.chartMaxNum ] );
+							_y = _sp.y 
+							+ _config.c.vpart * _model.rateZeroIndex - _h
+							;
+						}
+					}						
+					//Log.log( _h, _y );
+					
+					_rectItem.x = _x + _columnIndex * _partWidth + _gtype.partSpace * _columnIndex;
+					_h = _h || 1;
+					
+					_rectItem.y = _y;
+					_rectItem.width = _partWidth;
+					_rectItem.height = _h;
+					_rectItem.value = _sitem.data[ _k ];
+					
+					_rectItem.data = _sitem;
+					
+					_tmpYAr.push( _y );
+					_tmpHAr.push( _h );
+					
+					_items.push( _rectItem );
+				});
+				
+				_tmpDataRect.y = Math.min.apply( null, _tmpYAr );
+				_tmpDataRect.height = Math.max.apply( null, _tmpHAr );
+				
+				if( _config.hoverBgEnabled ){
+					_tmpDataRect.y -= _config.c.hoverPadY;
+					_tmpDataRect.height += _config.c.hoverPadY
+				}
+				
+				if( _config.serialLabelEnabled ){
+					_tmpDataRect.y -= _config.c.serialLabelPadY;
+					_tmpDataRect.height += _config.c.serialLabelPadY
+				}
+				
+				_gtype.rects.push( _items );
+				_gtype.dataRect.push( _tmpDataRect );
+			});
+		}
+		
+		
+	}
+}
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/components/GraphicView.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/components/GraphicView.as
new file mode 100644
index 0000000..e441be3
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/components/GraphicView.as
@@ -0,0 +1,129 @@
+package org.xas.jchart.histogram.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function GraphicView( _seriesAr:Array, _coordinate:Object )
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			
+			//Log.log( [ 'PChartHistogramMediator GraphicView', new Date().getTime() ] );
+			graphics.clear();
+			
+			if( !( _config.c && _coordinate.rects ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			//Log.log( _config.maxValue );
+			//Log.printFormatJSON( _coordinate.rects );
+			Common.each( _coordinate.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+					
+//					Log.printFormatJSON( _sitem );
+					_sk = _sitem.data.displayIndex;
+							
+					var _color:uint = _config.itemColor( _sk );
+					if( _sitem.value == _config.maxValue ){
+						//Log.log( _config.maxValue, _sitem.value );
+						if( 'style' in _config.maxItemParams && 'color' in _config.maxItemParams.style ){
+							_color = _config.maxItemParams.style.color;
+						}
+					}
+					
+					var _item:HistogramUI = new HistogramUI(
+						_sitem.x, _sitem.y
+						, _sitem.width, _sitem.height
+						, _color 
+						, {
+							animationEnabled: _config.animationEnabled
+							, isNegative: _sitem.isNegative
+							, duration: _config.animationDuration
+							, delay: _delay
+							, index: _sk
+							, seriesIndex: _k
+							, dataIndex: _k
+						}
+					);
+					//_item.mouseEnabled = false;
+					_box.addChild( _item );
+				});
+				addChild( _box );
+				_boxs.push( _box );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as
new file mode 100644
index 0000000..9ca8b46
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/histogram/view/mediator/HistogramGraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.histogram.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.histogram.view.components.GraphicView;
+	
+	public class HistogramGraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartHistogramMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		private var _config:Config;
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function HistogramGraphicMediator( _seriesAr:Array, _coordinate:Object )
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+		}
+		
+		override public function onRegister():void{
+			//Log.log( [ 'PChartHistogramMediator', new Date().getTime() ] );
+			mainMediator.view.index7.addChild( _view = new GraphicView( _seriesAr, _coordinate ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/MainFacade.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/MainFacade.as
new file mode 100644
index 0000000..f6dc79b
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/MainFacade.as
@@ -0,0 +1,51 @@
+package org.xas.jchart.mixchart
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.controller.*;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.curvegram.controller.CurveGram_CalcCoordinateCmd;
+	import org.xas.jchart.histogram.controller.Histogram_CalcCoordinateCmd;
+	import org.xas.jchart.mixchart.controller.CalcCoordinateCmd;
+	import org.xas.jchart.mixchart.controller.ClearCmd;
+	import org.xas.jchart.mixchart.controller.DrawCmd;
+	import org.xas.jchart.mixchart.controller.FilterDataCmd;
+	import org.xas.jchart.stack.controller.Stack_CalcCoordinateCmd;
+	
+	public class MainFacade extends BaseFacade implements ICommand
+	{
+		public static const name:String = 'MixChartFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			super.initializeController();
+			
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			registerCommand( JChartEvent.MIX_CHART_CALC_COORDINATE_BAR, Histogram_CalcCoordinateCmd );
+			registerCommand( JChartEvent.MIX_CHART_CALC_COORDINATE_LINE, CurveGram_CalcCoordinateCmd );
+			registerCommand( JChartEvent.MIX_CHART_CALC_COORDINATE_STACK, Stack_CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd ); 
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..0897f7d
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/CalcCoordinateCmd.as
@@ -0,0 +1,424 @@
+package org.xas.jchart.mixchart.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	import flash.sensors.Accelerometer;
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.ui.text.RotationText;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.MixChartData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.ui.widget.DisplayRotation;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.MixChartBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.MixChartGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.MixChartHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.MixChartLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.MixChartSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.MixChartTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.mixchart.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate;
+		private var _config:Config;
+		
+		public function CalcCoordinateCmd()
+		{
+			super();
+			 
+			_config = BaseConfig.ins as Config;
+			
+//			Log.log( _config.serialLabelEnabled, _config.superSerialLabelEnabled );
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+
+			_c.vtitle = {};
+									
+			facade.registerMediator( new BaseBgMediator( ) );
+			var _yPad:Number = _c.minY;
+			
+//			Log.log( 'labelRotation:', _config.labelRotationEnable );
+			
+			if( _config.cd ){			
+				
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
+				}
+				
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height + 5;
+				}
+				
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new MixChartLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+
+				
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}	
+				
+//				_config.c.maxX -= 5;
+				
+				
+				if( _config.yAxisEnabled ){
+					
+					facade.registerMediator( new BaseMixChartVLabelMediator() );
+					
+					if( _config.hasVTitle ){
+						//Log.log( 'hasVTitle', new Date().getTime() );
+						facade.registerMediator( new BaseMixChartVTitleMediator() );
+					}
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( _item.isOpposite ) return;
+
+						if( _item.hasVTitle ){
+							
+							_config.c.vtitle[ _k ] = {
+								x: _config.c.minX + pMixChartVTitleMediator.getWidth( _k ) / 2
+								, y: _config.c.height / 2
+							}
+							
+							_config.c.minX += pMixChartVTitleMediator.getWidth( _k );
+						}
+						
+						_config.c.minX += pMixChartVLabelMediator.getMaxWidth( _k );
+						_item.left = _config.c.minX ;
+						_config.c.minX += _config.vlabelSpace;
+						
+						_config.c.hasYAxis = true;
+					});
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( !_item.isOpposite ) return;
+
+						if( _item.hasVTitle ){
+							_config.c.maxX -= pMixChartVTitleMediator.getWidth( _k );
+							
+							_config.c.vtitle[ _k ] = {
+								x: _config.c.maxX + pMixChartVTitleMediator.getWidth( _k ) / 2
+								, y: _config.c.height / 2
+							}
+							
+						}
+						
+						_config.c.maxX -= pMixChartVLabelMediator.getMaxWidth( _k );
+						_item.left = _config.c.maxX;
+						_config.c.maxX -= _config.vlabelSpace;
+						
+						_config.c.hasOppositeYAxis = true;
+					}, true );
+					
+					if( _config.c.hasYAxis ){
+						_config.c.minX += _config.yArrowLength;
+					}
+					
+					if( _config.c.hasOppositeYAxis ){
+						_config.c.maxX -= _config.yArrowLength;
+					}
+				}
+
+				_config.c.hoverPadY = 10;
+				if( _config.hoverBgEnabled ){
+					facade.registerMediator( new BaseHoverBgMediator() );
+					_config.c.minY += _config.c.hoverPadY;
+					_yPad += _config.c.hoverPadY;
+				}
+				
+				if( _config.itemBgEnabled ){
+					facade.registerMediator( new BaseItemBgMediator() );
+				}
+				
+				_config.c.serialLabelPadY = 15;
+				if( _config.serialLabelEnabled ){
+					facade.registerMediator( new MixChartSeriesLabelMediator() );
+				}
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new MixChartHLabelMediator() );
+					
+					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+					
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
+
+				}else{
+					_config.c.maxY -= _config.vspace;
+				}
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX;
+			
+				if( _config.graphicHeight ){
+					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
+					_config.c.chartHeight = _config.graphicHeight - _yPad;		
+					_config.c.maxY -= _hpad;
+					
+					if( _config.c.legend ){
+						_config.c.legend.y -= _hpad;
+					}
+					
+					if( _config.c.credits ){
+						_config.c.credits.y -= _hpad;
+					}
+				}else{	
+					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				}	
+				
+				_config.c.chartX = _config.c.minX - 2;
+				_config.c.chartY = _config.c.minY;
+				
+				if( _config.yAxisEnabled ){
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+												
+						if( _item.hasVTitle && _config.c.vtitle[ _k ] ){
+							_config.c.vtitle[ _k ].y = _config.c.chartY +  _config.c.chartHeight / 2
+						}
+					});
+				}
+//				Log.log( _config.c.chartY, _config.c.chartHeight );
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
+				
+				facade.registerMediator( new MixChartGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new MixChartTipsMediator() );
+				//Log.log( _config.tooltipEnabled );
+								
+				calcChartPoint();
+				//_config.mixModel.calcGraphic();
+								
+				if( _config.yAxisEnabled && _config.labelRotationEnable ){
+					//Log.log( _config.c.chartX );
+					var _fixOffset:Number = _config.c.chartX
+						, _opOffset:Number = _config.c.chartX + _config.c.chartWidth
+						;
+					if( _config.vlineEnabled ){
+						_fixOffset -= _config.xArrowLength;
+						_opOffset +=_config.xArrowLength;
+					}
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( _item.isOpposite ) return;
+						_fixOffset -= 1;
+						_item.left = _fixOffset;
+						_fixOffset -= pMixChartVLabelMediator.getMaxWidth( _k );
+						
+						if( _item.hasVTitle ){
+							_fixOffset -= pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_config.c.vtitle[ _k ].x = _fixOffset;
+							_fixOffset -= pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_fixOffset -= _config.vlabelSpace;
+						}
+					}, true );
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( !_item.isOpposite ) return;
+						
+						_opOffset += 1;
+						_item.left = _opOffset;
+						_opOffset += pMixChartVLabelMediator.getMaxWidth( _k );
+						
+						if( _item.hasVTitle ){
+							_opOffset += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_config.c.vtitle[ _k ].x = _opOffset;
+							_opOffset += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+							_opOffset += _config.vlabelSpace;
+						}
+					} );
+				}
+				
+				_config.c.mix = {};
+				Common.each( _config.mixModel.graphicType, function( _k:String, _item:* ):void{
+					//Log.printClass( _item.model as MixChartModelItem );
+					//Log.printJSON( _item );
+					_config.c.mix[ _k ] = { srcData: _item };
+					sendNotification( JChartEvent.MIX_CHART_CALC_COORDINATE_PREFIX + _k, _item, _k );
+				});
+				
+				if( !ExternalInterface.available ){
+					facade.registerMediator( new BaseTestMediator( MixChartData.instance.data ) );	
+				}
+				
+				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
+			}
+			
+			sendNotification( JChartEvent.SHOW_CHART );		
+			
+//			var _textf:DisplayRotation = new DisplayRotation( '123456789', 90, function( _stf:TextField ):void{
+//				
+//				Common.implementStyle( _stf, [
+//					DefaultOptions.title.style
+//				] );
+//				
+//			});
+//			//_textf.x = 0;
+//			//_textf.y = 0;
+//			mainMediator.view.index12.addChild( _textf );	
+		}
+				
+		private function calcChartPoint():void{
+			facade.registerMediator( new MixChartBgLineMediator() );
+			
+			calcChartVPoint();
+			calcChartHPoint();
+		}
+		
+		private function calcChartVPoint():void{
+			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
+				;
+			_config.c.vpart = _partN;
+			_config.c.itemHeight = _partN / 2;
+			_config.c.vpoint = [];
+			_config.c.vpointReal = [];
+			
+			Common.each( _config.rate, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartY + _partN * _k;
+				_config.c.vpoint.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth + 1, _n )
+				});
+				
+				_config.c.vpointReal.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth, _n )
+				});
+			});
+		}
+		
+		private function calcChartHPoint():void{
+			if( !_config.yAxisEnabled ){
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+			}
+			var _partN:Number = _config.c.chartWidth / ( _config.realItemLength || 1 )
+				;
+			
+			_config.c.hpart = _partN;
+			_config.c.hpoint = [];
+			_config.c.hlinePoint = [];
+			_config.c.hpointReal = [];
+			_config.c.itemWidthRate = 2;
+			_config.c.itemWidth = _partN / _config.c.itemWidthRate;
+						
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k;
+				
+				if( _k === 0 ){					
+					_config.c.hlinePoint.push( {
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					});					
+				}
+								
+				_config.c.hlinePoint.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpoint.push( {
+					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight  )
+					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpointReal.push( {
+					start: new Point( _n, _config.c.chartY )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+				});
+			});
+		}
+		
+		private function get pMixChartVTitleMediator():BaseMixChartVTitleMediator{
+			return facade.retrieveMediator( BaseMixChartVTitleMediator.name ) as BaseMixChartVTitleMediator;
+		}
+		
+		private function get pMixChartVLabelMediator():BaseMixChartVLabelMediator{
+			return facade.retrieveMediator( BaseMixChartVLabelMediator.name ) as BaseMixChartVLabelMediator;
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/ClearCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/ClearCmd.as
new file mode 100644
index 0000000..5e41710
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/ClearCmd.as
@@ -0,0 +1,68 @@
+package org.xas.jchart.mixchart.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.curvegram.view.mediator.CurveGramGraphicMediator;
+	import org.xas.jchart.histogram.view.mediator.HistogramGraphicMediator;
+	import org.xas.jchart.mixchart.view.mediator.GraphicMediator;
+	import org.xas.jchart.stack.view.mediator.StackGraphicMediator;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			facade.hasMediator( BaseMixChartVLabelMediator.name ) && facade.removeMediator( BaseMixChartVLabelMediator.name );
+			facade.hasMediator( BaseMixChartVTitleMediator.name ) && facade.removeMediator( BaseMixChartVTitleMediator.name );
+			
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+						
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			
+			
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+			facade.hasMediator( HistogramGraphicMediator.name ) && facade.removeMediator( HistogramGraphicMediator.name );	
+			facade.hasMediator( CurveGramGraphicMediator.name ) && facade.removeMediator( CurveGramGraphicMediator.name );	
+			facade.hasMediator( StackGraphicMediator.name ) && facade.removeMediator( StackGraphicMediator.name );	
+			
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/DrawCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/DrawCmd.as
new file mode 100644
index 0000000..a8cb47b
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.mixchart.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as
new file mode 100644
index 0000000..86d8fdd
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.mixchart.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/components/GraphicView.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/components/GraphicView.as
new file mode 100644
index 0000000..7e687ae
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/components/GraphicView.as
@@ -0,0 +1,122 @@
+package org.xas.jchart.mixchart.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		public function GraphicView()
+		{
+			super(); 
+			_config = BaseConfig.ins as Config;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			/*
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.rects ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			//Log.log( _config.maxValue );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+							
+					var _color:uint = _config.itemColor( _sk );
+					if( _sitem.value == _config.maxValue ){
+						//Log.log( _config.maxValue, _sitem.value );
+						if( 'style' in _config.maxItemParams && 'color' in _config.maxItemParams.style ){
+							_color = _config.maxItemParams.style.color;
+						}
+					}
+					
+					var _item:HistogramUI = new HistogramUI(
+						_sitem.x, _sitem.y
+						, _sitem.width, _sitem.height
+						, _color 
+						, {
+							animationEnabled: _config.animationEnabled
+							, isNegative: _sitem.isNegative
+							, duration: _config.animationDuration
+							, delay: _delay
+						}
+					);
+					_item.mouseEnabled = false;
+					_box.addChild( _item );
+				});
+				addChild( _box );
+				_boxs.push( _box );
+			});
+			*/
+			
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{	
+			/*
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+			*/
+			
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			/*
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+			*/
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..ef18fe7
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/mixchart/view/mediator/GraphicMediator.as
@@ -0,0 +1,81 @@
+package org.xas.jchart.mixchart.view.mediator
+{
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.ui.text.RotationText;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.mixchart.view.components.GraphicView;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		private var _config:Config;
+		
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );		
+
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/controller/Stack_CalcCoordinateCmd.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/controller/Stack_CalcCoordinateCmd.as
new file mode 100644
index 0000000..8cc4cf8
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/controller/Stack_CalcCoordinateCmd.as
@@ -0,0 +1,229 @@
+package org.xas.jchart.stack.controller
+{
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.StackMixChartModelItem;
+	import org.xas.jchart.stack.view.mediator.StackGraphicMediator;
+	
+	public class Stack_CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _type:String;
+		private var _seriesAr:Array;
+		private var _gtype:Object;
+		
+		public function Stack_CalcCoordinateCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			_type = notification.getType();
+			_seriesAr = notification.getBody() as Array;
+			if( !( _seriesAr && _seriesAr.length ) ) return;
+			
+			
+			var _columns:Object = {};
+			_gtype = _config.c.mix[ _type ]; 
+			_gtype.columns = _columns;
+			
+			
+			Common.each( _seriesAr, function( _k:int, _item:Object ):void{
+				if( !( _item.modelIndex in _columns ) ){
+					_columns[ _item.modelIndex ] = { data: [], modelIndex: _item.modelIndex };
+				}
+				_columns[ _item.modelIndex ].data.push( _item );
+			});
+			
+			
+			if( !_config.itemLength ) return;
+			
+			_gtype.partSpace = 0; 
+			if( _config.mixModel.columnLen > 1 ){				
+				_gtype.partSpace = 4; 
+			}
+
+			if( _seriesAr.length > 1 ){		
+				_gtype.partWidth = 
+					(
+						_config.c.itemWidth - (_config.mixModel.columnLen - 1) * _gtype.partSpace
+					) / _config.mixModel.columnLen
+					;
+				
+				if( _gtype.partWidth < 1 ){				
+					_gtype.partSpace = 0; 
+					_gtype.partWidth = 
+						(
+							_config.c.itemWidth - (_config.mixModel.columnLen - 1) * _gtype.partSpace
+						) / _config.mixModel.columnLen
+						;
+				}
+			}
+			
+			if( _gtype.partWidth > 50 ){
+				_gtype.partWidth = 50;
+			}
+			
+			Common.each( _columns, function( _k:int, _data:Object ):void{
+				calc( _data );
+			});
+
+//			
+			facade.registerMediator( new StackGraphicMediator( _seriesAr, _gtype ) );
+		}
+		
+		private function calc( _data:Object ):void{	
+			var _modelIndex:int = _data.modelIndex
+				, _partWidth:Number = _gtype.partWidth
+				, _partSpace:Number = _gtype.partSpace
+				, _modelItem:StackMixChartModelItem = _config.mixModel.items[ _modelIndex ] as StackMixChartModelItem
+				;
+
+			if( !( _data && _data.data && _data.data.length ) ) return;
+//			Log.log( _modelItem.minNum, _modelItem.maxNum, _modelItem.finalMaxNum, _modelItem.chartMaxNum );
+			
+			_data.rects = [];
+			_data.dataRect = [];
+			_data.stackItems = [];
+
+						
+			var _positiveOffset:Number
+				, _positiveHeight:Number = _config.c.vpart * _config.rateZeroIndex
+				
+				, _negativeOffset:Number
+				, _negativeHeight:Number = _config.c.chartHeight - _config.c.vpart * _config.rateZeroIndex
+				;
+				
+			Common.each( _config.displaySeries[0].data, function( _k:int, _item:Object ):void{
+				_positiveOffset = 0;
+				_negativeOffset = 0;
+				
+				var _items:Array = []
+				, _pointItem:Object = _config.c.hlinePoint[ _k ]
+				, _sp:Point = _pointItem.start as Point
+				, _ep:Point = _pointItem.end as Point
+				, _x:Number = _sp.x 
+				+ ( _config.c.itemWidth 
+					- _partWidth * _config.mixModel.columnLen / 2
+					- _gtype.partSpace * ( ( _config.mixModel.columnLen || 1 ) - 1 ) / 2 
+				)
+				, _tmp:Number = 0
+				, _tmpDataRect:Object = {
+					x: _sp.x, y: _config.c.chartY
+					, width: _config.c.hpart
+					, height: _config.c.chartHeight 
+				}
+				, _stackItem:Object = {
+					data: {
+						negative: []
+						, positive: []
+					}
+				}
+				, _rectY:Number = _sp.y + _positiveHeight
+				, _xpad:Number = 0
+				;
+				
+				Common.each( _data.data, function( _sk:int, _sitem:Object ):void{
+					if( _k === 0 ){
+//						Log.log( _k, _sk, _sitem.data.data[ _k ] );
+//						Log.printFormatJSON( _sitem );
+					}
+					var _rectItem:Object = {}
+					, _itemNum:Number
+					, _h:Number = 0, _y:Number
+					, _num:Number = _sitem.data.data[ _k ]
+					, _maxNum:Number = _modelItem.chartMaxNum
+					, _columnIndex:int = _sk
+					;
+					
+					if( 'columnIndex' in _sitem.data ){
+						_columnIndex = _sitem.data.columnIndex;
+					}
+					
+					if( _config.isAutoRate && !_config.hasNegative ){
+						_num -= _modelItem.minNum / _modelItem.displaySeries.length;
+						_maxNum -= _modelItem.minNum;
+					}
+					//						Log.log( _num, _maxNum );
+					
+					if( Common.isNegative( _num ) || _num == 0 ){
+						_num = Math.abs( _num );
+						
+						_h = _negativeHeight;
+						_h = 
+						( _num / 
+							Math.abs( _modelItem.finalMaxNum * _modelItem.rate[ _modelItem.rate.length - 1 ] ) ) 
+						* _h || 0;
+						_y = _sp.y + _positiveHeight + _negativeOffset ;
+						
+						_negativeOffset += _h;
+						
+						if( _num ){
+							_stackItem.hasNegative = _rectItem.isNegative = true
+						}
+					}else{
+						
+						_h = ( _num / _maxNum || 1 ) * _positiveHeight || 0;
+						
+						_y = _sp.y + _positiveHeight - _h - _positiveOffset;
+
+						_positiveOffset += _h;
+						_rectY = _y;
+						
+						_stackItem.hasPositive = true;
+					}
+					if( !_h ) return;
+//					_rectItem.x = _x;
+					_xpad = _columnIndex * _partWidth + _gtype.partSpace * _columnIndex;
+					_rectItem.x = _x + _xpad;
+					
+					_rectItem.k = _k;
+					_rectItem.sk = _sk;
+					_rectItem.y = _y;
+					_rectItem.width = _gtype.partWidth;
+					_rectItem.height = _h;
+					_rectItem.value = _sitem.data.data[ _k ];
+					_rectItem.color = _config.itemColor( _sitem.data.displayIndex );
+					
+					_items.push( _rectItem );
+					
+					if( _rectItem.isNegative ){
+						_stackItem.data.negative.push( _rectItem );
+					}else{
+						_stackItem.data.positive.push( _rectItem );
+					}
+					
+				});
+				
+				_stackItem.width = _gtype.partWidth;
+				_stackItem.height = ( _positiveOffset + _negativeOffset ) || 0;
+				_stackItem.x = _x + _xpad;
+				_stackItem.y = _rectY;
+				_stackItem.k = _k;
+				_stackItem.realX = _sp.x;
+				_stackItem.realY = _config.c.chartY;
+				_stackItem.realWidth = _config.c.hpart;
+				_stackItem.realHeight = _config.c.chartHeight;
+				
+				if( _k === 0 ){
+//					Log.printFormatJSON( _stackItem );
+				}
+				
+				_data.rects.push( _items );
+				_data.dataRect.push( _tmpDataRect );
+				_data.stackItems.push( _stackItem );
+			});
+
+//			Log.printFormatJSON( _data );
+			
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/GraphicView.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/GraphicView.as
new file mode 100644
index 0000000..4d4be63
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/GraphicView.as
@@ -0,0 +1,74 @@
+package org.xas.jchart.stack.view.components
+{
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class GraphicView extends Sprite
+	{
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function GraphicView( _seriesAr:Array, _coordinate:Object )
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+			
+			_boxs = new Vector.<Sprite>();
+			
+			Common.each( _coordinate.columns, function( _k:int, _item:Object ):void{
+//				Log.marker( '#' );
+//				Log.printFormatJSON( _item );
+				var _tmp:SubGraphicView = new SubGraphicView( _item );
+				addChild( _tmp );
+				_boxs.push( _tmp );
+//				Log.log( '_coordinate.columns: ', _k );
+			});
+		}
+		
+		private function update( _evt:JChartEvent ):void{
+			Common.each( _boxs, function( _k:int, _item:SubGraphicView ):void{
+				_item.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			Common.each( _boxs, function( _k:int, _item:SubGraphicView ):void{
+				_item.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, _evt.data ) );
+			});
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			Common.each( _boxs, function( _k:int, _item:SubGraphicView ):void{
+				_item.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, _evt.data ) );
+			});
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/SubGraphicView.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/SubGraphicView.as
new file mode 100644
index 0000000..4ed77e3
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/components/SubGraphicView.as
@@ -0,0 +1,112 @@
+package org.xas.jchart.stack.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.StackUI;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class SubGraphicView extends JSprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		public function get box():Vector.<Sprite>{ return _boxs; }
+		private var _preIndex:int = -1;
+		
+		private var _config:Config;
+		
+		public function SubGraphicView( _data:Object )
+		{
+			super( _data ); 
+			
+			_config = BaseConfig.ins as Config;
+			
+//			Log.printFormatJSON( _data );
+			
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+		
+		private function update( _evt:JChartEvent ):void{
+			
+			graphics.clear();
+			
+//			Log.printFormatJSON( data );
+			
+//			return;
+			if( !( data.stackItems && data.stackItems.length ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			Common.each( data.stackItems, function( _k:int, _item:Object ):void{
+				var _box:Sprite = new Sprite(), _ui:StackUI;
+				
+				Common.extendObject( _item, {
+					animationEnabled: _config.animationEnabled
+					, duration: _config.animationDuration
+					, delay: _delay
+				}, true );
+				//				Log.printFormatJSON( _item );
+				
+				_ui = new StackUI( _item );
+				_box.mouseEnabled = false;
+				_box.addChild( _ui );
+				addChild( _box );
+				_boxs.push( _box );
+			});
+
+
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/mediator/StackGraphicMediator.as b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/mediator/StackGraphicMediator.as
new file mode 100644
index 0000000..b06bed9
--- /dev/null
+++ b/flash/source/chart/MixChart/0.2/src/org/xas/jchart/stack/view/mediator/StackGraphicMediator.as
@@ -0,0 +1,80 @@
+package org.xas.jchart.stack.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.stack.view.components.GraphicView;
+	
+	public class StackGraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PCharStackMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		private var _config:Config;
+		private var _seriesAr:Array;
+		private var _coordinate:Object;
+		
+		public function StackGraphicMediator( _seriesAr:Array, _coordinate:Object )
+		{
+			super( name );
+			
+			_config = BaseConfig.ins as Config;
+			this._seriesAr = _seriesAr;
+			this._coordinate = _coordinate;
+			
+		}
+		
+		
+		override public function onRegister():void{
+			//Log.log( [ 'PChartHistogramMediator', new Date().getTime() ] );
+			mainMediator.view.index7.addChild( _view = new GraphicView( _seriesAr, _coordinate ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/NDount/0.1/.actionScriptProperties b/flash/source/chart/NDount/0.1/.actionScriptProperties
index 4f7387d..eef7ae3 100644
--- a/flash/source/chart/NDount/0.1/.actionScriptProperties
+++ b/flash/source/chart/NDount/0.1/.actionScriptProperties
@@ -40,3 +40,5 @@
 
 
 
+
+
diff --git a/flash/source/chart/NDount/0.1/src/Config.as b/flash/source/chart/NDount/0.1/src/Config.as
index f5c065f..a23b2e7 100644
--- a/flash/source/chart/NDount/0.1/src/Config.as
+++ b/flash/source/chart/NDount/0.1/src/Config.as
@@ -4,141 +4,21 @@ package
 	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.config.BasePieConfig;
 	
-	public class Config extends BaseConfig
+	public class Config extends BasePieConfig
 	{
 		public function Config()
 		{
 			super();
 		}
 		
-		private var _pseries:Array = [];
-		
-		override public function setChartData(_d:Object):Object{
-			super.setChartData( _d );
-			
-			_pseries = [];
-			
-			if( this.cd.series && this.cd.series.length ){
-				Common.each( this.cd.series[0].data, function( _k:int, _item: * ):void{
-					var _o:Object, _a:Array = _item as Array;
-					if( !_a ){
-						_o = _item as Object;
-					}else{
-						_o = { 'name': _a[0], 'y': _a[1] };
-					}
-					_pseries.push( _o );
-				});
-				//Log.printJSON( _pseries );
-			}
-			
-			return this.chartData;
-		}
-		
-		override public function get series():Array{
-			
-			return _pseries;
-		}
-		
-		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
-			_data = _data || chartData;
-			if( !( _data && _data.series && _data.series.length ) ) return this;
-			var _tmpSeries:Array = JSON.parse( JSON.stringify( _data.series ) ) as Array
-				;
-			
-			_displaySeries = []
-			//Log.printJSON( _tmpSeries[0].data );
-			
-			Common.each( _tmpSeries[0].data, function( _k:int, _item: * ):void{
-				var _o:Object, _a:Array = _item as Array;
-				if( !_a ){
-					_o = _item as Object;
-				}else{
-					_o = { 'name': _a[0], 'y': _a[1] };
-				}
-				_displaySeries.push( _o );
-			});			
-			
-			_displaySeriesIndexMap = null;
-			
-			
-			if( _filter ){
-				var _tmp:Array = [], _count:int = 0;
-				_displaySeriesIndexMap = {};
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					if( !(_k in _filter) ){
-						_tmp.push( _item );	
-						_displaySeriesIndexMap[ _count++ ] = _k;
-					}
-				});
-				_displaySeries = _tmp;
-			}
-			
-			_filterData = _filter || {};
-			
-			//Log.printJSON( _displaySeries );			
-			
-			return this;
-		}
-		
-		override public function get totalNum():Number{
-			var _r:Number = 0;
-			
-			if( this.isPercent ){
-				_r = 100;
-			}else{
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					_r += _item.y;
-				});
-			}
-			
-			return _r;
-		}
-		
-		override public function get itemName():String{
-			var _r:String = '';
-			cd && cd.series && cd.series.length && ( _r = cd.series[0].name || '' );
-			return _r;
-		}
-		
-		override public function get floatLen():int{
-			
-			if( _isFloatLenReady ){
-				return _floatLen;
-			}
-			_isFloatLenReady = true;
-			
-			if( cd && ( 'floatLen' in cd ) ){
-				_floatLen = cd.floatLen;
-				Log.log( 1 );
-			}else{
-				_floatLen = 0;
-				var _tmpLen:int = 0;
-				Common.each( series, function( _k:int, _item:Object ):void{
-					_tmpLen = Common.floatLen( _item.y );
-					_tmpLen > _floatLen && ( _floatLen = _tmpLen );
-				});
-			}
-			_floatLen == 1 && ( _floatLen = 2 );
-			
-			return _floatLen;
-		}
-		
-		override public function get legendEnabled():Boolean{
-			var _r:Boolean = false;
-			
-			if( cd && cd.legend && ( 'enabled' in cd.legend ) ){
-				_r = StringUtils.parseBool( cd.legend.enabled );
-			}
-			
-			return _r;
-		}
 		
 		override public function get dataLabelEnabled():Boolean{
-			var _r:Boolean = false;
-			//return false;
+			var _r:Boolean = super.dataLabelEnabled;
+			return false;
 			cd 
-			&& cd.plotOptions
+				&& cd.plotOptions
 				&& cd.plotOptions.ndount
 				&& cd.plotOptions.ndount.dataLabels
 				&& ( 'enabled' in cd.plotOptions.ndount.dataLabels )
@@ -149,13 +29,18 @@ package
 		
 		override public function get cdataLabelEnabled():Boolean{
 			var _r:Boolean = false;
-			//return false;
+			return false;
 			cd 
-			&& cd.plotOptions
+				&& cd.plotOptions
 				&& cd.plotOptions.ndount
 				&& cd.plotOptions.ndount.cdataLabels
 				&& ( 'enabled' in cd.plotOptions.ndount.cdataLabels )
 				&& ( _r = cd.plotOptions.ndount.cdataLabels.enabled );
+				
+			cd 
+				&& cd.plotOptions.cdataLabels
+				&& ( 'enabled' in cd.cdataLabels )
+				&& ( _r = cd.cdataLabels.enabled );
 			
 			return _r;
 		}
@@ -163,8 +48,14 @@ package
 		public function get radiusStep():Number{
 			var _r:Number = 8;
 			cd 
-			&& cd.radiusStep
+				&& 'radiusStep' in cd
 				&& ( _r = cd.radiusStep);
+				
+			cd 
+				&& cd.radius
+				&& 'step' in cd.radius
+				&& ( _r = cd.radius.step );
+				
 			return _r;
 		}
 	}
diff --git a/flash/source/chart/NDount/0.1/src/NDount.as b/flash/source/chart/NDount/0.1/src/NDount.as
index 2bd9adc..9aba0bb 100644
--- a/flash/source/chart/NDount/0.1/src/NDount.as
+++ b/flash/source/chart/NDount/0.1/src/NDount.as
@@ -16,7 +16,7 @@ package
 	
 	import org.puremvc.as3.multicore.patterns.facade.*;
 	import org.xas.core.events.*;
-	import org.xas.core.ui.error.BaseError; 
+	import org.xas.core.ui.error.BaseError;
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.data.test.DefaultPieData;
@@ -24,7 +24,7 @@ package
 	import org.xas.jchart.ndount.MainFacade;
 	 
 	  
-	[SWF(frameRate="30", width="1200", height="185")] 
+	[SWF(frameRate="30", width="600", height="500")] 
 	public class NDount extends Sprite
 	{ 
 		private var _inited: Boolean = false;
@@ -66,7 +66,11 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {}); 
 		}
@@ -78,6 +82,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
diff --git a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/CalcCoordinateCmd.as b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/CalcCoordinateCmd.as
index b441aea..0b928e4 100644
--- a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/CalcCoordinateCmd.as
@@ -14,11 +14,15 @@ package org.xas.jchart.ndount.controller
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
 	import org.xas.jchart.ndount.view.mediator.*;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
 	{
 		private var _c:Coordinate;
-		private var _config:Config;
+		private var _config:Config;		
+		private var _maxLabelWidth:Number = 0;
+		private var _maxLabelHeight:Number = 0;
+
 		
 		public function CalcCoordinateCmd()
 		{
@@ -31,76 +35,82 @@ package org.xas.jchart.ndount.controller
 			_c = _config.setCoordinate( new Coordinate() );
 			
 			_c.corner = corner();
-			
-			_c.minX = _c.x;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _c.width - 5;
-			_c.maxY = _c.y + _c.height - 5;
 						
 			facade.registerMediator( new BgMediator( ) )		
 			
-			//Log.log( _config.rate.length );
-			//Log.log( _config.maxNum, _config.finalMaxNum, _config.chartMaxNum, 11111 );
-			
 			if( _config.cd ){			
 				
-				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )	
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
 					_config.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
 					_config.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
-					_config.c.minY += pSubtitleMediator.view.height + 5;
-				}				
+					_config.c.minY += pSubtitleMediator.view.height;
+				}
 				
-				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new LegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
 					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
-					_config.c.minX += pVTitleMediator.view.width - 5;
+					_config.c.minX += pVTitleMediator.view.width;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}	
 				
-				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					_config.c.maxY -= pLegendMediator.view.height;
-					_config.c.legend = { 
-						x: _config.width / 2 - pLegendMediator.view.width / 2
-						, y: _config.c.maxY
-					};
-					_config.c.maxY -= 2;
-				}
-				
-				_config.c.maxX -= 5;
+//				_config.c.maxX -= 5;
 				
 				_config.c.arrowLength = 0;
-				_config.c.chartWidth = _config.c.maxX - _config.c.minX - 5;
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX ;
 				_config.c.chartHeight = _config.c.maxY - _config.c.minY;	
 				
-				_config.c.chartX = _config.c.minX + _config.c.arrowLength + 6.5;
+				_config.c.chartX = _config.c.minX;
 				_config.c.chartY = _config.c.minY;
 				
 				_config.c.chartMaxX = _config.c.chartX + _config.c.chartWidth;
 				_config.c.chartMaxY = _config.c.chartY + _config.c.chartHeight;
 				
 				facade.registerMediator( new GraphicBgMediator() );	
-				facade.registerMediator( new TipsMediator() );
+				
+				if( _config.tooltipEnabled ){
+					facade.registerMediator( new TipsMediator() );
+				}
+				
+				if( _config.dataLabelEnabled ){
+					facade.registerMediator( new BasePieLabelMediator() );	
+					_maxLabelWidth = pPieLabelMediator.maxWidth;
+					_maxLabelHeight = pPieLabelMediator.maxHeight;
+				}
+
+				facade.registerMediator( new GraphicMediator() );
 								
 				calcGraphic();	
+				
+				if( _config.totalLabelEnabled ){
+					facade.registerMediator( new BasePieTotalLabelMediator() );	
+				}
+
 				facade.registerMediator( new CLabelMediator() );
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultPieData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultPieData.instance.data ) );	
 				}
 				
 				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
@@ -111,14 +121,13 @@ package org.xas.jchart.ndount.controller
 		
 		private function calcGraphic():void{			
 			
-			facade.registerMediator( new PieLabelMediator() );
-			facade.registerMediator( new GraphicMediator() );
 			
 			_config.c.cx = _config.c.chartX + _config.c.chartWidth / 2;
 			_config.c.cy = _config.c.chartY + _config.c.chartHeight / 2;
-			_config.c.lineLength = 40;
-			_config.c.lineStart = 10;
-			_config.c.radius = calcRadius( _config.c.chartWidth, _config.c.chartHeight );
+			_config.c.lineLength = _config.dataLabelLineLength;
+			_config.c.lineStart = _config.dataLabelLineStart;
+			
+			_config.c.radius = _config.calcRadius( _config.c.chartWidth, _config.c.chartHeight, _maxLabelWidth, _maxLabelHeight );
 			
 			_config.c.piePart = [];
 			_config.c.pieLine = [];
@@ -134,6 +143,7 @@ package org.xas.jchart.ndount.controller
 				;
 			
 			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void {
+				if( _item.y == 0 ) return;
 				var _pieP:Object = { 
 						cx: _config.c.cx
 						, cy: _config.c.cy
@@ -197,26 +207,26 @@ package org.xas.jchart.ndount.controller
 				}else{
 					//left top
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX += 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_top";
 					}
 					//right top
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX -= 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_top";
 					}
 					//left bottom
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX += 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_bottom";
 					}
 					//right bottom
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX -= 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_bottom";
 					}
 				}
@@ -235,50 +245,38 @@ package org.xas.jchart.ndount.controller
 			});
 		}
 		
-		private function calcRadius( _w:Number, _h:Number ):Number{
-			var _radius:Number = Math.min( _w, _h );
-			
-			if( _config.legendEnabled ){
-				//_radius -= 30;
-			}
-			
-			if( _config.dataLabelEnabled ){
-				_radius -= ( _config.c.lineLength - _config.c.lineStart + 40 ) * 2;
-			}else{
-				_radius += 8;
-			}
-			//Log.log( _radius, _w, _h );
-			
-			_radius /= 2;
-			
-			return _radius;
+		private function get pPieLabelMediator():BasePieLabelMediator{
+			return facade.retrieveMediator( BasePieLabelMediator.name ) as BasePieLabelMediator;
 		}
 		
 		private function get pLegendMediator():LegendMediator{
 			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
-		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
diff --git a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/ClearCmd.as b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/ClearCmd.as
index 7185f95..b780d78 100644
--- a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/ClearCmd.as
+++ b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/ClearCmd.as
@@ -21,10 +21,10 @@ package org.xas.jchart.ndount.controller
 			//Log.log( 'ClearCmd' );
 			
 			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
 			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
@@ -33,9 +33,10 @@ package org.xas.jchart.ndount.controller
 			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
 			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
 			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );		
-			facade.hasMediator( PieLabelMediator.name ) && facade.removeMediator( PieLabelMediator.name );	
-			facade.hasMediator( CLabelMediator.name ) && facade.removeMediator( CLabelMediator.name );			
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );		
+			facade.hasMediator( BasePieLabelMediator.name ) && facade.removeMediator( BasePieLabelMediator.name );	
+			facade.hasMediator( CLabelMediator.name ) && facade.removeMediator( CLabelMediator.name );		
+			facade.hasMediator( BasePieTotalLabelMediator.name ) && facade.removeMediator( BasePieTotalLabelMediator.name );			
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/FilterDataCmd.as b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/FilterDataCmd.as
index 0ac6c07..644686f 100644
--- a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/FilterDataCmd.as
+++ b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.ndount.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.ndount.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/view/components/GraphicView.as b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/view/components/GraphicView.as
index 0ed8930..e6336bd 100644
--- a/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/view/components/GraphicView.as
+++ b/flash/source/chart/NDount/0.1/src/org/xas/jchart/ndount/view/components/GraphicView.as
@@ -31,6 +31,10 @@ package org.xas.jchart.ndount.view.components
 		
 		private var _bgCircle:Sprite;
 		private var _config:Config;
+		private var _selectedIndex:int = -1;
+		
+		private var _ready:Boolean;
+
 		
 		public function GraphicView()
 		{
@@ -46,11 +50,42 @@ package org.xas.jchart.ndount.view.components
 		}
 		
 		private function addToStage( _evt:Event ):void{
-			
+			addEventListener( JChartEvent.SELECTED, onSelected );
+
 			//addChild( new PiePart( new Point( 200, 200 ), 0, 100 ) );			
 			//addChild( new PiePart( new Point( 200, 200 ), 0, 360, 100 ) );
 		}
 		
+		private function onItemReady( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+			if( _data.index === ( _config.c.piePart.length - 1 ) ){				
+				//				Log.log( 'onItemReady:', _data.index, _selectedIndex, _piePart.length - 1 );
+				//				Log.log( 'onItemReady', _selectedIndex );
+				
+				_ready = true;
+				dispatchEvent( new JChartEvent( JChartEvent.SELECTED, { index: _selectedIndex } ) );
+				_config.facade.sendNotification( JChartEvent.READY );
+			}
+		}
+		
+		private function onSelected( _evt:JChartEvent ):void{
+			return;
+			if( !_config.selectableEnabled ) return;
+			if( !_ready ) return;
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+			if( !_piePart.length ) return;
+			
+			if( _index >= 0 && _index <= (_piePart.length - 1 ) && _piePart.length > 1 ){
+				_piePart[ _index ].toggle();
+				//				Log.log( _index );
+			}
+		}
+
+		
 		public function update():void{
 			
 			//Log.log( 'GraphicView update', _config.c.piePart.length );
@@ -106,6 +141,9 @@ package org.xas.jchart.ndount.view.components
 				_pp.addEventListener( MouseEvent.MOUSE_OVER, onMouseOver );
 				_pp.addEventListener( MouseEvent.MOUSE_OUT, onMouseOut );
 				_pp.addEventListener( MouseEvent.CLICK, onMouseClick );
+				_pp.addEventListener( JChartEvent.READY, onItemReady );
+				_pp.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+
 				addChild( _pp );
 				//_pp.x = 10000;
 				_piePart.push( _pp );
diff --git a/flash/source/chart/PieGraph/0.1/.actionScriptProperties b/flash/source/chart/PieGraph/0.1/.actionScriptProperties
index 443355a..14b9351 100644
--- a/flash/source/chart/PieGraph/0.1/.actionScriptProperties
+++ b/flash/source/chart/PieGraph/0.1/.actionScriptProperties
@@ -39,3 +39,5 @@
 
 
 
+
+
diff --git a/flash/source/chart/PieGraph/0.1/src/Config.as b/flash/source/chart/PieGraph/0.1/src/Config.as
index 10b3a93..549a581 100644
--- a/flash/source/chart/PieGraph/0.1/src/Config.as
+++ b/flash/source/chart/PieGraph/0.1/src/Config.as
@@ -3,123 +3,17 @@ package
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.config.BasePieConfig;
 	
-	public class Config extends BaseConfig
+	public class Config extends BasePieConfig
 	{
 		public function Config()
 		{
 			super();
 		}
 		
-		private var _pseries:Array = [];
-		
-		override public function setChartData(_d:Object):Object{
-			super.setChartData( _d );
-			
-			_pseries = [];
-			
-			if( this.cd.series && this.cd.series.length ){
-				Common.each( this.cd.series[0].data, function( _k:int, _item: * ):void{
-					var _o:Object, _a:Array = _item as Array;
-					if( !_a ){
-						_o = _item as Object;
-					}else{
-						_o = { 'name': _a[0], 'y': _a[1] };
-					}
-					_pseries.push( _o );
-				});
-				//Log.printJSON( _pseries );
-			}
-			
-			return this.chartData;
-		}
-		
-		override public function get series():Array{
-			
-			return _pseries;
-		}
-		
-		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
-			_data = _data || chartData;
-			if( !( _data && _data.series && _data.series.length ) ) return this;
-			var _tmpSeries:Array = JSON.parse( JSON.stringify( _data.series ) ) as Array
-				;
-			
-			_displaySeries = []
-			//Log.printJSON( _tmpSeries[0].data );
-			
-			Common.each( _tmpSeries[0].data, function( _k:int, _item: * ):void{
-				var _o:Object, _a:Array = _item as Array;
-				if( !_a ){
-					_o = _item as Object;
-				}else{
-					_o = { 'name': _a[0], 'y': _a[1] };
-				}
-				_displaySeries.push( _o );
-			});			
-			
-			_displaySeriesIndexMap = null;
-			
-			
-			if( _filter ){
-				var _tmp:Array = [], _count:int = 0;
-				_displaySeriesIndexMap = {};
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					if( !(_k in _filter) ){
-						_tmp.push( _item );	
-						_displaySeriesIndexMap[ _count++ ] = _k;
-					}
-				});
-				_displaySeries = _tmp;
-			}
-			
-			_filterData = _filter || {};
-			
-			//Log.printJSON( _displaySeries );			
-			
-			return this;
-		}
-		
-		override public function get totalNum():Number{
-			var _r:Number = 0;
-			
-			if( this.isPercent ){
-				_r = 100;
-			}else{
-				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
-					_r += _item.y;
-				});
-			}
-			
-			return _r;
-		}
-		
-		override public function get itemName():String{
-			var _r:String = '';
-			cd && cd.series && cd.series.length && ( _r = cd.series[0].name || '' );
-			return _r;
-		}
-		
-		override public function get floatLen():int{
-			
-			if( _isFloatLenReady ){
-				return _floatLen;
-			}
-			_isFloatLenReady = true;
-			
-			if( cd && ( 'floatLen' in cd ) ){
-				_floatLen = cd.floatLen;
-			}else{
-				_floatLen = 0;
-				var _tmpLen:int = 0;
-				Common.each( series, function( _k:int, _item:Object ):void{
-					_tmpLen = Common.floatLen( _item.y );
-					_tmpLen > _floatLen && ( _floatLen = _tmpLen );
-				});
-			}
-			_floatLen == 1 && ( _floatLen = 2 );
-			
-			return _floatLen;
-		}
+		override public function get chartName():String{ return 'PieGraph'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/pie/'; }
+
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/PieGraph/0.1/src/PieGraph.as b/flash/source/chart/PieGraph/0.1/src/PieGraph.as
index ca9a91b..3636c4c 100644
--- a/flash/source/chart/PieGraph/0.1/src/PieGraph.as
+++ b/flash/source/chart/PieGraph/0.1/src/PieGraph.as
@@ -22,7 +22,7 @@ package
 	import org.xas.jchart.piegraph.MainFacade; 
 	  
 	  
-	[SWF(frameRate="30", width="800", height="500")] 
+	[SWF(frameRate="30", width="500", height="500")] 
 	public class PieGraph extends Sprite  
 	{ 
 		private var _inited: Boolean = false;
@@ -64,7 +64,11 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {});
 		}
@@ -76,6 +80,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
@@ -148,8 +156,9 @@ package
 			
 			var _data:Object = {};
 			
-			if( !ExternalInterface.available ){							
-				_data = DefaultPieData.instance.data[0];
+			if( !ExternalInterface.available ){		
+				if( !DefaultPieData.instance.data.length ) return;
+				_data = DefaultPieData.instance.data[ 0 ];
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};				
 				if( _loaderInfo.chart ){
diff --git a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/CalcCoordinateCmd.as b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/CalcCoordinateCmd.as
index 22286e9..bfdd1e0 100644
--- a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/CalcCoordinateCmd.as
@@ -12,95 +12,119 @@ package org.xas.jchart.piegraph.controller
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.test.DefaultPieData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.DountGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.PieLabelMediator.BasePieLabelMediator;
+	import org.xas.jchart.common.view.mediator.PieTotalLabelMediator.BasePieTotalLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.DountTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.piegraph.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
 	{
 		private var _c:Coordinate;
-		
+		private var _config:Config;
+		private var _maxLabelWidth:Number = 0;
+		private var _maxLabelHeight:Number = 0;
+		 
 		public function CalcCoordinateCmd()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override public function execute(notification:INotification):void{
 			
-			_c = BaseConfig.ins.setCoordinate( new Coordinate() );
+			_c =_config.setCoordinate( new Coordinate() );
 			
 			_c.corner = corner();
 			
-			_c.minX = _c.x;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _c.width - 5;
-			_c.maxY = _c.y + _c.height - 5;
+			_c.minX = _config.vlabelSpace;
+			_c.minY = _config.vspace;
+			_c.maxX = _config.stageWidth - _config.vlabelSpace;
+			_c.maxY = _config.stageHeight - _config.vspace;
 						
-			facade.registerMediator( new BgMediator( ) )		
-			
-			//Log.log( BaseConfig.ins.rate.length );
-			//Log.log( BaseConfig.ins.maxNum, BaseConfig.ins.finalMaxNum, BaseConfig.ins.chartMaxNum, 11111 );
+			facade.registerMediator( new BaseBgMediator( ) )		
 			
-			if( BaseConfig.ins.cd ){			
+			if(_config.cd ){			
 				
-				if( BaseConfig.ins.cd.title && BaseConfig.ins.cd.title.text ){
-					facade.registerMediator( new TitleMediator( BaseConfig.ins.cd.title.text ) )	
-					BaseConfig.ins.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
-					BaseConfig.ins.c.minY += pTitleMediator.view.height;			
+				if( _config.titleEnable){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( BaseConfig.ins.cd.subtitle && BaseConfig.ins.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
-					BaseConfig.ins.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
-					BaseConfig.ins.c.minY += pSubtitleMediator.view.height + 5;
-				}				
+					_config.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height + 5;
+				}
+				
+				if(_config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
 				
-				if( BaseConfig.ins.cd.yAxis && BaseConfig.ins.cd.yAxis.title && BaseConfig.ins.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
-					BaseConfig.ins.c.vtitle = { x: BaseConfig.ins.c.minX, y: BaseConfig.ins.c.x + BaseConfig.ins.c.height / 2, item: pVTitleMediator };
-					BaseConfig.ins.c.minX += pVTitleMediator.view.width - 5;
+					_config.c.vtitle = { x:_config.c.minX, y:_config.c.x +_config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - 5;
 				}
 				
-				if( BaseConfig.ins.cd.credits && BaseConfig.ins.cd.credits.enabled && ( BaseConfig.ins.cd.credits.text || BaseConfig.ins.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
+				if(_config.cd.credits &&_config.cd.credits.enabled && (_config.cd.credits.text ||_config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator(_config.cd.credits.text,_config.cd.credits.href ) )
 					
-					BaseConfig.ins.c.credits = { x: BaseConfig.ins.c.maxX, y: BaseConfig.ins.c.maxY, item: pCreditMediator };
-					BaseConfig.ins.c.maxY -= pCreditMediator.view.height;
+					_config.c.credits = { x:_config.c.maxX, y:_config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
 				}	
 				
-				if( BaseConfig.ins.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					BaseConfig.ins.c.maxY -= pLegendMediator.view.height;
-					BaseConfig.ins.c.legend = { 
-						x: BaseConfig.ins.width / 2 - pLegendMediator.view.width / 2
-						, y: BaseConfig.ins.c.maxY
-					};
-					BaseConfig.ins.c.maxY -= 2;
-				}
+//				_config.c.maxX -= 5;
+				
+				_config.c.chartWidth =_config.c.maxX -_config.c.minX;
+				_config.c.chartHeight =_config.c.maxY -_config.c.minY;	
+				
+				_config.c.chartX =_config.c.minX;
+				_config.c.chartY =_config.c.minY;
 				
-				BaseConfig.ins.c.maxX -= 5;
+				_config.c.chartMaxX =_config.c.chartX +_config.c.chartWidth;
+				_config.c.chartMaxY =_config.c.chartY +_config.c.chartHeight;
 				
-				BaseConfig.ins.c.arrowLength = 0;
-				BaseConfig.ins.c.chartWidth = BaseConfig.ins.c.maxX - BaseConfig.ins.c.minX - 5;
-				BaseConfig.ins.c.chartHeight = BaseConfig.ins.c.maxY - BaseConfig.ins.c.minY;	
+				facade.registerMediator( new DountGraphicBgMediator() );	
 				
-				BaseConfig.ins.c.chartX = BaseConfig.ins.c.minX + BaseConfig.ins.c.arrowLength + 6.5;
-				BaseConfig.ins.c.chartY = BaseConfig.ins.c.minY;
+				if( _config.tooltipEnabled ){
+					facade.registerMediator( new DountTipsMediator() );
+				}
 				
-				BaseConfig.ins.c.chartMaxX = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth;
-				BaseConfig.ins.c.chartMaxY = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight;
+				if( _config.dataLabelEnabled ){
+					facade.registerMediator( new BasePieLabelMediator() );	
+					_maxLabelWidth = pPieLabelMediator.maxWidth;
+					_maxLabelHeight = pPieLabelMediator.maxHeight;
+				}
+				facade.registerMediator( new GraphicMediator() );
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				facade.registerMediator( new TipsMediator() );
-								
 				calcGraphic();	
 				
+				if( _config.totalLabelEnabled ){
+					facade.registerMediator( new BasePieTotalLabelMediator() );	
+				}
+				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultPieData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultPieData.instance.data ) );	
 				}
 				
-				//Log.log( BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight );
+				//Log.log(_config.c.chartWidth,_config.c.chartHeight );
 			}
 									
 			sendNotification( JChartEvent.SHOW_CHART );			
@@ -108,37 +132,36 @@ package org.xas.jchart.piegraph.controller
 		
 		private function calcGraphic():void{			
 			
-			facade.registerMediator( new PieLabelMediator() );
-			facade.registerMediator( new GraphicMediator() );
+			_config.c.cx =_config.c.chartX +_config.c.chartWidth / 2;
+			_config.c.cy =_config.c.chartY +_config.c.chartHeight / 2;
 			
-			BaseConfig.ins.c.cx = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth / 2;
-			BaseConfig.ins.c.cy = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight / 2;
-			BaseConfig.ins.c.lineLength = 40;
-			BaseConfig.ins.c.lineStart = 10;
-			BaseConfig.ins.c.radius = calcRadius( BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight );
+			_config.c.lineLength = _config.dataLabelLineLength;
+			_config.c.lineStart = _config.dataLabelLineStart;
 			
-			BaseConfig.ins.c.piePart = [];
-			BaseConfig.ins.c.pieLine = [];
+			_config.c.radius = calcRadius(_config.c.chartWidth,_config.c.chartHeight );
 			
-			if( !( BaseConfig.ins.series && BaseConfig.ins.series.length ) ) return;
+			_config.c.piePart = [];
+			_config.c.pieLine = [];
+			 
+			if( !(_config.series &&_config.series.length ) ) return;
 			
 			var _angle:Number = 360
 				, _angleCount:Number = 0
-				, _offsetAngle:Number = BaseConfig.ins.offsetAngle
-				, _totalNum:Number = BaseConfig.ins.totalNum
+				, _offsetAngle:Number =_config.offsetAngle
+				, _totalNum:Number =_config.totalNum
 				, _tmpPoint:Point
-				, _cpoint:Point = new Point( BaseConfig.ins.c.cx, BaseConfig.ins.c.cy )
+				, _cpoint:Point = new Point(_config.c.cx,_config.c.cy )
 				;
 
-			Common.each( BaseConfig.ins.displaySeries, function( _k:int, _item:Object ):void {
+			Common.each(_config.displaySeries, function( _k:int, _item:Object ):void {
 				if( _item.y === 0 ) return;
 				var _pieP:Object = { 
-						cx: BaseConfig.ins.c.cx
-						, cy: BaseConfig.ins.c.cy
-						, radius: BaseConfig.ins.c.radius 
+						cx:_config.c.cx
+						, cy:_config.c.cy
+						, radius:_config.c.radius
 						, offsetAngle: _offsetAngle
 						, totalNum: _totalNum
-						, data: _item
+						, data: _item 
 					}
 					, _pieL:Object  = { data: _item }
 					;
@@ -165,11 +188,11 @@ package org.xas.jchart.piegraph.controller
 				_pieP.startPoint = { x: _spoint.x + _pieP.cx, y: _spoint.y + _pieP.cy };
 				_pieP.endPoint = { x: _epoint.x + _pieP.cx, y: _epoint.y + _pieP.cy };
 				
-				_spoint = Common.distanceAngleToPoint( _pieP.radius - BaseConfig.ins.c.lineStart, _pieP.midAngle );
-				_epoint = Common.distanceAngleToPoint( _pieP.radius + BaseConfig.ins.c.lineLength, _pieP.midAngle );
+				_spoint = Common.distanceAngleToPoint( _pieP.radius -_config.c.lineStart, _pieP.midAngle );
+				_epoint = Common.distanceAngleToPoint( _pieP.radius +_config.c.lineLength, _pieP.midAngle );
 				
-				_pieL.cx = BaseConfig.ins.c.cx;
-				_pieL.cy = BaseConfig.ins.c.cy;
+				_pieL.cx =_config.c.cx;
+				_pieL.cy =_config.c.cy;
 				_pieL.start = { x: _spoint.x + _pieL.cx, y: _spoint.y + _pieL.cy };
 				_pieL.end = { x: _epoint.x + _pieL.cx, y: _epoint.y + _pieL.cy };
 				_pieL.ex = { x: _expoint.x + _pieL.cx, y: _expoint.y + _pieL.cy };
@@ -190,89 +213,97 @@ package org.xas.jchart.piegraph.controller
 				}else{
 					//left top
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX += 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_top";
 					}
 					//right top
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y < _pieL.cy ){
-						_controlY -= 5;
-						_controlX -= 5;
+						_controlY -= _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_top";
 					}
 					//left bottom
 					if( _pieL.end.x < _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX += 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX += _config.dataLabelLineControlXOffset;
 						_pieL.direction = "left_bottom";
 					}
 					//right bottom
 					if( _pieL.end.x > _pieL.cx && _pieL.end.y > _pieL.cy ){
-						_controlY += 5;
-						_controlX -= 5;
+						_controlY += _config.dataLabelLineControlYOffset;
+						_controlX -= _config.dataLabelLineControlXOffset;
 						_pieL.direction = "right_bottom";
 					}
 				}
 				_pieL.control = { x: _controlX, y: _controlY };
 				
-				/*
-				_tmpPath = JC.f.printf( 'M{0} {1}S{2} {3} {4} {5}'
-					, _pieL.start.x, _pieL.start.y
-					, _controlX, _controlY 
-					, _pieL.end.x, _pieL.end.y
-				);
-				*/
-				
-				BaseConfig.ins.c.piePart.push( _pieP );
-				BaseConfig.ins.c.pieLine.push( _pieL );
+				_config.c.piePart.push( _pieP );
+				_config.c.pieLine.push( _pieL );
 			});
 		}
 		
 		private function calcRadius( _w:Number, _h:Number ):Number{
 			var _radius:Number = Math.min( _w, _h );
+
+			_radius /= 2;
 			
-			if( BaseConfig.ins.legendEnabled ){
-				_radius -= 30;
-			}
+//			Log.log( '_maxLabelWidth:', _maxLabelWidth );
 			
-			if( BaseConfig.ins.dataLabelEnabled ){
-				_radius -= ( BaseConfig.ins.c.lineLength - BaseConfig.ins.c.lineStart + 40 ) * 2;
-			}else{
-				_radius -= 40;
+			if( _config.dataLabelEnabled ){			
+				_radius -= (_config.dataLabelLineLength - _config.dataLabelLineStart );	
+				if(
+					_w > _h && !_config.legendIntersect( _radius - _maxLabelHeight
+						, _maxLabelWidth
+						,  _config.dataLabelLineLength - _config.dataLabelLineStart
+					)
+				){
+					_radius = _radius - _maxLabelHeight;
+				}else{
+					_radius = _radius - _maxLabelWidth;
+				}
+			}else{ 
+				_radius -= _config.moveDistance;
 			}
-			
-			_radius /= 2;
+//			Log.log( _config.c.chartWidth,_config.c.chartHeight, _radius );
 			
 			return _radius;
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pPieLabelMediator():BasePieLabelMediator{
+			return facade.retrieveMediator( BasePieLabelMediator.name ) as BasePieLabelMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
 		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/ClearCmd.as b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/ClearCmd.as
index cbe2d46..094a76b 100644
--- a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/ClearCmd.as
+++ b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/ClearCmd.as
@@ -7,6 +7,20 @@ package org.xas.jchart.piegraph.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.PieLabelMediator.BasePieLabelMediator;
+	import org.xas.jchart.common.view.mediator.PieTotalLabelMediator.BasePieTotalLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.piegraph.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,21 +34,23 @@ package org.xas.jchart.piegraph.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );		
-			facade.hasMediator( PieLabelMediator.name ) && facade.removeMediator( PieLabelMediator.name );			
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );		
+			facade.hasMediator( BasePieLabelMediator.name ) && facade.removeMediator( BasePieLabelMediator.name );	
+			facade.hasMediator( BasePieTotalLabelMediator.name ) && facade.removeMediator( BasePieTotalLabelMediator.name );		
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/FilterDataCmd.as b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/FilterDataCmd.as
index be76880..bc62ca7 100644
--- a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/FilterDataCmd.as
+++ b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.piegraph.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.piegraph.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/view/components/GraphicView.as b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/view/components/GraphicView.as
index b026b36..e301c15 100644
--- a/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/view/components/GraphicView.as
+++ b/flash/source/chart/PieGraph/0.1/src/org/xas/jchart/piegraph/view/components/GraphicView.as
@@ -28,87 +28,135 @@ package org.xas.jchart.piegraph.view.components
 		private var _piePart:Vector.<PiePart>;
 		
 		private var _hideTimer:Timer;
+		private var _config:Config;
+		private var _selectedIndex:int = -1;
+		
+		private var _ready:Boolean;
 		
 		public function GraphicView()
 		{
 			super(); 
+			_config = BaseConfig.ins as Config;
 			
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 			
 			_hideTimer = new Timer( 200, 1 );
 			_hideTimer.addEventListener( TimerEvent.TIMER, onTimerHideDone );
-			//_hideTimer.start();
-			
-			/*
-			addEventListener( JChartEvent.SHOW_TIPS, showTips );
-			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
-			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
-			*/
+
 		}
 		
-		private function addToStage( _evt:Event ):void{
-			
-			//addChild( new PiePart( new Point( 200, 200 ), 0, 100 ) );			
-			//addChild( new PiePart( new Point( 200, 200 ), 0, 360, 100 ) );
+		private function addToStage( _evt:Event ):void{			
+			addEventListener( JChartEvent.SELECTED, onSelected );
 		}
 		
 		public function update():void{
 			
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.piePart && BaseConfig.ins.c.piePart.length ) ) return;
-			//Log.log( 'GraphicView update', BaseConfig.ins.c.piePart.length );
+			if( !( _config.c && _config.c.piePart && _config.c.piePart.length ) ) return;
+//			Log.printFormatJSON( _config.displaySeriesIndexMap );
 			
 			graphics.clear();
 			_piePart = new Vector.<PiePart>();
 			
-			Common.each( BaseConfig.ins.c.piePart, function( _k:int, _item:Object ):void{
+			if( !_config.dataInited ){
+				Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+					if( _item.selected ){
+						_selectedIndex = _k;
+					}
+				});
+			}
+			
+//			Log.log( 'GraphicView: _config.selected = ', _config.selected );
+			
+			if( _config.selected >= 0 ){
+				Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+					if( _config.selected === _config.displaySeriesIndexMap[ _k ] ){
+						_selectedIndex = _k;
+					}
+				});
+//				Log.log( _selectedIndex, _config.selected );
+			}
+			
+			Common.each( _config.c.piePart, function( _k:int, _item:Object ):void{
+				
 				if( _item.data.y === 0 ) return;
+				
+				var _preItem:PiePart;
+				_k && _piePart.length && ( _preItem = _piePart[ _piePart.length - 1 ] );
+				
 				var _pp:PiePart = new PiePart( 
 										new Point( _item.cx, _item.cy )
 										, _item.startAngle, _item.endAngle
 										, _item.radius
 										, _k
-										, { 'color': BaseConfig.ins.itemColor( _k ) }
+										, { 
+											'color': _config.itemColor( _k )
+										}
+										, {}
+										, 0
+										, {
+											'seriesIndex': _config.displaySeriesIndexMap[ _k ]
+											, 'preItem': _preItem
+											, 'moveDistance': _config.moveDistance * 1
+										}
 									);				
+				_piePart.push( _pp );
+				
 				_pp.addEventListener( JChartEvent.UPDATE_STATUS, onPiePartUpdateStatus );
 				_pp.addEventListener( MouseEvent.MOUSE_OVER, onMouseOver );
 				_pp.addEventListener( MouseEvent.MOUSE_OUT, onMouseOut );
 				_pp.addEventListener( MouseEvent.CLICK, onMouseClick );
+				_pp.addEventListener( JChartEvent.READY, onItemReady );
+				_pp.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+				
 				addChild( _pp );
-				_piePart.push( _pp );
 				
 				//Log.log( _item.cx, _item.cy, _item.startAngle, _item.endAngle, _item.radius );
 			});
 						
-			var _selectedIndex:int = -1;
-			Common.each( BaseConfig.ins.displaySeries, function( _k:int, _item:Object ):void{
-				if( _item.selected ){
-					_selectedIndex = _k;
-				}
-			});
-			
-			//Log.log( _selectedIndex );
-			if( BaseConfig.ins.selected >= 0 ){
-				_selectedIndex = BaseConfig.ins.selected;
+		}
+		
+		private function onItemReady( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+			if( _data.index === ( _config.c.piePart.length - 1 ) ){				
+//				Log.log( 'onItemReady:', _data.index, _selectedIndex, _piePart.length - 1 );
+//				Log.log( 'onItemReady', _selectedIndex );
+				
+				_ready = true;
+				dispatchEvent( new JChartEvent( JChartEvent.SELECTED, { index: _selectedIndex } ) );
+				_config.facade.sendNotification( JChartEvent.READY );
 			}
+		}
+		
+		private function onSelected( _evt:JChartEvent ):void{
+			if( !_config.selectableEnabled ) return;
+			if( !_ready ) return;
+			var _data:Object = _evt.data || {}
+				, _index:int = _data.index || 0
+				;
+			if( !_piePart.length ) return;
 			
-			if( _selectedIndex >= 0 && _selectedIndex <= (_piePart.length - 1 ) && _piePart.length > 1 ){
-				_piePart[ _selectedIndex ].selected( true );
+			if( _index >= 0 && _index <= (_piePart.length - 1 ) && _piePart.length > 1 ){
+				_piePart[ _index ].toggle();
+//				Log.log( _index );
 			}
 		}
 				
 		protected function onMouseOver( _evt:MouseEvent ):void{
+			if( !_ready ) return;
 			
 			_hideTimer.running && _hideTimer.stop();
-			root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
-			addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+//			root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 			dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, _evt ) );
 			//Log.log( 'show tips' );
 			
 		}
 		
 		protected function onMouseOut( _evt:MouseEvent ):void{
+			if( !_ready ) return;
 			try{
-				root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+//				root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 				//dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, _evt ) );
 				_hideTimer.running && _hideTimer.stop();
 				_hideTimer.start();
@@ -123,40 +171,55 @@ package org.xas.jchart.piegraph.view.components
 		}
 		
 		protected function onMouseClick( _evt:MouseEvent ):void{
-			var _pp:PiePart = _evt.target as PiePart;
-			if( !(　_pp && BaseConfig.ins.displaySeries.length >= 2 ) )  return;
-			_pp.toggle();
+			if( !_ready ) return;
+//			Log.log( 'onMouseClick' );
+			var _pp:PiePart = _evt.currentTarget as PiePart;
+			if( !(　_pp && _config.displaySeries.length >= 2 ) )  return;
+//			_pp.toggle();
+			dispatchEvent( new JChartEvent( JChartEvent.SELECTED, { index: _pp.dataIndex } ) );
 		}
 		
 		protected function onMouseMove( _evt:MouseEvent ):void{
+//			Log.log( 1 );
+			if( !_ready ) return;
 			//Log.log( 'GraphicView onMouseMove', new Date().getTime() );
-			var _pp:PiePart = _evt.target as PiePart;
+			var _pp:PiePart = _evt.currentTarget as PiePart;
+//			Log.log( 2 );
 			if( !_pp ) return;
+//			Log.log( 3 );
 			//Log.log( _pp.dataIndex );
 			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _pp.dataIndex } ) );
 		}	
 				
 		private function onPiePartUpdateStatus( _evt:JChartEvent ):void{
-			var _data:Object = _evt.data as Object;
-			
-			
+			if( !_ready ) return;
+			var _data:Object = _evt.data as Object
+				, _oindex:int = _config.displaySeriesIndexMap[ _data.index ]
+				;
+				
 			if( _piePart.length === 1 ) {
 				return;
 			}
 			
-			if( BaseConfig.ins.selected >= 0 
-				&& BaseConfig.ins.selected <= ( _piePart.length - 1 ) 
-				&& BaseConfig.ins.selected != _data.dataIndex 
-			){
-				_piePart[ BaseConfig.ins.selected ].unselected();
-			}
+			if( _oindex > -1 && _oindex != _config.selected ){
+				Common.each( _piePart, function( _k:int, _item:PiePart ):Boolean{
+					var _r:Boolean = true, _tindex:int = _config.displaySeriesIndexMap[ _item.dataIndex ];
+					if( _config.selected === _tindex ){
+						_r = false;
+						_item.unselected();
+					}
+					
+					return _r;
+				});
+			}			
 			
 			if( _data.selected ){
-				BaseConfig.ins.selected = _data.dataIndex;
+				_config.selected = _oindex;
 			}else{
-				BaseConfig.ins.selected = -1;
+				_config.selected = -1;
 			}					
-			//Log.log( BaseConfig.ins.selected );			
+//			Log.log( 'onPiePartUpdateStatus: _config.selected = ', _config.selected );
+//			Log.log( _config.selected, _data.selected );			
 		}
 		
 		private function showTips( _evt: JChartEvent ):void{
diff --git a/flash/source/chart/Radar/0.1/.actionScriptProperties b/flash/source/chart/Radar/0.1/.actionScriptProperties
new file mode 100644
index 0000000..1c71ad8
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/.actionScriptProperties
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="Radar.as" projectUUID="8c325824-0eaf-4b18-aca5-7b35468radar" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="Radar.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
diff --git a/flash/source/chart/Radar/0.1/.project b/flash/source/chart/Radar/0.1/.project
new file mode 100644
index 0000000..70d2983
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>Radar</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/Radar/0.1/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/Radar/0.1/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.double.line.html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.double.line.html
new file mode 100644
index 0000000..92008c4
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.double.line.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        //, enabled: false
+
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.html
new file mode 100644
index 0000000..51b9f60
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_rate.html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_rate.html
new file mode 100644
index 0000000..85c8cca
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline.html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline.html
new file mode 100644
index 0000000..48e7b02
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline_hline.html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline_hline.html
new file mode 100644
index 0000000..0b71420
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        enabled: false
+                    },
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.pv_uv..html b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.pv_uv..html
new file mode 100644
index 0000000..eebc8ae
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/demo.CurveGram.pv_uv..html
@@ -0,0 +1,123 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - CurveGram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - CurveGram.swf</dt>
+    <dd>
+        <div id="CurveGram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/CurveGram.swf"
+        , "CurveGram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '02/24', '02/25', '02/26', '02/27', '02/28', '02/29', '03/01' ]
+                    }
+                    , yAxis: {
+                        format: '{0}%'
+                        , enabled: true
+                        , maxvalue: 100
+                    }
+                    , series:[{
+                        name: '目标PV'
+                        , data: [ 70, 49, 76, 30, 55, 26, 78 ]
+                    }, {
+                        name: '目标UV',
+                        data: [ 48, 62, 50, 50, 30, 40, 35 ]
+                    }]
+                    , tooltip: {		
+                        enabled: true
+                        , "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , serial: [
+                            {
+                                name: '区分度', 'value': 1.04
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , colors: [
+                        0x03ACEF
+                        , 0x5DC979
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Radar/0.1/_demo/index.php b/flash/source/chart/Radar/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/Radar/0.1/_demo/jq.js b/flash/source/chart/Radar/0.1/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/_demo/json2.js b/flash/source/chart/Radar/0.1/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/Radar/0.1/_demo/swfobject.js b/flash/source/chart/Radar/0.1/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/Config.as b/flash/source/chart/Radar/0.1/src/Config.as
new file mode 100644
index 0000000..43d4e54
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/Config.as
@@ -0,0 +1,93 @@
+package 
+{
+	import flash.geom.Point;
+	
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+
+	public class Config extends BaseConfig
+	{
+		public function Config()
+		{
+			super();
+		}
+		
+		override public function get chartName():String{ return 'CurveGram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/line/'; }
+		
+		
+		public function lineDashStyle( _seriesPart:Object ):String{
+			var _r:String = 'Solid';
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.line
+				&& this.cd.plotOptions.line.dashStyle
+				&& ( _r = this.cd.plotOptions.line.dashStyle );
+			
+			_seriesPart
+			&& _seriesPart.dashStyle
+				&& ( _r = _seriesPart.dashStyle );				
+			
+			return _r;
+		}
+		
+		public function isFillLine( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillColor' in this.cd.plotOptions.area )
+				&& ( _r = true );
+			
+			_seriesPart
+			&& ( 'fillColor' in _seriesPart )
+				&& ( _r = true );				
+			
+			return _r;
+		}
+		
+		public function isLineGradient( _seriesPart:Object ):Boolean{
+			var _r:Boolean;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& this.cd.plotOptions.area.fillColor
+				&& ( 'linearGradient' in this.cd.plotOptions.area.fillColor )
+				&& ( _r =  StringUtils.parseBool( this.cd.plotOptions.area.fillColor.linearGradient ) );
+			
+			_seriesPart
+				&& _seriesPart.fillColor 
+				&& ( 'linearGradient' in _seriesPart.fillColor )
+				&& ( _r = StringUtils.parseBool( _seriesPart.fillColor.linearGradient ) );				
+			
+			return _r;
+		}
+		
+		
+		
+		public function lineFillOpacity( _seriesPart:Object ):Number{
+			var _r:Number = .35;
+			
+			this.cd
+				&& this.cd.plotOptions
+				&& this.cd.plotOptions.area
+				&& ( 'fillOpacity' in this.cd.plotOptions.area )
+				&& ( _r = this.cd.plotOptions.area.fillOpacity );
+			
+			_seriesPart
+				&& ( 'fillOpacity' in _seriesPart )
+				&& ( _r = _seriesPart.fillOpacity );				
+			
+			return _r;
+		}
+		
+		override public function get animationDuration():Number {
+			var _r:Number = 1;
+			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+			return _r;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/Radar.as b/flash/source/chart/Radar/0.1/src/Radar.as
new file mode 100644
index 0000000..0ec5611
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/Radar.as
@@ -0,0 +1,184 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval;
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig; 
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.DefaultData; 
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.radar.MainFacade;
+
+	       
+	//[SWF(frameRate="30", width="790", height="230")]
+	//[SWF(frameRate="30", width="385", height="225")] 
+	//[SWF(frameRate="30", width="600", height="425")] 
+	//[SWF(frameRate="30", width="590", height="360")] 
+	//[SWF(frameRate="30", width="1400", height="460")]  
+	//[SWF(frameRate="30", width="800", height="400")]   
+	[SWF(frameRate="30", width="800", height="560")] 
+	public class Radar extends Sprite  
+	{   
+		private var _inited: Boolean = false; 
+		private var _timer:Timer;
+		private var _data:Object; 
+		private var _facade:Facade; 
+		private var _resizeTimer:Timer; 
+		private var _ins:Radar; 
+		private var _loaderInfo:Object;
+		
+		public function Radar()
+		{			
+			Security.allowDomain("*");
+			Security.allowInsecureDomain("*"); 
+			_ins = this; 
+						
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			 
+			BaseConfig.setIns( new Config() );
+			
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	 
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			runData();
+			
+			if( ExternalInterface.available ){
+				try{
+					ExternalInterface.addCallback( 'update', extenalUpdate );
+					
+					ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){
+				}
+			}
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );		
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop();
+		}
+		
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !DefaultData.instance.data.length ) return;
+				_data = DefaultData.instance.data[0];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}		
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.1, 2014-07-30';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/MainFacade.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/MainFacade.as
new file mode 100644
index 0000000..21dc6b8
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/MainFacade.as
@@ -0,0 +1,49 @@
+package org.xas.jchart.radar
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.controller.GroupClickCmd;
+	import org.xas.jchart.common.controller.InitedCmd;
+	import org.xas.jchart.common.controller.ItemClickCmd;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.radar.controller.CalcCoordinateCmd;
+	import org.xas.jchart.radar.controller.ClearCmd;
+	import org.xas.jchart.radar.controller.DrawCmd;
+	import org.xas.jchart.radar.controller.FilterDataCmd;
+	
+	public class MainFacade extends BaseFacade implements IFacade
+	{
+		public static const name:String = 'CurveGramFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			
+			super.initializeController();
+			//Log.log( 'MainFacade.initializeController' );
+						
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd );
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/CalcCoordinateCmd.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..2779823
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/CalcCoordinateCmd.as
@@ -0,0 +1,366 @@
+package org.xas.jchart.radar.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import mx.containers.Panel;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.*;
+	import org.xas.jchart.common.proxy.data.rate.BaseRateData;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.RadarBgLineMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.RadarGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GroupMediator.BaseGroupMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.RadarHLabelMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.RadarTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.RadarVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.radar.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate;
+		private var _config:Config;
+		private var _proxy:BaseRateData;
+		
+		public function CalcCoordinateCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+			_proxy = new BaseRateData();
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+			
+			_c.minX = _c.x + _config.vlabelSpace + 2;
+			_c.minY = _c.y + _config.vspace * 2;
+			_c.maxX = _c.x + _config.stageWidth - _config.vspace;
+			_c.maxY = _c.y + _config.stageHeight - _config.vspace;
+			
+			var _yPad:Number = _c.minY;
+						
+			if( _config.cd ){
+				
+				if( _config.titleEnable){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;			
+				}
+				
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height + 5;
+				}
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
+					
+					_config.c.vtitle = { x:_config.c.minX, y:_config.c.x +_config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - 5;
+				}
+				
+				if(_config.cd.credits &&_config.cd.credits.enabled && (_config.cd.credits.text ||_config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator(_config.cd.credits.text,_config.cd.credits.href ) )
+					
+					_config.c.credits = { x:_config.c.maxX, y:_config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}
+				
+				if(_config.legendEnabled ) {
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+				
+				if( _config.xAxisEnabled ) {
+					facade.registerMediator( new RadarHLabelMediator() );
+				}
+				
+				if( _config.yAxisEnabled ) {
+					facade.registerMediator( new RadarVLabelMediator() );
+				}
+				
+				_config.c.chartWidth =_config.c.maxX -_config.c.minX;
+				_config.c.chartHeight =_config.c.maxY -_config.c.minY;	
+				
+				_config.c.chartX =_config.c.minX;
+				_config.c.chartY =_config.c.minY;
+				
+				_config.c.chartMaxX =_config.c.chartX +_config.c.chartWidth;
+				_config.c.chartMaxY =_config.c.chartY +_config.c.chartHeight;
+				
+				facade.registerMediator( new RadarGraphicBgMediator() );
+				if( _config.tooltipEnabled ) {
+					facade.registerMediator( new RadarTipsMediator() );
+				}
+				
+				if( _config.dataLabelEnabled ) {
+					//facade.registerMediator( new BasePieLabelMediator() );	
+					//_maxLabelWidth = pPieLabelMediator.maxWidth;
+					//_maxLabelHeight = pPieLabelMediator.maxHeight;
+				}
+				
+				calcBackgroundPoint();
+				facade.registerMediator( new RadarBgLineMediator() );
+				
+				calcLabelPoint();
+
+				calcGraphic();
+				
+				if( !ExternalInterface.available ) {
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
+				}
+			}
+			
+			sendNotification( JChartEvent.SHOW_CHART );
+		}
+		
+		private function calcBackgroundPoint():void {
+			
+			_config.c.radarBgPoint = [];
+			_config.c.radarAngle = [];
+			
+			var _angle:Number = 360
+				, _range:Number = 5
+				, _categoriesLen:int = _config.categories.length
+				, _partAngle:Number
+				, _radius:Number = calcRadius(_config.c.chartWidth,_config.c.chartHeight )
+				
+				, centerPoint:Point = new Point(
+					_config.c.chartX + _config.c.chartWidth / 2
+					, _config.c.chartY + _config.c.chartHeight / 2
+				)
+				, _basePoint:Point = new Point( centerPoint.x, _config.c.chartY )
+				, _radarPart:Vector.<Point>
+				, _partRange:Number = _radius / _range
+				, _nowRadius:Number = _radius;
+			
+			if( _categoriesLen == 0 ) {
+				var _dataMaxLen:Number = 0;
+				var _itemDataLen:Number;
+				var _displaySeries:Array = _config.displaySeries;
+				Common.each( _displaySeries, function( _idx:Number, _item:Object ):void {
+					_itemDataLen = _item.data.length;
+					_dataMaxLen = Math.max( _itemDataLen, _dataMaxLen );
+				} );
+				_categoriesLen = _dataMaxLen
+			}
+			
+			_partAngle = 360 / _categoriesLen
+			
+			_config.c.radius = _radius;
+			_config.c.range = _range;
+			_config.c.centerPoint = centerPoint;
+			_config.c.partAngle = _partAngle;
+			
+			for( var _i:int = 0; _i < _range; _i++  ) {
+				_radarPart = new Vector.<Point>();
+				
+				_nowRadius -= _partRange;
+				
+				var _nowAngle:Number = 0
+					, _remotePoint:Point;
+				
+				for( var _j:Number = 0; _j < _categoriesLen; _j++ ) {
+					_remotePoint = calcPointByCenter( centerPoint, _nowRadius, _nowAngle );
+					
+					if( !_config.c.radarAngle[ _j ] ) {
+						_config.c.radarAngle[ _j ] = _nowAngle;
+					}
+					
+					_radarPart.push( _remotePoint );
+					_nowAngle += _partAngle;
+				}
+				_config.c.radarBgPoint.push( _radarPart );
+			}
+		}
+		
+		private function calcGraphic():void {
+			facade.registerMediator( new GraphicMediator() );
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			var _dataMaxLen:Number = 0;
+			var _itemDataLen:Number;
+			var _displaySeries:Array = _config.displaySeries;
+			Common.each( _displaySeries, function( _idx:Number, _item:Object ):void {
+				_itemDataLen = _item.data.length;
+				_dataMaxLen = Math.max( _itemDataLen, _dataMaxLen );
+			} );
+			
+			_config.c.dataList = new Array();
+			_config.c.rateList = new Array();
+			
+			var _tmpDataArr:Array;
+			var _tmpRateObj:Object;
+			var _zeroRange:Number;//零值点距原点的距离倍数
+			var _outerRange:Number;//最大值距原零值点的距离倍数
+			var _center:Point = _config.c.centerPoint;//原点
+			var _partHeight:Number = _config.c.radius / _config.c.range;//每一个角每一段的长度
+			var _tmpHeight:Number;//动态点到原点的距离
+			var _tmpRange:Number;//动态点到指定点的距离倍数
+			var _outPoint:Point;//每一个角最大值点
+			var _tmpAngle:Number;
+			for( var _i:Number = 0; _i < _dataMaxLen; _i++ ) {
+				_tmpDataArr = new Array();
+				Common.each( _displaySeries, function( _idx:Number, _item:Object ):void {
+					_tmpDataArr[ _idx ] = {
+						'data': _item.data[ _i ] || 0
+					};
+				} );
+				
+				_tmpRateObj = _proxy.calcRate( _tmpDataArr );
+				
+				_config.c.rateList[ _i ] = _tmpRateObj;
+				
+				_tmpAngle = _config.c.radarAngle[ _i ];
+				
+				_outPoint = _config.c.radarBgPoint[ 0 ][ _i ] as Point;
+				
+				Common.each( _tmpDataArr, function( _n:Number, _o:Object ):void {
+					
+					_zeroRange = ( _config.c.range - 1 ) - _tmpRateObj.rateZeroIndex;
+					_outerRange = ( _config.c.range - 1 ) - _zeroRange;
+					
+					if( _o.data <= 0 ) {
+						if( _tmpRateObj.minNum == 0 ) {
+							_tmpRange = 0;
+						} else {
+							_tmpRange = _o.data / _tmpRateObj.minNum;
+						}
+						
+						_tmpHeight = _zeroRange * _partHeight * ( 1 - _tmpRange );
+					} else {
+						_tmpRange = _o.data / _tmpRateObj.maxNum;
+						_tmpHeight = _zeroRange * _partHeight + _outerRange * _partHeight * _tmpRange;
+					}
+					
+					_tmpDataArr[ _n ].position = calcPointByCenter( _center, _tmpHeight, _tmpAngle );
+				} );
+				
+				_config.c.dataList[ _i ] = _tmpDataArr;
+			}
+			
+			_config.c.pathVector = [];
+			for( var _j:Number = 0; _j < _displaySeries.length; _j++ ) {
+				_config.c.pathVector[ _j ] = {
+					'path' : new Vector.<Point>
+					, 'data' : _displaySeries[ _j ].data
+				};
+				Common.each( _config.c.dataList, function( _n:Number, _item:Object ):void {
+					_config.c.pathVector[ _j ].path[ _n ] = _item[ _j ].position as Point;
+				} );
+			}
+		}
+		
+		private function calcLabelPoint():void {
+			
+			var labelMargin:Number = 30
+				, _radius:Number = _config.c.radius
+				, _partRadius:Number = _radius / _config.c.range
+				, _tmpPoint:Point
+				, _center:Point = _config.c.centerPoint
+				, _angle:Number;
+			
+			_radius = _radius - _partRadius + Math.min( _partRadius, labelMargin );
+			
+			_config.c.hpoint = [];
+			
+			for( var _idx:Number = 0; _idx < _config.categories.length; _idx++ ) {
+				
+				_angle = _config.c.radarAngle[ _idx ];
+				
+				_tmpPoint = calcPointByCenter( _center, _radius, _angle );
+				
+				_config.c.hpoint.push( _tmpPoint );
+			}
+		}
+		
+		private function calcRadius( _w:Number, _h:Number ):Number{
+			var _radius:Number = Math.min( _w, _h );
+			
+			_radius /= 2;
+			
+			return _radius;
+		}
+		
+		private function calcPointByCenter( _center:Point, _radius:Number, _angle:Number ):Point {
+			return new Point(
+				_center.x + _radius * Math.sin( _angle * Math.PI/180 )
+				, _center.y - _radius * Math.cos( _angle * Math.PI/180 )
+			);
+		}
+		
+		private function get pGroupMediator():BaseGroupMediator{
+			return facade.retrieveMediator( BaseGroupMediator.name ) as BaseGroupMediator;
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function get pLineProxy():LineProxy{
+			return facade.retrieveProxy( LineProxy.name ) as LineProxy;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/ClearCmd.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/ClearCmd.as
new file mode 100644
index 0000000..5464372
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/ClearCmd.as
@@ -0,0 +1,61 @@
+package org.xas.jchart.radar.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GroupMediator.BaseGroupMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.ToggleBgMediator.BaseToggleBgMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.radar.view.mediator.GraphicMediator;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{ 
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			
+			facade.hasMediator( BaseBgMediator.name ) 			&& facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) 		&& facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) 		&& facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) 	&& facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) 		&& facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) 		&& facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) 		&& facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) 	&& facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) 		&& facade.removeMediator( BaseHoverBgMediator.name );
+			facade.hasMediator( BaseToggleBgMediator.name ) 	&& facade.removeMediator( BaseToggleBgMediator.name );
+			facade.hasMediator( BaseGroupMediator.name ) 		&& facade.removeMediator( BaseGroupMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) 			&& facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) 		&& facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) 			&& facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) 			&& facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) 			&& facade.removeMediator( BaseTestMediator.name );	
+			
+			facade.hasMediator( MainMediator.name ) 			&& facade.removeMediator( MainMediator.name );
+			facade.hasMediator( GraphicMediator.name ) 			&& facade.removeMediator( GraphicMediator.name );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/DrawCmd.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/DrawCmd.as
new file mode 100644
index 0000000..2949ead
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.radar.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/FilterDataCmd.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/FilterDataCmd.as
new file mode 100644
index 0000000..ad813fa
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.radar.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/components/GraphicView.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/components/GraphicView.as
new file mode 100644
index 0000000..a0beabf
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/components/GraphicView.as
@@ -0,0 +1,82 @@
+package org.xas.jchart.radar.view.components
+{
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.RadarUI;
+	import org.xas.jchart.common.ui.widget.JFillLine;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<RadarUI>;
+		
+		private var _config:Config;
+		
+		public function GraphicView()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+			
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			graphics.clear();
+			_boxs = new Vector.<RadarUI>;
+			
+			if( !( _config.c && _config.c.pathVector && _config.c.pathVector.length ) ) return;
+			
+			Common.each( _config.c.pathVector, function( _idx:Number, _item:Object ):void {
+				var _gitem:RadarUI
+				, _vectorPath:Vector.<Point> = _item.path as Vector.<Point>;
+				
+				addChild(
+					_gitem = new RadarUI(
+						_config.itemColor( _idx )
+						, _vectorPath 
+						, _config.lineDashStyle( _item.data )
+						, {
+							animationEnabled: BaseConfig.ins.animationEnabled
+							, duration: BaseConfig.ins.animationDuration + _idx * 0.1
+							, delay: 0
+							, index: _idx
+							, seriesIndex: _idx
+							, pointEnabled: BaseConfig.ins.pointEnabled( _item.data )
+							, hoverShow: BaseConfig.ins.pointHoverShow( _item.data )
+						}
+					)
+				);
+				
+				_boxs.push( _gitem );
+			} );
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{
+		}
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			
+		}
+		
+	}
+}
diff --git a/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/mediator/GraphicMediator.as b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..7421851
--- /dev/null
+++ b/flash/source/chart/Radar/0.1/src/org/xas/jchart/radar/view/mediator/GraphicMediator.as
@@ -0,0 +1,82 @@
+package org.xas.jchart.radar.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.radar.view.components.GraphicView;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );
+			
+//			_view.addEventListener( JChartEvent.ITEM_CLICK, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.ITEM_CLICK, _evt.data );
+//			} );
+//			
+//			_view.addEventListener( JChartEvent.GROUP_CLICK, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.GROUP_CLICK, _evt.data );
+//			}  );
+//			
+//			_view.addEventListener( JChartEvent.INITED, function( _evt:JChartEvent ):void{
+//				sendNotification( JChartEvent.INITED, _evt.data );
+//			}  );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Rate/0.1/.actionScriptProperties b/flash/source/chart/Rate/0.1/.actionScriptProperties
index f90b61b..74173e2 100644
--- a/flash/source/chart/Rate/0.1/.actionScriptProperties
+++ b/flash/source/chart/Rate/0.1/.actionScriptProperties
@@ -36,3 +36,5 @@
   <modules/>
   <buildCSSFiles/>
 </actionScriptProperties>
+
+
diff --git a/flash/source/chart/Rate/0.1/src/Rate.as b/flash/source/chart/Rate/0.1/src/Rate.as
index 9ab3345..9371590 100644
--- a/flash/source/chart/Rate/0.1/src/Rate.as
+++ b/flash/source/chart/Rate/0.1/src/Rate.as
@@ -19,7 +19,7 @@ package
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.data.test.DefaultPieData;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.rate.MainFacade; 
+	import org.xas.jchart.rate.MainFacade;  
 	  
 	  
 	[SWF(frameRate="30", width="800", height="500")] 
@@ -64,7 +64,9 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {});
 		}
diff --git a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/CalcCoordinateCmd.as b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/CalcCoordinateCmd.as
index 5ad8e61..7d5c34a 100644
--- a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/CalcCoordinateCmd.as
@@ -37,26 +37,23 @@ package org.xas.jchart.rate.controller
 						
 			facade.registerMediator( new BgMediator( ) )		
 			
-			//Log.log( BaseConfig.ins.rate.length );
-			//Log.log( BaseConfig.ins.maxNum, BaseConfig.ins.finalMaxNum, BaseConfig.ins.chartMaxNum, 11111 );
-			
 			if( BaseConfig.ins.cd ){			
 				
 				if( BaseConfig.ins.titleEnable && BaseConfig.ins.cd.title && BaseConfig.ins.cd.title.text ){
-					facade.registerMediator( new TitleMediator( BaseConfig.ins.cd.title.text ) )	
+					facade.registerMediator( new BaseTitleMediator( BaseConfig.ins.cd.title.text ) )	
 					BaseConfig.ins.c.title = { x: _c.width / 2, y: _c.minY, item: pTitleMediator };
 					BaseConfig.ins.c.minY += pTitleMediator.view.height;			
 				}
 				
 				if( BaseConfig.ins.subtitleEnable && BaseConfig.ins.cd.subtitle && BaseConfig.ins.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
+					facade.registerMediator( new BaseSubtitleMediator( BaseConfig.ins.cd.subtitle.text ) )
 					
 					BaseConfig.ins.c.subtitle = { x: _c.width / 2, y: _c.minY, item: pSubtitleMediator };
 					BaseConfig.ins.c.minY += pSubtitleMediator.view.height + 5;
 				}				
 				
 				if( BaseConfig.ins.vtitleEnabled && BaseConfig.ins.cd.yAxis && BaseConfig.ins.cd.yAxis.title && BaseConfig.ins.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
+					facade.registerMediator( new BaseVTitleMediator( BaseConfig.ins.cd.yAxis.title.text ) )
 					
 					BaseConfig.ins.c.vtitle = { x: BaseConfig.ins.c.minX, y: BaseConfig.ins.c.x + BaseConfig.ins.c.height / 2, item: pVTitleMediator };
 					BaseConfig.ins.c.minX += pVTitleMediator.view.width - 5;
@@ -66,7 +63,7 @@ package org.xas.jchart.rate.controller
 					&&  BaseConfig.ins.cd.credits 
 					&& BaseConfig.ins.cd.credits.enabled 
 					&& ( BaseConfig.ins.cd.credits.text || BaseConfig.ins.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( BaseConfig.ins.cd.credits.text, BaseConfig.ins.cd.credits.href ) )
 					
 					BaseConfig.ins.c.credits = { x: BaseConfig.ins.c.maxX, y: BaseConfig.ins.c.maxY, item: pCreditMediator };
 					BaseConfig.ins.c.maxY -= pCreditMediator.view.height;
@@ -101,7 +98,7 @@ package org.xas.jchart.rate.controller
 				
 				CONFIG::debug {	
 					if( !ExternalInterface.available ){
-						facade.registerMediator( new TestMediator( DefaultPieData.instance.data ) );	
+						facade.registerMediator( new BaseTestMediator( DefaultPieData.instance.data ) );	
 					}
 				} 
 				
@@ -113,7 +110,7 @@ package org.xas.jchart.rate.controller
 		
 		private function calcGraphic():void{			
 			
-			facade.registerMediator( new PieLabelMediator() );
+			facade.registerMediator( new BasePieLabelMediator() );
 			facade.registerMediator( new GraphicMediator() );
 			
 			BaseConfig.ins.c.cx = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth / 2;
@@ -136,7 +133,7 @@ package org.xas.jchart.rate.controller
 				;
 
 			Common.each( BaseConfig.ins.displaySeries, function( _k:int, _item:Object ):void {
-				if( _item.y === 0 ) return;
+				//if( _item.y === 0 ) return;
 				var _pieP:Object = { 
 						cx: BaseConfig.ins.c.cx
 						, cy: BaseConfig.ins.c.cy
@@ -206,20 +203,20 @@ package org.xas.jchart.rate.controller
 			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
 		
diff --git a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/ClearCmd.as b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/ClearCmd.as
index 7dcad8f..767a2f7 100644
--- a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/ClearCmd.as
+++ b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/controller/ClearCmd.as
@@ -21,10 +21,10 @@ package org.xas.jchart.rate.controller
 			//Log.log( 'ClearCmd' );
 			
 			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
 			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
@@ -33,8 +33,8 @@ package org.xas.jchart.rate.controller
 			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
 			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
 			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );		
-			facade.hasMediator( PieLabelMediator.name ) && facade.removeMediator( PieLabelMediator.name );			
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );		
+			facade.hasMediator( BasePieLabelMediator.name ) && facade.removeMediator( BasePieLabelMediator.name );			
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/view/components/GraphicView.as b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/view/components/GraphicView.as
index ddd6e7a..59497cd 100644
--- a/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/view/components/GraphicView.as
+++ b/flash/source/chart/Rate/0.1/src/org/xas/jchart/rate/view/components/GraphicView.as
@@ -52,7 +52,10 @@ package org.xas.jchart.rate.view.components
 			
 			var _k:int = 0, _item:Object = _config.c.piePart[0];
 			
-			if( _item.data.y === 0 ) return;
+			//if( _item.data.y === 0 ) return;
+			if( _item.data.y === 0 ){
+				Log.log( 'is zero' );
+			}
 			
 			_rateBall = new RateBall( 
 				_item.data.y, _config.yAxisMaxValue
diff --git a/flash/source/chart/ScoreBall/0.1/.actionScriptProperties b/flash/source/chart/ScoreBall/0.1/.actionScriptProperties
index c50453d..7d8736d 100644
--- a/flash/source/chart/ScoreBall/0.1/.actionScriptProperties
+++ b/flash/source/chart/ScoreBall/0.1/.actionScriptProperties
@@ -38,3 +38,5 @@
 </actionScriptProperties>
 
 
+
+
diff --git a/flash/source/chart/Stack/0.1/.actionScriptProperties b/flash/source/chart/Stack/0.1/.actionScriptProperties
new file mode 100644
index 0000000..fb8bab1
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/.actionScriptProperties
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="Stack.as" projectUUID="8c325813-0eaf-4b18-aca5-7b468688bf4d" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="Stack.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
+
+
+
+
diff --git a/flash/source/chart/Stack/0.1/.project b/flash/source/chart/Stack/0.1/.project
new file mode 100644
index 0000000..c23019a
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>Stack</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/Stack/0.1/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/Stack/0.1/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.html
new file mode 100644
index 0000000..16dc374
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0}"
+                        , enabled: true
+                        , "serial": [
+                            {
+                                "name": "总体"
+                                , "data": [ 
+                                    1000, 2000, 3000, 4000, 5000, 6000
+                                    , 1000, 2000, 3000, 4000, 5000
+                                ]
+                            }
+                        ]
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.percent.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.percent.html
new file mode 100644
index 0000000..30688cd
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.double.line.percent.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , enabled: true
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.html
new file mode 100644
index 0000000..fee944c
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.itemBg.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.itemBg.html
new file mode 100644
index 0000000..86c1031
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.itemBg.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+            {
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}]
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			}
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_rate.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_rate.html
new file mode 100644
index 0000000..c435d63
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline.html
new file mode 100644
index 0000000..6159bb0
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline_hline.html b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline_hline.html
new file mode 100644
index 0000000..756ac4f
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/demo.Histogram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - Stack.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - Stack.swf</dt>
+    <dd>
+        <div id="Histogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        ../bin-debug/Stack.swf
+        , "Histogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    rateLabel: {
+                        enabled: false
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/Stack/0.1/_demo/index.php b/flash/source/chart/Stack/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/Stack/0.1/_demo/jq.js b/flash/source/chart/Stack/0.1/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/_demo/json2.js b/flash/source/chart/Stack/0.1/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/Stack/0.1/_demo/swfobject.js b/flash/source/chart/Stack/0.1/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/Config.as b/flash/source/chart/Stack/0.1/src/Config.as
new file mode 100644
index 0000000..f7d0b48
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/Config.as
@@ -0,0 +1,17 @@
+package 
+{
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.config.BaseStackConfig;
+
+	public class Config extends BaseStackConfig
+	{
+		public function Config()
+		{
+			super();
+		}	
+		
+		override public function get chartName():String{ return 'StackChart'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/stack/'; }
+ 
+	}
+} 
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/Stack.as b/flash/source/chart/Stack/0.1/src/Stack.as
new file mode 100644
index 0000000..fcbeedf
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/Stack.as
@@ -0,0 +1,188 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval;
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log;  
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.test.DefaultData; 
+	import org.xas.jchart.common.event.JChartEvent;   
+	import org.xas.jchart.stack.MainFacade;     
+	         
+
+	//[SWF(frameRate="30", width="790", height="230")]
+	//[SWF(frameRate="30", width="385", height="225")]
+	//[SWF(frameRate="30", width="600", height="425")]
+	//[SWF(frameRate="30", width="590", height="360")]
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="800", height="360")] 
+	public class Stack extends Sprite 
+	{ 
+		private var _inited: Boolean = false;
+		private var _timer:Timer;
+		private var _data:Object;  
+		private var _facade:Facade;
+		private var _resizeTimer:Timer;  
+		private var _ins:Stack;
+		private var _loaderInfo:Object; 
+		
+		public function Stack()
+		{			
+			flash.system.Security.allowDomain("*");	
+			_ins = this; 
+			
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			
+			BaseConfig.setIns( new Config() );
+			 
+			//update( {} );	
+			  
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			
+			//Log.log( Common.numberUp( 100 ) );
+			
+			runData();
+
+			if( ExternalInterface.available ){
+				try{
+				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
+			}
+			//BaseConfig.ins.setChartData( {}); 
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			//Log.printJSON( _evt.data );
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );			
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+			//_facade.sendNotification( JChartEvent.CLEAR );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop();
+		}		
+		 
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !DefaultData.instance.data.length ) return;
+				_data = DefaultData.instance.data[0];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}				
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.1, 2014-07-30';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/MainFacade.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/MainFacade.as
new file mode 100644
index 0000000..e65fb92
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/MainFacade.as
@@ -0,0 +1,42 @@
+package org.xas.jchart.stack
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.stack.controller.CalcCoordinateCmd;
+	import org.xas.jchart.stack.controller.ClearCmd;
+	import org.xas.jchart.stack.controller.DrawCmd;
+	import org.xas.jchart.stack.controller.FilterDataCmd;
+	
+	public class MainFacade extends BaseFacade implements ICommand
+	{
+		public static const name:String = 'StackFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			super.initializeController();
+						
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd );
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/CalcCoordinateCmd.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..338cb6f
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/CalcCoordinateCmd.as
@@ -0,0 +1,498 @@
+package org.xas.jchart.stack.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.StackBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.StackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.StackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.StackHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.StackItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.StackLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.StackSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.StackTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.StackVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.stack.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate;
+		private var _config:Config;
+		 
+		public function CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+									
+			facade.registerMediator( new StackBgMediator( ) );
+			var _yPad:Number = _c.minY;
+			
+			if( _config.cd ){			
+				
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
+					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height + _config.vspace;			
+				}
+				
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY - _config.vspace, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height;
+				}
+				
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}	
+				
+//				_config.c.maxX -= _config.hspace;
+				
+				if( _config.legendEnabled ){
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new StackLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
+					
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
+				}
+				
+				if( _config.yAxisEnabled ){
+					facade.registerMediator( new StackVLabelMediator() );
+					_config.c.minX += pVLabelMediator.maxWidth;
+					_config.c.minX += _config.yArrowLength;
+				}
+
+				_config.c.hoverPadY = 0;
+				if( _config.hoverBgEnabled ){
+					facade.registerMediator( new StackHoverBgMediator() );
+					_config.c.minY += _config.c.hoverPadY;
+//					_yPad += _config.c.hoverPadY;
+				}
+				
+				if( _config.itemBgEnabled ){
+					facade.registerMediator( new StackItemBgMediator() );
+				}
+				
+				_config.c.serialLabelPadY = 0;
+				if( _config.serialLabelEnabled ){
+					facade.registerMediator( new StackSeriesLabelMediator() );
+				}
+								
+				_config.c.vlabelMaxWidth = pVLabelMediator ? pVLabelMediator.maxWidth : 0;
+				
+				if( _config.categories && _config.categories.length ) {
+					if( _config.displayAllLabel ){
+						_config.c.labelWidth = _config.c.chartWidth / _config.categories.length / 2;
+					} else {
+						if( _config.displayMod ){
+							_config.c.labelWidth = _config.c.chartWidth * _config.displayMod 
+								/ _config.categories.length;
+						} else {
+							_config.c.labelWidth = _config.c.chartWidth / 7;
+						}
+					}
+				}
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new StackHLabelMediator() );
+					
+					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+					
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
+				}
+								
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
+			
+				if( _config.graphicHeight ){
+					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
+					_config.c.chartHeight = _config.graphicHeight - _yPad;		
+					_config.c.maxY -= _hpad;
+					
+					if( _config.c.legend ){
+						_config.c.legend.y -= _hpad;
+					}
+					
+					if( _config.c.credits ){
+						_config.c.credits.y -= _hpad;
+					}
+				} else {
+					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				}
+				
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
+				_config.c.chartY = _config.c.minY;
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
+				
+				facade.registerMediator( new StackGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new StackTipsMediator() );
+				//Log.log( _config.tooltipEnabled );
+				
+				
+				/* 添加HLabel重计算 */
+				
+				calcChartPoint();
+				
+				facade.registerMediator( new GraphicMediator() );
+				
+				calcGraphic();
+				
+				if( !ExternalInterface.available ){
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
+				}
+				//Log.log( _config.c.chartWidth, _config.c.chartHeight );
+			}
+			
+			sendNotification( JChartEvent.SHOW_CHART );			
+		}
+		
+		private function calcGraphic():void{
+			
+			_config.c.rects = [];
+			_config.c.dataRect = [];
+			_config.c.stackItems = [];
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			_config.c.partSpace = 0; 
+			_config.c.partWidth = _config.c.itemWidth;
+			
+			if( _config.displaySeries.length > 1 ){				
+				_config.c.partSpace = 4; 
+				_config.c.partWidth = _config.c.itemWidth
+					;
+			}
+			
+//			Log.log( _config.minNum, _config.maxNum );
+			
+			var _partWidth:Number = _config.c.partWidth
+				;
+			if( _partWidth > 50 ){
+				_partWidth = 50;
+			}
+			
+			if( !_config.itemLength ) return;
+			
+			var _positiveOffset:Number
+				, _positiveHeight:Number = _config.c.vpart * _config.rateZeroIndex
+				
+				, _negativeOffset:Number
+				, _negativeHeight:Number = _config.c.chartHeight - _config.c.vpart * _config.rateZeroIndex
+				;
+				
+//				Log.log( _config.minNum );
+			
+			Common.each( _config.displaySeries[0].data, function( _k:int, _item:Object ):void{
+				_positiveOffset = 0;
+				_negativeOffset = 0;
+				
+				var _items:Array = []
+					, _pointItem:Object = _config.c.hlinePoint[ _k ]
+					, _sp:Point = _pointItem.start as Point
+					, _ep:Point = _pointItem.end as Point
+					, _x:Number = _sp.x + _config.c.hpart / 2 - _partWidth / 2
+					, _tmp:Number = 0
+					, _tmpDataRect:Object = {
+						x: _sp.x, y: _config.c.chartY
+						, width: _config.c.hpart
+						, height: _config.c.chartHeight 
+					}
+					, _tmpYAr:Array = []
+					, _tmpHAr:Array = []
+					, _stackItem:Object = {
+						data: {
+							negative: []
+							, positive: []
+						}
+					}
+					, _rectY:Number = _sp.y + _positiveHeight
+					;
+									
+				Common.each( _config.displaySeries, function( _sk:int, _sitem:Object ):void{
+					var _rectItem:Object = {}
+						, _itemNum:Number
+						, _h:Number = 0, _y:Number
+						, _num:Number = _sitem.data[ _k ]
+						, _maxNum:Number = _config.chartMaxNum
+						;
+						
+						if( _config.isAutoRate && !_config.hasNegative ){
+							_num -= _config.minNum / _config.displaySeries.length;
+							_maxNum -= _config.minNum;
+						}
+//						Log.log( _num, _maxNum );
+
+						if( Common.isNegative( _num ) || _num == 0 ){
+							_num = Math.abs( _num );
+							
+							_h = _negativeHeight;
+							_h = 
+							( _num / 
+								Math.abs( _config.finalMaxNum * _config.rate[ _config.rate.length - 1 ] ) ) 
+							* _h || 0;
+							_y = _sp.y + _positiveHeight + _negativeOffset ;
+						
+							_negativeOffset += _h;
+							
+							if( _num ){
+								_stackItem.hasNegative = _rectItem.isNegative = true
+							}
+						}else{
+							
+							_h = ( _num / _maxNum || 1 ) * _positiveHeight || 0;
+							
+							_y = _sp.y + _positiveHeight - _h - _positiveOffset;
+//							if( _k === 0 ) {
+//								Log.log( _num, _maxNum, _positiveHeight, _y, _h );
+//							}
+							_positiveOffset += _h;
+							_rectY = _y;
+							
+							_stackItem.hasPositive = true;
+						}
+						if( !_h ) return;
+						_rectItem.x = _x;
+						
+						_rectItem.k = _k;
+						_rectItem.sk = _sk;
+						_rectItem.y = _y;
+						_rectItem.width = _partWidth;
+						_rectItem.height = _h;
+						_rectItem.value = _sitem.data[ _k ];
+						_rectItem.color = _config.itemColor( _sk );
+						
+						_tmpYAr.push( _y );
+						_tmpHAr.push( _h );
+
+						_items.push( _rectItem );
+						
+						if( _rectItem.isNegative ){
+							_stackItem.data.negative.push( _rectItem );
+						}else{
+							_stackItem.data.positive.push( _rectItem );
+						}
+						
+				});
+				
+				fixPositiveSort( _stackItem.data.positive );
+//				_tmpDataRect.y = Math.min.apply( null, _tmpYAr );
+//				_tmpDataRect.height = Math.max.apply( null, _tmpHAr );
+				
+				if( _config.hoverBgEnabled ){
+//					_tmpDataRect.y -= _config.c.hoverPadY;
+//					_tmpDataRect.height += _config.c.hoverPadY
+				}
+				
+				if( _config.serialLabelEnabled ){
+//					_tmpDataRect.y -= _config.c.serialLabelPadY;
+//					_tmpDataRect.height += _config.c.serialLabelPadY
+				}
+				
+				_stackItem.width = _partWidth;
+				_stackItem.height = ( _positiveOffset + _negativeOffset ) || 0;
+				_stackItem.x = _x;;
+				_stackItem.y = _rectY;
+				_stackItem.k = _k;
+				_stackItem.realX = _sp.x;
+				_stackItem.realY = _config.c.chartY;
+				_stackItem.realWidth = _config.c.hpart;
+				_stackItem.realHeight = _config.c.chartHeight;
+				
+//				Log.log( _stackItem.x, _stackItem.y, _stackItem.width, _stackItem.height, _positiveOffset, _negativeOffset );
+				
+				_config.c.rects.push( _items );
+				_config.c.dataRect.push( _tmpDataRect );
+				_config.c.stackItems.push( _stackItem );
+			});
+			
+			
+//			Log.printFormatJSON( _config.c.stackItems );
+		}
+		
+		private function fixPositiveSort( _positiveItems:Array ):void{
+			if( !( _positiveItems && _positiveItems.length && _positiveItems.length > 1 ) ) return;
+			var _tmp:Array = []
+				, _tmpData:Object
+				, _maxLen:int = _positiveItems.length - 1
+				, _minY:Number = _positiveItems[_maxLen].y 
+				;
+			//				Log.log( data.data.positive[0].y, data.data.positive[1].y );
+			Common.each( _positiveItems, function( _k:int, _item:Object ):void{
+				_tmpData = {
+					y: _minY
+					, height: _item.height
+				};
+				_minY += _item.height;
+				_tmp.push( _tmpData );
+			} );
+			Common.each( _positiveItems, function( _k:int, _item:Object ):void{
+//				Log.log( _item.x, _tmp[ _k ].y, _item.width, _tmp[ _k ].height );
+				_item.y = _tmp[ _k ].y;
+				_item.height = _tmp[ _k ].height;
+			});
+		}
+		
+		private function calcChartPoint():void{
+			facade.registerMediator( new StackBgLineMediator() );
+			
+			calcChartVPoint();
+			calcChartHPoint();
+		}
+		
+		private function calcChartVPoint():void{
+			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
+				;
+			_config.c.vpart = _partN;
+			_config.c.itemHeight = _partN / 2;
+			_config.c.vpoint = [];
+			_config.c.vpointReal = [];
+			
+			
+			var _padX:Number = 0;
+			if( !_config.yAxisEnabled ){
+			}
+			
+			Common.each( _config.rate, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartY + _partN * _k;
+				_config.c.vpoint.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
+				});
+				
+				_config.c.vpointReal.push( {
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +_config.c.chartWidth, _n )
+				});
+			});
+		}
+		
+		private function calcChartHPoint():void{
+			if( !_config.yAxisEnabled ){
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+			}
+			var _partN:Number = _config.c.chartWidth / ( _config.realItemLength || 1 )
+				;
+			
+			_config.c.hpart = _partN;
+			_config.c.hpoint = [];
+			_config.c.hlinePoint = [];
+			_config.c.hpointReal = [];
+			_config.c.itemWidthRate = 2;
+			_config.c.itemWidth = _partN / 2;
+						
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _n:Number = _config.c.chartX + _partN * _k;
+				
+				if( _k === 0 ){					
+					_config.c.hlinePoint.push( {
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					});					
+				}
+								
+				_config.c.hlinePoint.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpoint.push( {
+					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.hpointReal.push( {
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
+				});
+			});
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+	
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/ClearCmd.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/ClearCmd.as
new file mode 100644
index 0000000..6e83869
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/ClearCmd.as
@@ -0,0 +1,60 @@
+package org.xas.jchart.stack.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.StackGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.StackHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.stack.view.mediator.*;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/DrawCmd.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/DrawCmd.as
new file mode 100644
index 0000000..81ba32f
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.stack.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/FilterDataCmd.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/FilterDataCmd.as
new file mode 100644
index 0000000..1844e34
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.stack.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/components/GraphicView.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/components/GraphicView.as
new file mode 100644
index 0000000..03b4ac0
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/components/GraphicView.as
@@ -0,0 +1,136 @@
+package org.xas.jchart.stack.view.components
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.StackUI;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		
+		private var _config:Config;
+		
+		public function GraphicView() 
+		{
+			super(); 
+			
+			_config = BaseConfig.ins as Config;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.stackItems && _config.c.stackItems.length ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			Common.each( _config.c.stackItems, function( _k:int, _item:Object ):void{
+				var _box:Sprite = new Sprite(), _ui:StackUI;
+								
+				Common.extendObject( _item, {
+					animationEnabled: _config.animationEnabled
+					, duration: _config.animationDuration
+					, delay: _delay
+				}, true );
+//				Log.printFormatJSON( _item );
+				
+				_ui = new StackUI( _item );
+				_box.mouseEnabled = false;
+				_box.addChild( _ui );
+				addChild( _box );
+				_boxs.push( _box );
+			});
+			
+			 
+			//Log.log( _config.maxValue );
+//			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+//				
+//				var _box:Sprite = new Sprite();
+//				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+//							
+//					var _color:uint = _config.itemColor( _sk );
+//					if( _sitem.value == _config.maxValue ){
+//						//Log.log( _config.maxValue, _sitem.value );
+//						if( 'style' in _config.maxItemParams && 'color' in _config.maxItemParams.style ){
+//							_color = _config.maxItemParams.style.color;
+//						}
+//					}
+//					
+//					var _item:HistogramUI = new HistogramUI(
+//						_sitem.x, _sitem.y
+//						, _sitem.width, _sitem.height
+//						, _color 
+//						, {
+//							animationEnabled: _config.animationEnabled
+//							, isNegative: _sitem.isNegative
+//							, duration: _config.animationDuration
+//							, delay: _delay
+//						}
+//					);
+//					_item.mouseEnabled = false;
+//					_box.addChild( _item );
+//				});
+//				addChild( _box );
+//				_boxs.push( _box );
+//			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/mediator/GraphicMediator.as b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..75f0e70
--- /dev/null
+++ b/flash/source/chart/Stack/0.1/src/org/xas/jchart/stack/view/mediator/GraphicMediator.as
@@ -0,0 +1,70 @@
+package org.xas.jchart.stack.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.stack.view.components.GraphicView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/Trend/0.1/.actionScriptProperties b/flash/source/chart/Trend/0.1/.actionScriptProperties
index d313195..d66392f 100644
--- a/flash/source/chart/Trend/0.1/.actionScriptProperties
+++ b/flash/source/chart/Trend/0.1/.actionScriptProperties
@@ -39,3 +39,5 @@
 
 
 
+
+
diff --git a/flash/source/chart/Trend/0.1/src/Trend.as b/flash/source/chart/Trend/0.1/src/Trend.as
index f82b42f..d25291c 100644
--- a/flash/source/chart/Trend/0.1/src/Trend.as
+++ b/flash/source/chart/Trend/0.1/src/Trend.as
@@ -19,7 +19,7 @@ package
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.data.test.DefaultData;
 	import org.xas.jchart.common.data.test.TrendData;
-	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.trend.MainFacade;
 	    
 	  
@@ -71,7 +71,11 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 			//BaseConfig.ins.setChartData( {});
 		}
@@ -83,6 +87,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
@@ -154,9 +162,7 @@ package
 			var _data:Object = {};
 			
 			if( !ExternalInterface.available ){
-				if(TrendData.instance.data.length == 0){
-					return;
-				}
+				if( !TrendData.instance.data.length ) return;
 				_data = TrendData.instance.data[0];
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};				
diff --git a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/CalcCoordinateCmd.as b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/CalcCoordinateCmd.as
index e8887cd..50fe70a 100644
--- a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/CalcCoordinateCmd.as
@@ -13,7 +13,25 @@ package org.xas.jchart.trend.controller
 	import org.xas.jchart.common.data.test.DefaultData;
 	import org.xas.jchart.common.data.test.TrendData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.TrendBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.TrendGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.TrendHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.TrendTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.ToggleBgMediator.BaseToggleBgMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.TrendVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.trend.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -45,47 +63,45 @@ package org.xas.jchart.trend.controller
 			
 			var _yPad:Number = _c.minY;
 			
-			facade.registerMediator( new BgMediator( ) );
+			facade.registerMediator( new BaseBgMediator( ) );
 			
 			if( _config.cd ){
 				
 				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )
+					facade.registerMediator( new BaseTitleMediator( _config.cd.title.text ) )
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;
 				}
 				
 				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+					facade.registerMediator( new BaseSubtitleMediator( _config.cd.subtitle.text ) )
 					
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
 					_config.c.minY += pSubtitleMediator.view.height + 5;
-				}				
+				}
+				
+				if( BaseConfig.ins.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new BaseLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
 				
 				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
+					facade.registerMediator( new BaseVTitleMediator( _config.cd.yAxis.title.text ) )
 					
 					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
 					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}
 				
-				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					_config.c.maxY -= pLegendMediator.view.height;
-					_config.c.legend = { 
-						x: _config.width / 2 - pLegendMediator.view.width / 2
-						, y: _config.c.maxY
-					};
-					_config.c.maxY -= 5;
-				}
-				
 				_config.c.maxX -= 5;
 				
 				_config.c.linePadding = 0;
@@ -96,20 +112,20 @@ package org.xas.jchart.trend.controller
 				};
 				
 				if( _config.yAxisEnabled ){
-					facade.registerMediator( new VLabelMediator() );
+					facade.registerMediator( new TrendVLabelMediator() );
 					_config.c.minX += pVLabelMediator.maxWidth;
 				}else{
 				}
 				_config.c.hoverPadY = 10;
 				if( _config.hoverBgEnabled ){
-					facade.registerMediator( new HoverBgMediator() );
+					facade.registerMediator( new BaseHoverBgMediator() );
 					_config.c.minY += _config.c.hoverPadY;
 					_yPad += _config.c.hoverPadY;
 				}
 				
 				_config.c.serialLabelPadY = 15;
 				if( _config.serialLabelEnabled ){
-					facade.registerMediator( new SerialLabelMediator() );
+					facade.registerMediator( new BaseSeriesLabelMediator() );
 					_config.c.minY += _config.c.serialLabelPadY;
 					_yPad += _config.c.serialLabelPadY;
 				}
@@ -126,7 +142,7 @@ package org.xas.jchart.trend.controller
 					_config.c.labelWidth = _config.c.chartWidth / ( _config.hlabelNum ) / 2;
 				}
 				
-				facade.registerMediator( new HLabelMediator() );
+				facade.registerMediator( new TrendHLabelMediator() );
 				_config.c.maxY -= pHLabelMediator.maxHeight;
 				
 				if( _config.graphicHeight ){
@@ -148,11 +164,11 @@ package org.xas.jchart.trend.controller
 				_config.c.chartX = _config.c.minX + _config.c.arrowLength - 2;
 				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+				facade.registerMediator( new TrendGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new TrendTipsMediator() );
 
 				if( _config.toggleBgEnabled ){	
-					facade.registerMediator( new ToggleBgMediator() );
+					facade.registerMediator( new BaseToggleBgMediator() );
 				}
 				
 				calcChartPoint();
@@ -160,7 +176,7 @@ package org.xas.jchart.trend.controller
 				calcGraphic();	
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( TrendData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( TrendData.instance.data ) );	
 				}
 			}
 			sendNotification( JChartEvent.SHOW_CHART );			
@@ -195,7 +211,7 @@ package org.xas.jchart.trend.controller
 					}
 					_y = _sp.y + _config.c.vpart * _config.rateZeroIndex - _h;
 					
-				}else{
+				}else{ 
 					if( Common.isNegative( _num ) && _num != 0 ){
 						_num = Math.abs( _num );
 						_dataHeight = _config.c.vpart * _config.rateZeroIndex;
@@ -226,7 +242,7 @@ package org.xas.jchart.trend.controller
 		}
 		
 		private function calcChartPoint():void{
-			facade.registerMediator( new BgLineMediator() );
+			facade.registerMediator( new TrendBgLineMediator() );
 			
 			calcChartVPoint();
 			calcChartHPoint();
@@ -303,39 +319,42 @@ package org.xas.jchart.trend.controller
 			});
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pHLabelMediator():HLabelMediator{
-			return facade.retrieveMediator( HLabelMediator.name ) as HLabelMediator;
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
 		}
 		
-		private function get pVLabelMediator():VLabelMediator{
-			return facade.retrieveMediator( VLabelMediator.name ) as VLabelMediator;
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
-		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
+		
 		private function corner():uint{
 			return 20;
 		}
diff --git a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/ClearCmd.as b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/ClearCmd.as
index b744242..8a586b8 100644
--- a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/ClearCmd.as
+++ b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/ClearCmd.as
@@ -7,6 +7,21 @@ package org.xas.jchart.trend.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.ToggleBgMediator.BaseToggleBgMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.trend.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,23 +35,24 @@ package org.xas.jchart.trend.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );
+			facade.hasMediator( BaseToggleBgMediator.name ) && facade.removeMediator( BaseToggleBgMediator.name );
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );
-			facade.hasMediator( ToggleBgMediator.name ) && facade.removeMediator( ToggleBgMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/FilterDataCmd.as b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/FilterDataCmd.as
index d873687..4f60a32 100644
--- a/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/FilterDataCmd.as
+++ b/flash/source/chart/Trend/0.1/src/org/xas/jchart/trend/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.trend.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.trend.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/VHistogram/0.1/.actionScriptProperties b/flash/source/chart/VHistogram/0.1/.actionScriptProperties
index 94528ba..dcdb16e 100644
--- a/flash/source/chart/VHistogram/0.1/.actionScriptProperties
+++ b/flash/source/chart/VHistogram/0.1/.actionScriptProperties
@@ -36,3 +36,5 @@
   <modules/>
   <buildCSSFiles/>
 </actionScriptProperties>
+
+
diff --git a/flash/source/chart/VHistogram/0.1/src/Config.as b/flash/source/chart/VHistogram/0.1/src/Config.as
index f67794a..4d57755 100644
--- a/flash/source/chart/VHistogram/0.1/src/Config.as
+++ b/flash/source/chart/VHistogram/0.1/src/Config.as
@@ -1,5 +1,6 @@
 package 
 {
+	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 
 	public class Config extends BaseConfig
@@ -8,7 +9,43 @@ package
 		{
 			super();
 		}	
-
-
+		
+		override public function get chartName():String{ return 'VHistogram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/vbar/'; }
+		
+		override public function get labelRotationEnable():Boolean{
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.rotation
+				&& ( 'enabled' in this.cd.yAxis.rotation )
+				&& ( _labelRotationEnable = StringUtils.parseBool( this.cd.yAxis.rotation.enabled ) )
+			
+			this.cd 
+				&& this.cd.yAxis
+				&& this.cd.yAxis.labels
+				&& ( 'rotation' in this.cd.yAxis.labels )
+				&& ( _labelRotationEnable = true );
+			
+			return _labelRotationEnable;
+		}
+		
+		override public function get labelRotationAngle():Number{
+			
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.rotation
+				&& ( 'angle' in this.cd.yAxis.rotation )
+				&& ( _labelRotationAngle = this.cd.yAxis.rotation.angle )
+			
+			
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.labels
+				&& ( 'rotation' in this.cd.yAxis.labels )
+				&& ( _labelRotationAngle = this.cd.yAxis.labels.rotation )
+			
+			return _labelRotationAngle;
+		}
+		
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/VHistogram/0.1/src/VHistogram.as b/flash/source/chart/VHistogram/0.1/src/VHistogram.as
index 32303cd..bf46eef 100644
--- a/flash/source/chart/VHistogram/0.1/src/VHistogram.as
+++ b/flash/source/chart/VHistogram/0.1/src/VHistogram.as
@@ -18,23 +18,23 @@ package
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.data.test.DefaultData;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.vhistogram.MainFacade;
+	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.vhistogram.MainFacade;      
 	   
 
 	//[SWF(frameRate="30", width="790", height="230")] 
 	//[SWF(frameRate="30", width="385", height="225")]
-	//[SWF(frameRate="30", width="600", height="425")]
-	//[SWF(frameRate="30", width="590", height="360")]
-	//[SWF(frameRate="30", width="1400", height="460")]  
-	[SWF(frameRate="30", width="600", height="600")]
+	//[SWF(frameRate="30", width="600", height="425")]  
+	//[SWF(frameRate="30", width="590", height="360")] 
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="600", height="400")]
 	public class VHistogram extends Sprite 
 	{ 
 		private var _inited: Boolean = false;
 		private var _timer:Timer;
-		private var _data:Object; 
+		private var _data:Object;  
 		private var _facade:Facade;
-		private var _resizeTimer:Timer;  
+		private var _resizeTimer:Timer;   
 		private var _ins:VHistogram;
 		private var _loaderInfo:Object; 
 		
@@ -69,7 +69,11 @@ package
 			runData();
 			
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 		}
 		
@@ -80,6 +84,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{
 			if( !_inited ){
 				_ins._data = _data;
@@ -150,8 +158,9 @@ package
 			
 			var _data:Object = {};
 			
-			if( !ExternalInterface.available ){		
-				_data = DefaultData.instance.data[0];
+			if( !ExternalInterface.available ){
+				if( !DefaultData.instance.data.length ) return;
+				_data = DefaultData.instance.data[ 67 ];
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
 				
diff --git a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/CalcCoordinateCmd.as b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/CalcCoordinateCmd.as
index cdacbbc..629b884 100644
--- a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/CalcCoordinateCmd.as
@@ -13,6 +13,25 @@ package org.xas.jchart.vhistogram.controller
 	import org.xas.jchart.common.data.test.DefaultData;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.VHistogramBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.VHistogramGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.VHistogramHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.VHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.VItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.ZLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.VHistogramSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.HistogramTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.VHistogramVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.vhistogram.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -30,52 +49,50 @@ package org.xas.jchart.vhistogram.controller
 		override public function execute(notification:INotification):void{
 			
 			_c = _config.setCoordinate( new Coordinate() );
-			
+			 
 			_c.corner = corner();
 			
 			_c.minX = _c.x + _config.vlabelSpace + 2;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _config.stageWidth - 5;
-			_c.maxY = _c.y + _config.stageHeight - 5;
+			_c.minY = _config.vspace;
+			_c.maxX = _c.x + _config.stageWidth - _config.hspace;
+			_c.maxY = _c.y + _config.stageHeight - _config.vspace;
 						
-			facade.registerMediator( new BgMediator( ) );
+			facade.registerMediator( new BaseBgMediator( ) );
 			var _yPad:Number = _c.minY;
 			
 			if( _config.cd ){
 				
-				_config.c.arrowLength = 8;
-				
-				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;
 				}
 				
-				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
-					_config.c.minY += pSubtitleMediator.view.height + 5;
+					_config.c.minY += pSubtitleMediator.view.height + _config.vspace;
 				}
 				
-				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
 					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
-					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace + 5;
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
 				} else {
 					_config.c.minX += 5;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}
 				
 				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
+					facade.registerMediator( new BaseLegendMediator() );
 					_config.c.maxY -= pLegendMediator.view.height;
 					_config.c.legend = { 
 						x: _config.width / 2 - pLegendMediator.view.width / 2
@@ -84,31 +101,25 @@ package org.xas.jchart.vhistogram.controller
 					_config.c.maxY -= 2;
 				}
 				
-				_config.c.maxX -= 5;
+//				_config.c.maxX -= 5;
 				
-				//初始化vlabel,并修改图标最大Y的范围
-				if( _config.yAxisEnabled ){
-					facade.registerMediator( new VLabelMediator() );
-					_config.c.maxY -= pVLabelMediator.maxHeight;
-					_config.c.maxY -= 2;
-				}
 
 				_config.c.hoverPadY = 10;
 				if( _config.hoverBgEnabled ){
-					facade.registerMediator( new HoverBgMediator() );
+					facade.registerMediator( new VHoverBgMediator() );
 					_config.c.minY += _config.c.hoverPadY;
 					_yPad += _config.c.hoverPadY;
 				}
 				
 				if( _config.itemBgEnabled ){
-					facade.registerMediator( new ItemBgMediator() );
+					facade.registerMediator( new VItemBgMediator() );
 				}
 				
 				_config.c.serialLabelPadY = 15;
 				if( _config.serialLabelEnabled ){
-					facade.registerMediator( new SerialLabelMediator() );
-					_config.c.minY += _config.c.serialLabelPadY;
-					_yPad += _config.c.serialLabelPadY;
+					facade.registerMediator( new VHistogramSeriesLabelMediator() );
+//					_config.c.maxX -= pSerialLabelMediator.maxWidth;
+//					Log.log( pSerialLabelMediator.maxWidth )
 				}
 				
 				if( _config.categories && _config.categories.length ){
@@ -116,11 +127,25 @@ package org.xas.jchart.vhistogram.controller
 				}
 				
 				if( _config.xAxisEnabled ){
-					facade.registerMediator( new HLabelMediator() );
+					facade.registerMediator( new VHistogramHLabelMediator() );
 					_config.c.minX += pHLabelMediator.maxWidth;
 				}
 				
-				_config.c.chartWidth = _config.c.maxX - _config.c.minX - 5;
+				//初始化vlabel,并修改图标最大Y的范围
+				if( _config.yAxisEnabled ){
+					facade.registerMediator( new VHistogramVLabelMediator() );
+					_config.c.maxY -= pVLabelMediator.maxHeight;
+					//					_config.c.maxX = pVLabelMediator.maxWidth;
+					var _tmpMaxWidth:Number = pVLabelMediator.maxWidth;
+//					Log.log( _tmpMaxWidth );
+					if( _tmpMaxWidth > 0 ){
+						_config.c.maxX -= Math.abs( _tmpMaxWidth );
+					} else {
+					}
+					
+				}
+				
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.vspace;
 			
 				if( _config.graphicHeight ){
 					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
@@ -138,18 +163,20 @@ package org.xas.jchart.vhistogram.controller
 					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
 				}
 				
-				_config.c.chartX = _config.c.minX + _config.c.arrowLength - 2;
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
 				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+				facade.registerMediator( new VHistogramGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new HistogramTipsMediator() );
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK, {}, 'vbar' );
 				
 				calcChartPoint();
 				
 				calcGraphic();	
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( DefaultData.instance.data ) );	
 				}
 			}
 									
@@ -182,7 +209,7 @@ package org.xas.jchart.vhistogram.controller
 			_partWidth > 50 && ( _partWidth = 50 );
 			
 			/* 处理柱状体 */
-			Common.each( _config.cd.xAxis.categories, function( _k:int, _item:Object ):void{
+			Common.each( _config.series[0].data, function( _k:int, _item:Object ):void{
 				
 				var _items:Array = []
 					, _pointItem:Object = _config.c.hlinePoint[ _k ]
@@ -204,8 +231,14 @@ package org.xas.jchart.vhistogram.controller
 						, _itemNum:Number
 						, _h:Number
 						, _nx:Number = _ep.x - _config.c.vpart * _config.rateZeroIndex
+						, _maxNum:Number = _config.chartMaxNum
 						;
 						
+						if( _config.isAutoRate && !_config.hasNegative ){
+							_num -= _config.minNum;
+							_maxNum -= _config.minNum;
+						}
+						
 						( _sk !== 0 ) && ( _y += _partWidth );
 						
 						if( _config.isItemPercent && _config.displaySeries.length > 1 ){
@@ -227,14 +260,18 @@ package org.xas.jchart.vhistogram.controller
 										_config.rate[ _config.rate.length - 1 ] ) ) * _h;
 								}
 								_nx -= _h;
+								_rectItem.isNegative = true;
 							}else{
 								_h = _config.c.vpart * _config.rateZeroIndex;
-								_h = ( _num / _config.chartMaxNum || 1 ) * _h;
+								_h = ( _num / _maxNum || 1 ) * _h;
 							}
-						}						
+						}				
+						
+						_h = _h || 1;
+						_partWidth = _partWidth || 1;
 						
 						_rectItem.y = _y;
-						_rectItem.x = _nx - 1;
+						_rectItem.x = _nx ;
 						_rectItem.width = _h;
 						_rectItem.height = _partWidth;
 						_rectItem.value = _sitem.data[ _k ];
@@ -266,7 +303,7 @@ package org.xas.jchart.vhistogram.controller
 		}
 		
 		private function calcChartPoint():void{
-			facade.registerMediator( new BgLineMediator() );
+			facade.registerMediator( new VHistogramBgLineMediator() );
 			
 			calcChartVPoint();
 			calcChartHPoint();
@@ -275,7 +312,6 @@ package org.xas.jchart.vhistogram.controller
 		/* 处理柱状图粒度 */
 		private function calcChartVPoint():void{
 			var _partN:Number = _config.c.chartWidth / ( _config.rate.length -1 )
-				, _sideLen:Number = _config.c.arrowLength
 				;
 			
 			_config.c.vpart = _partN;
@@ -283,23 +319,19 @@ package org.xas.jchart.vhistogram.controller
 			_config.c.vpoint = [];
 			_config.c.vpointReal = [];
 			
-			
-			var _padY:Number = 0;
 			var _startX:Number;
-			if( !_config.yAxisEnabled ){
-			}
 			
 			Common.each( _config.rate, function( _k:int, _item:* ):void{
-				_startX = _config.c.maxX - 5 - _partN * _k;
+				_startX = _config.c.chartX + _config.c.chartWidth - _partN * _k;
 					
 				_config.c.vpoint.push( {
-					start: new Point( _startX, _config.c.minY + _padY )
-					, end: new Point( _startX, _config.c.maxY + _padY )
+					start: new Point( _startX, _config.c.chartY )
+					, end: new Point( _startX, _config.c.chartY + _config.c.chartHeight )
 				});
 				
 				_config.c.vpointReal.push( {
-					start: new Point( _startX, _config.c.minY )
-					, end: new Point( _startX, _config.c.maxY + _sideLen )
+					start: new Point( _startX, _config.c.chartY )
+					, end: new Point( _startX, _config.c.chartY + _config.c.chartHeight )
 				});
 			});
 		}
@@ -307,11 +339,10 @@ package org.xas.jchart.vhistogram.controller
 		/* 处理柱状图分组 */
 		private function calcChartHPoint():void{
 			if( !_config.yAxisEnabled ){
-				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
 			}
 			
-			var _partN:Number = _config.c.chartHeight / ( _config.categories.length )
-				, _sideLen:Number = _config.c.arrowLength
+			var _partN:Number = _config.c.chartHeight / ( _config.realItemLength || 1 )
 				;
 			
 			_config.c.hpart = _partN;
@@ -321,65 +352,65 @@ package org.xas.jchart.vhistogram.controller
 			_config.c.itemHeightRate = 2;
 			_config.c.itemHeight = _partN / _config.c.itemHeightRate;
 			
-			Common.each( _config.categories, function( _k:int, _item:* ):void{
-				var _topY:Number = _config.c.minY + _partN * _k
+			Common.each( _config.series[0].data, function( _k:int, _item:* ):void{
+				var _topY:Number = _config.c.chartY + _partN * _k
 					, _bottomY:Number = _topY + _partN
 					;
 				
 				if( _k === 0 ){
 					_config.c.hlinePoint.push( {
-						start: new Point( _config.c.minX, _topY )
-						, end: new Point( _config.c.maxX - 4, _topY )
+						start: new Point( _config.c.chartX, _topY )
+						, end: new Point( _config.c.chartX + _config.c.chartWidth, _topY )
 					});					
 				}
 								
 				_config.c.hlinePoint.push( {
-					start: new Point( _config.c.minX, _bottomY )
-					, end: new Point( _config.c.maxX - 4, _bottomY )
+					start: new Point( _config.c.chartX, _bottomY )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth, _bottomY )
 				});
 				
 				_config.c.hpoint.push( {
-					start: new Point( _config.c.minX - _sideLen, _bottomY - _partN / 2 )
-					, end: new Point( _config.c.minX, _bottomY - _partN / 2 )
+					start: new Point( _config.c.chartX, _bottomY - _partN / 2 )
+					, end: new Point( _config.c.chartX, _bottomY - _partN / 2 )
 				});
 				
 				_config.c.hpointReal.push( {
-					start: new Point( _config.c.minX, _topY )
-					, end: new Point( _config.c.maxX, _topY )
+					start: new Point( _config.c.chartX, _topY )
+					, end: new Point( _config.c.chartX + _config.c.chartWidth, _topY )
 				});
 			});
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pSerialLabelMediator():SerialLabelMediator{
-			return facade.retrieveMediator( SerialLabelMediator.name ) as SerialLabelMediator;
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
 		}
 		
-		private function get pHLabelMediator():HLabelMediator{
-			return facade.retrieveMediator( HLabelMediator.name ) as HLabelMediator;
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
 		}
 		
-		private function get pVLabelMediator():VLabelMediator{
-			return facade.retrieveMediator( VLabelMediator.name ) as VLabelMediator;
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
 		
diff --git a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/ClearCmd.as b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/ClearCmd.as
index fdfdb60..bc99ec7 100644
--- a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/ClearCmd.as
+++ b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/ClearCmd.as
@@ -7,6 +7,21 @@ package org.xas.jchart.vhistogram.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.vhistogram.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,23 +35,24 @@ package org.xas.jchart.vhistogram.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );	
-			facade.hasMediator( ItemBgMediator.name ) && facade.removeMediator( ItemBgMediator.name );	
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/FilterDataCmd.as b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/FilterDataCmd.as
index f69f08a..3f66d15 100644
--- a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/FilterDataCmd.as
+++ b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.vhistogram.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.vhistogram.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/view/components/GraphicView.as b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/view/components/GraphicView.as
index b97bac8..cca8858 100644
--- a/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/view/components/GraphicView.as
+++ b/flash/source/chart/VHistogram/0.1/src/org/xas/jchart/vhistogram/view/components/GraphicView.as
@@ -16,7 +16,7 @@ package org.xas.jchart.vhistogram.view.components
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.VHistogramUI;
 	import org.xas.jchart.common.ui.widget.JTextField;
 	
 	public class GraphicView extends Sprite
@@ -47,24 +47,39 @@ package org.xas.jchart.vhistogram.view.components
 			if( !( BaseConfig.ins.c && BaseConfig.ins.c.rects ) ) return;
 			_boxs = new Vector.<Sprite>();
 			
-			//Log.log( BaseConfig.ins.maxValue );
+			var _delay:Number = 0;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
+			var _itemStyle:Array = BaseConfig.ins.getItemStyle();
+			
 			Common.each( BaseConfig.ins.c.rects, function( _k:int, _item:Object ):void{
 				
 				var _box:Sprite = new Sprite();
 				Common.each( _item, function( _sk:int, _sitem:Object ):void{
 							
 					var _color:uint = BaseConfig.ins.itemColor( _sk );
+					
+					if( _itemStyle[ _k ] && 'color' in _itemStyle[ _k ] ) {
+						_color = _itemStyle[ _k ].color;
+					}
+					
 					if( _sitem.value == BaseConfig.ins.maxValue ){
-						//Log.log( BaseConfig.ins.maxValue, _sitem.value );
+						
 						if( 'style' in BaseConfig.ins.maxItemParams && 'color' in BaseConfig.ins.maxItemParams.style ){
 							_color = BaseConfig.ins.maxItemParams.style.color;
 						}
 					}
 					
-					var _item:HistogramUI = new HistogramUI(
+					var _item:VHistogramUI = new VHistogramUI(
 						_sitem.x, _sitem.y
 						, _sitem.width, _sitem.height
-						, _color 
+						, _color
+						, {
+							animationEnabled: BaseConfig.ins.animationEnabled
+							, isNegative: _sitem.isNegative
+							, duration: BaseConfig.ins.animationDuration
+							, delay: _delay
+						}
 					);
 					_item.mouseEnabled = false;
 					_box.addChild( _item );
diff --git a/flash/source/chart/VZHistogram/0.1/.actionScriptProperties b/flash/source/chart/VZHistogram/0.1/.actionScriptProperties
new file mode 100644
index 0000000..8ea2169
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/.actionScriptProperties
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<actionScriptProperties mainApplicationPath="VZHistogram.as" projectUUID="8c325813-0aaf-4b18-aca5-7b354688bf4c" version="6">
+  <compiler additionalCompilerArguments="-locale zh_CN" autoRSLOrdering="false" copyDependentFiles="true" flexSDK="Flex 4.6" fteInMXComponents="false" generateAccessible="true" htmlExpressInstall="true" htmlGenerate="false" htmlHistoryManagement="true" htmlPlayerVersionCheck="true" includeNetmonSwc="false" outputFolderPath="bin-debug" sourceFolderPath="src" strict="true" targetPlayerVersion="0.0.0" useApolloConfig="false" useDebugRSLSwfs="true" verifyDigests="true" warn="true">
+    <compilerSourcePath>
+      <compilerSourcePathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/src"/>
+    </compilerSourcePath>
+    <libraryPath defaultLinkType="0">
+      <libraryPathEntry kind="4" path="">
+        <excludedEntries>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="1" linkType="1" path="${PROJECT_FRAMEWORKS}/locale/{locale}"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/charts.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/framework.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/netmon.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/spark.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/sparkskins.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/rpc.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/videoPlayer.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/qtp_air.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/datavisualization.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_dmv.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_flashflexkit.swc" useDefaultLinkType="false"/>
+          <libraryPathEntry kind="3" linkType="1" path="${PROJECT_FRAMEWORKS}/libs/automation_agent.swc" useDefaultLinkType="false"/>
+        </excludedEntries>
+      </libraryPathEntry>
+      <libraryPathEntry kind="1" linkType="1" path="${MY_WORKSPACE}/lib/swc"/>
+    </libraryPath>
+    <sourceAttachmentPath/>
+  </compiler>
+  <applications>
+    <application path="VZHistogram.as"/>
+  </applications>
+  <modules/>
+  <buildCSSFiles/>
+</actionScriptProperties>
+
diff --git a/flash/source/chart/VZHistogram/0.1/.project b/flash/source/chart/VZHistogram/0.1/.project
new file mode 100644
index 0000000..1a1c045
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/.project
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>VZHistogram</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.adobe.flexbuilder.project.flexbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.adobe.flexbuilder.project.actionscriptnature</nature>
+	</natures>
+	<linkedResources>
+		<link>
+			<name>[source path] src</name>
+			<type>2</type>
+			<locationURI>MY_WORKSPACE/lib/src</locationURI>
+		</link>
+	</linkedResources>
+</projectDescription>
diff --git a/flash/source/chart/VZHistogram/0.1/.settings/org.eclipse.core.resources.prefs b/flash/source/chart/VZHistogram/0.1/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..f04f024
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+#Thu Jul 03 10:03:13 CST 2014
+eclipse.preferences.version=1
+encoding/<project>=utf-8
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.html
new file mode 100644
index 0000000..d51b7f3
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0}"
+                        , enabled: true
+                        , "serial": [
+                            {
+                                "name": "总体"
+                                , "data": [ 
+                                    1000, 2000, 3000, 4000, 5000, 6000
+                                    , 1000, 2000, 3000, 4000, 5000
+                                ]
+                            }
+                        ]
+                        , "afterSerial": [
+                            {
+                                "name": "区分度"
+                                , "data": [ 
+                                    1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                    , 2.01, 2.02, 2.03, 2.04, 2.05
+                                ]
+                            }
+                        ]
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.percent.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.percent.html
new file mode 100644
index 0000000..5de7811
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.double.line.percent.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    
+                    xAxis: {
+                        categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                    }
+                    , yAxis: {
+                        enabled: false
+                    }
+                    , series:[{
+                        name: '全体覆盖率'
+                        , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                    }, {
+                        name: '样式覆盖率',
+                        data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                    }]
+                    , tooltip: {		
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"
+                        , enabled: true
+                    }
+                    //isPercent: true,
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , dataLabels: {
+                        enabled: true
+                        , format: '{0}%'
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                        
+                        , 0xFFBF00			
+                        , 0xff7100	
+                        , 0xff06b3
+                        
+                        , 0x41e2e6			
+                        , 0xc3e2a4	
+                        , 0xffb2bc
+                        
+                        , 0xdbb8fd
+                    ]       
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                    , hoverBg: {
+                        enabled: true		
+                        , style: {
+                            borderColor: 0xB4B4B4
+                            , borderWidth: 2
+                            , bgColor: 0xF0F0F0
+                        }										
+                    }
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.html
new file mode 100644
index 0000000..d30059e
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+                {
+                    title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: false
+                }
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.itemBg.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.itemBg.html
new file mode 100644
index 0000000..dd94265
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.itemBg.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+
+            {
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}]
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			}
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_rate.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_rate.html
new file mode 100644
index 0000000..3d9c1e7
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_rate.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                
+                {
+                    xAxis: {
+                        categories: [ 
+                            '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                        ]
+                        , wordwrap: true
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                        , maxvalue: 100
+                        , enabled: false
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            80.12, 70.12, 50.12, 30.12, 10.12
+                        ]
+                    }],
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {		
+                        "headerFormat": "{0} 日"			
+                        , "pointFormat": "{0}%"
+                        , enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , dataLabels: {
+                        enabled: true,
+                        format: '{0}%'
+                    }, 
+                    chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline.html
new file mode 100644
index 0000000..648cd32
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline_hline.html b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline_hline.html
new file mode 100644
index 0000000..26ad7c4
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/demo.Histogram.no_vline_hline.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>CRM - VHistogram.swf</title>
+</head>
+<body>
+
+<style>
+*
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    margin: 20px 80px;
+}
+
+dl dd{
+    margin: 10px 0;
+}
+</style>
+
+<dl>
+    <dt>CRM - VHistogram.swf</dt>
+    <dd>
+        <div id="VHistogram0"></div>
+    </dd>
+</dl>
+
+<script src="swfobject.js"></script>
+<script src="json2.js"></script>
+<script src="jq.js"></script>
+
+<script>
+    swfobject.embedSWF
+    (
+        "../bin-debug/VHistogram.swf"
+        , "VHistogram0"
+        , "100%", "400", "9.0.0", false
+        , {
+            "chart":  encodeURIComponent(JSON.stringify( 
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    }, 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }],
+                    //isPercent: true,
+                    rateLabel: {
+                        enabled: false
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                    }
+                }
+
+            ))
+        }
+    );
+
+
+
+</script>
+
+</body>
+</html>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/index.php b/flash/source/chart/VZHistogram/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/jq.js b/flash/source/chart/VZHistogram/0.1/_demo/jq.js
new file mode 100644
index 0000000..fd085fc
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/jq.js
@@ -0,0 +1,8 @@
+(function(a2,aG){var ai,w,aC=typeof aG,l=a2.document,aL=a2.location,bi=a2.jQuery,H=a2.$,aa={},a6=[],s="1.9.1",aI=a6.concat,ao=a6.push,a4=a6.slice,aM=a6.indexOf,z=aa.toString,V=aa.hasOwnProperty,aQ=s.trim,bJ=function(e,b3){return new bJ.fn.init(e,b3,w)},bA=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ac=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,br=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,a=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,bh=/^[\],:{}\s]*$/,bk=/(?:^|:|,)(?:\s*\[)+/g,bG=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,aZ=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,bS=/^-ms-/,aV=/-([\da-z])/gi,M=function(e,b3){return b3.toUpperCase()},bW=function(e){if(l.addEventListener||e.type==="load"||l.readyState==="complete"){bl();bJ.ready()}},bl=function(){if(l.addEventListener){l.removeEventListener("DOMContentLoaded",bW,false);a2.removeEventListener("load",bW,false)}else{l.detachEvent("onreadystatechange",bW);a2.detachEvent("onload",bW)}};bJ.fn=bJ.prototype={jquery:s,constructor:bJ,init:function(e,b5,b4){var b3,b6;if(!e){return this}if(typeof e==="string"){if(e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3){b3=[null,e,null]}else{b3=br.exec(e)}if(b3&&(b3[1]||!b5)){if(b3[1]){b5=b5 instanceof bJ?b5[0]:b5;bJ.merge(this,bJ.parseHTML(b3[1],b5&&b5.nodeType?b5.ownerDocument||b5:l,true));if(a.test(b3[1])&&bJ.isPlainObject(b5)){for(b3 in b5){if(bJ.isFunction(this[b3])){this[b3](b5[b3])}else{this.attr(b3,b5[b3])}}}return this}else{b6=l.getElementById(b3[2]);if(b6&&b6.parentNode){if(b6.id!==b3[2]){return b4.find(e)}this.length=1;this[0]=b6}this.context=l;this.selector=e;return this}}else{if(!b5||b5.jquery){return(b5||b4).find(e)}else{return this.constructor(b5).find(e)}}}else{if(e.nodeType){this.context=this[0]=e;this.length=1;return this}else{if(bJ.isFunction(e)){return b4.ready(e)}}}if(e.selector!==aG){this.selector=e.selector;this.context=e.context}return bJ.makeArray(e,this)},selector:"",length:0,size:function(){return this.length},toArray:function(){return a4.call(this)},get:function(e){return e==null?this.toArray():(e<0?this[this.length+e]:this[e])},pushStack:function(e){var b3=bJ.merge(this.constructor(),e);b3.prevObject=this;b3.context=this.context;return b3},each:function(b3,e){return bJ.each(this,b3,e)},ready:function(e){bJ.ready.promise().done(e);return this},slice:function(){return this.pushStack(a4.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(b4){var e=this.length,b3=+b4+(b4<0?e:0);return this.pushStack(b3>=0&&b3<e?[this[b3]]:[])},map:function(e){return this.pushStack(bJ.map(this,function(b4,b3){return e.call(b4,b3,b4)}))},end:function(){return this.prevObject||this.constructor(null)},push:ao,sort:[].sort,splice:[].splice};bJ.fn.init.prototype=bJ.fn;bJ.extend=bJ.fn.extend=function(){var e,b8,b3,b4,cb,b9,b7=arguments[0]||{},b6=1,b5=arguments.length,ca=false;if(typeof b7==="boolean"){ca=b7;b7=arguments[1]||{};b6=2}if(typeof b7!=="object"&&!bJ.isFunction(b7)){b7={}}if(b5===b6){b7=this;--b6}for(;b6<b5;b6++){if((cb=arguments[b6])!=null){for(b4 in cb){e=b7[b4];b3=cb[b4];if(b7===b3){continue}if(ca&&b3&&(bJ.isPlainObject(b3)||(b8=bJ.isArray(b3)))){if(b8){b8=false;b9=e&&bJ.isArray(e)?e:[]}else{b9=e&&bJ.isPlainObject(e)?e:{}}b7[b4]=bJ.extend(ca,b9,b3)}else{if(b3!==aG){b7[b4]=b3}}}}}return b7};bJ.extend({noConflict:function(e){if(a2.$===bJ){a2.$=H}if(e&&a2.jQuery===bJ){a2.jQuery=bi}return bJ},isReady:false,readyWait:1,holdReady:function(e){if(e){bJ.readyWait++}else{bJ.ready(true)}},ready:function(e){if(e===true?--bJ.readyWait:bJ.isReady){return}if(!l.body){return setTimeout(bJ.ready)}bJ.isReady=true;if(e!==true&&--bJ.readyWait>0){return}ai.resolveWith(l,[bJ]);if(bJ.fn.trigger){bJ(l).trigger("ready").off("ready")}},isFunction:function(e){return bJ.type(e)==="function"},isArray:Array.isArray||function(e){return bJ.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return !isNaN(parseFloat(e))&&isFinite(e)},type:function(e){if(e==null){return String(e)}return typeof e==="object"||typeof e==="function"?aa[z.call(e)]||"object":typeof e},isPlainObject:function(b5){if(!b5||bJ.type(b5)!=="object"||b5.nodeType||bJ.isWindow(b5)){return false}try{if(b5.constructor&&!V.call(b5,"constructor")&&!V.call(b5.constructor.prototype,"isPrototypeOf")){return false}}catch(b4){return false}var b3;for(b3 in b5){}return b3===aG||V.call(b5,b3)},isEmptyObject:function(b3){var e;for(e in b3){return false}return true},error:function(e){throw new Error(e)},parseHTML:function(b6,b4,b5){if(!b6||typeof b6!=="string"){return null}if(typeof b4==="boolean"){b5=b4;b4=false}b4=b4||l;var b3=a.exec(b6),e=!b5&&[];if(b3){return[b4.createElement(b3[1])]}b3=bJ.buildFragment([b6],b4,e);if(e){bJ(e).remove()}return bJ.merge([],b3.childNodes)},parseJSON:function(e){if(a2.JSON&&a2.JSON.parse){return a2.JSON.parse(e)}if(e===null){return e}if(typeof e==="string"){e=bJ.trim(e);if(e){if(bh.test(e.replace(bG,"@").replace(aZ,"]").replace(bk,""))){return(new Function("return "+e))()}}}bJ.error("Invalid JSON: "+e)},parseXML:function(b5){var b3,b4;if(!b5||typeof b5!=="string"){return null}try{if(a2.DOMParser){b4=new DOMParser();b3=b4.parseFromString(b5,"text/xml")}else{b3=new ActiveXObject("Microsoft.XMLDOM");b3.async="false";b3.loadXML(b5)}}catch(b6){b3=aG}if(!b3||!b3.documentElement||b3.getElementsByTagName("parsererror").length){bJ.error("Invalid XML: "+b5)}return b3},noop:function(){},globalEval:function(e){if(e&&bJ.trim(e)){(a2.execScript||function(b3){a2["eval"].call(a2,b3)})(e)}},camelCase:function(e){return e.replace(bS,"ms-").replace(aV,M)},nodeName:function(b3,e){return b3.nodeName&&b3.nodeName.toLowerCase()===e.toLowerCase()},each:function(b7,b8,b3){var b6,b4=0,b5=b7.length,e=ab(b7);if(b3){if(e){for(;b4<b5;b4++){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}else{for(b4 in b7){b6=b8.apply(b7[b4],b3);if(b6===false){break}}}}else{if(e){for(;b4<b5;b4++){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}else{for(b4 in b7){b6=b8.call(b7[b4],b4,b7[b4]);if(b6===false){break}}}}return b7},trim:aQ&&!aQ.call("\uFEFF\xA0")?function(e){return e==null?"":aQ.call(e)}:function(e){return e==null?"":(e+"").replace(C,"")},makeArray:function(e,b4){var b3=b4||[];if(e!=null){if(ab(Object(e))){bJ.merge(b3,typeof e==="string"?[e]:e)}else{ao.call(b3,e)}}return b3},inArray:function(b5,b3,b4){var e;if(b3){if(aM){return aM.call(b3,b5,b4)}e=b3.length;b4=b4?b4<0?Math.max(0,e+b4):b4:0;for(;b4<e;b4++){if(b4 in b3&&b3[b4]===b5){return b4}}}return -1},merge:function(b6,b4){var e=b4.length,b5=b6.length,b3=0;if(typeof e==="number"){for(;b3<e;b3++){b6[b5++]=b4[b3]}}else{while(b4[b3]!==aG){b6[b5++]=b4[b3++]}}b6.length=b5;return b6},grep:function(b3,b8,e){var b7,b4=[],b5=0,b6=b3.length;e=!!e;for(;b5<b6;b5++){b7=!!b8(b3[b5],b5);if(e!==b7){b4.push(b3[b5])}}return b4},map:function(b4,b9,e){var b8,b6=0,b7=b4.length,b3=ab(b4),b5=[];if(b3){for(;b6<b7;b6++){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}else{for(b6 in b4){b8=b9(b4[b6],b6,e);if(b8!=null){b5[b5.length]=b8}}}return aI.apply([],b5)},guid:1,proxy:function(b6,b5){var e,b4,b3;if(typeof b5==="string"){b3=b6[b5];b5=b6;b6=b3}if(!bJ.isFunction(b6)){return aG}e=a4.call(arguments,2);b4=function(){return b6.apply(b5||this,e.concat(a4.call(arguments)))};b4.guid=b6.guid=b6.guid||bJ.guid++;return b4},access:function(e,b7,b9,b8,b5,cb,ca){var b4=0,b3=e.length,b6=b9==null;if(bJ.type(b9)==="object"){b5=true;for(b4 in b9){bJ.access(e,b7,b4,b9[b4],true,cb,ca)}}else{if(b8!==aG){b5=true;if(!bJ.isFunction(b8)){ca=true}if(b6){if(ca){b7.call(e,b8);b7=null}else{b6=b7;b7=function(cd,cc,ce){return b6.call(bJ(cd),ce)}}}if(b7){for(;b4<b3;b4++){b7(e[b4],b9,ca?b8:b8.call(e[b4],b4,b7(e[b4],b9)))}}}}return b5?e:b6?b7.call(e):b3?b7(e[0],b9):cb},now:function(){return(new Date()).getTime()}});bJ.ready.promise=function(b6){if(!ai){ai=bJ.Deferred();if(l.readyState==="complete"){setTimeout(bJ.ready)}else{if(l.addEventListener){l.addEventListener("DOMContentLoaded",bW,false);a2.addEventListener("load",bW,false)}else{l.attachEvent("onreadystatechange",bW);a2.attachEvent("onload",bW);var b5=false;try{b5=a2.frameElement==null&&l.documentElement}catch(b4){}if(b5&&b5.doScroll){(function b3(){if(!bJ.isReady){try{b5.doScroll("left")}catch(b7){return setTimeout(b3,50)}bl();bJ.ready()}})()}}}}return ai.promise(b6)};bJ.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(b3,e){aa["[object "+e+"]"]=e.toLowerCase()});function ab(b4){var b3=b4.length,e=bJ.type(b4);if(bJ.isWindow(b4)){return false}if(b4.nodeType===1&&b3){return true}return e==="array"||e!=="function"&&(b3===0||typeof b3==="number"&&b3>0&&(b3-1) in b4)}w=bJ(l);var bY={};function ae(b3){var e=bY[b3]={};bJ.each(b3.match(ac)||[],function(b5,b4){e[b4]=true});return e}bJ.Callbacks=function(cc){cc=typeof cc==="string"?(bY[cc]||ae(cc)):bJ.extend({},cc);var b6,b5,e,b7,b8,b4,b9=[],ca=!cc.once&&[],b3=function(cd){b5=cc.memory&&cd;e=true;b8=b4||0;b4=0;b7=b9.length;b6=true;for(;b9&&b8<b7;b8++){if(b9[b8].apply(cd[0],cd[1])===false&&cc.stopOnFalse){b5=false;break}}b6=false;if(b9){if(ca){if(ca.length){b3(ca.shift())}}else{if(b5){b9=[]}else{cb.disable()}}}},cb={add:function(){if(b9){var ce=b9.length;(function cd(cf){bJ.each(cf,function(ch,cg){var ci=bJ.type(cg);if(ci==="function"){if(!cc.unique||!cb.has(cg)){b9.push(cg)}}else{if(cg&&cg.length&&ci!=="string"){cd(cg)}}})})(arguments);if(b6){b7=b9.length}else{if(b5){b4=ce;b3(b5)}}}return this},remove:function(){if(b9){bJ.each(arguments,function(cf,cd){var ce;while((ce=bJ.inArray(cd,b9,ce))>-1){b9.splice(ce,1);if(b6){if(ce<=b7){b7--}if(ce<=b8){b8--}}}})}return this},has:function(cd){return cd?bJ.inArray(cd,b9)>-1:!!(b9&&b9.length)},empty:function(){b9=[];return this},disable:function(){b9=ca=b5=aG;return this},disabled:function(){return !b9},lock:function(){ca=aG;if(!b5){cb.disable()}return this},locked:function(){return !ca},fireWith:function(ce,cd){cd=cd||[];cd=[ce,cd.slice?cd.slice():cd];if(b9&&(!e||ca)){if(b6){ca.push(cd)}else{b3(cd)}}return this},fire:function(){cb.fireWith(this,arguments);return this},fired:function(){return !!e}};return cb};bJ.extend({Deferred:function(b4){var b3=[["resolve","done",bJ.Callbacks("once memory"),"resolved"],["reject","fail",bJ.Callbacks("once memory"),"rejected"],["notify","progress",bJ.Callbacks("memory")]],b5="pending",b6={state:function(){return b5},always:function(){e.done(arguments).fail(arguments);return this},then:function(){var b7=arguments;return bJ.Deferred(function(b8){bJ.each(b3,function(ca,b9){var cc=b9[0],cb=bJ.isFunction(b7[ca])&&b7[ca];e[b9[1]](function(){var cd=cb&&cb.apply(this,arguments);if(cd&&bJ.isFunction(cd.promise)){cd.promise().done(b8.resolve).fail(b8.reject).progress(b8.notify)}else{b8[cc+"With"](this===b6?b8.promise():this,cb?[cd]:arguments)}})});b7=null}).promise()},promise:function(b7){return b7!=null?bJ.extend(b7,b6):b6}},e={};b6.pipe=b6.then;bJ.each(b3,function(b8,b7){var ca=b7[2],b9=b7[3];b6[b7[1]]=ca.add;if(b9){ca.add(function(){b5=b9},b3[b8^1][2].disable,b3[2][2].lock)}e[b7[0]]=function(){e[b7[0]+"With"](this===e?b6:this,arguments);return this};e[b7[0]+"With"]=ca.fireWith});b6.promise(e);if(b4){b4.call(e,e)}return e},when:function(b6){var b4=0,b8=a4.call(arguments),e=b8.length,b3=e!==1||(b6&&bJ.isFunction(b6.promise))?e:0,cb=b3===1?b6:bJ.Deferred(),b5=function(cd,ce,cc){return function(cf){ce[cd]=this;cc[cd]=arguments.length>1?a4.call(arguments):cf;if(cc===ca){cb.notifyWith(ce,cc)}else{if(!(--b3)){cb.resolveWith(ce,cc)}}}},ca,b7,b9;if(e>1){ca=new Array(e);b7=new Array(e);b9=new Array(e);for(;b4<e;b4++){if(b8[b4]&&bJ.isFunction(b8[b4].promise)){b8[b4].promise().done(b5(b4,b9,b8)).fail(cb.reject).progress(b5(b4,b7,ca))}else{--b3}}}if(!b3){cb.resolveWith(b9,b8)}return cb.promise()}});bJ.support=(function(){var ce,cd,cb,ca,cc,b9,b5,b7,b4,b6,b3=l.createElement("div");b3.setAttribute("className","t");b3.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";cd=b3.getElementsByTagName("*");cb=b3.getElementsByTagName("a")[0];if(!cd||!cb||!cd.length){return{}}cc=l.createElement("select");b5=cc.appendChild(l.createElement("option"));ca=b3.getElementsByTagName("input")[0];cb.style.cssText="top:1px;float:left;opacity:.5";ce={getSetAttribute:b3.className!=="t",leadingWhitespace:b3.firstChild.nodeType===3,tbody:!b3.getElementsByTagName("tbody").length,htmlSerialize:!!b3.getElementsByTagName("link").length,style:/top/.test(cb.getAttribute("style")),hrefNormalized:cb.getAttribute("href")==="/a",opacity:/^0.5/.test(cb.style.opacity),cssFloat:!!cb.style.cssFloat,checkOn:!!ca.value,optSelected:b5.selected,enctype:!!l.createElement("form").enctype,html5Clone:l.createElement("nav").cloneNode(true).outerHTML!=="<:nav></:nav>",boxModel:l.compatMode==="CSS1Compat",deleteExpando:true,noCloneEvent:true,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableMarginRight:true,boxSizingReliable:true,pixelPosition:false};ca.checked=true;ce.noCloneChecked=ca.cloneNode(true).checked;cc.disabled=true;ce.optDisabled=!b5.disabled;try{delete b3.test}catch(b8){ce.deleteExpando=false}ca=l.createElement("input");ca.setAttribute("value","");ce.input=ca.getAttribute("value")==="";ca.value="t";ca.setAttribute("type","radio");ce.radioValue=ca.value==="t";ca.setAttribute("checked","t");ca.setAttribute("name","t");b9=l.createDocumentFragment();b9.appendChild(ca);ce.appendChecked=ca.checked;ce.checkClone=b9.cloneNode(true).cloneNode(true).lastChild.checked;if(b3.attachEvent){b3.attachEvent("onclick",function(){ce.noCloneEvent=false});b3.cloneNode(true).click()}for(b6 in {submit:true,change:true,focusin:true}){b3.setAttribute(b7="on"+b6,"t");ce[b6+"Bubbles"]=b7 in a2||b3.attributes[b7].expando===false}b3.style.backgroundClip="content-box";b3.cloneNode(true).style.backgroundClip="";ce.clearCloneStyle=b3.style.backgroundClip==="content-box";bJ(function(){var cf,ci,ch,cg="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",e=l.getElementsByTagName("body")[0];if(!e){return}cf=l.createElement("div");cf.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";e.appendChild(cf).appendChild(b3);b3.innerHTML="<table><tr><td></td><td>t</td></tr></table>";ch=b3.getElementsByTagName("td");ch[0].style.cssText="padding:0;margin:0;border:0;display:none";b4=(ch[0].offsetHeight===0);ch[0].style.display="";ch[1].style.display="none";ce.reliableHiddenOffsets=b4&&(ch[0].offsetHeight===0);b3.innerHTML="";b3.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";ce.boxSizing=(b3.offsetWidth===4);ce.doesNotIncludeMarginInBodyOffset=(e.offsetTop!==1);if(a2.getComputedStyle){ce.pixelPosition=(a2.getComputedStyle(b3,null)||{}).top!=="1%";ce.boxSizingReliable=(a2.getComputedStyle(b3,null)||{width:"4px"}).width==="4px";ci=b3.appendChild(l.createElement("div"));ci.style.cssText=b3.style.cssText=cg;ci.style.marginRight=ci.style.width="0";b3.style.width="1px";ce.reliableMarginRight=!parseFloat((a2.getComputedStyle(ci,null)||{}).marginRight)}if(typeof b3.style.zoom!==aC){b3.innerHTML="";b3.style.cssText=cg+"width:1px;padding:1px;display:inline;zoom:1";ce.inlineBlockNeedsLayout=(b3.offsetWidth===3);b3.style.display="block";b3.innerHTML="<div></div>";b3.firstChild.style.width="5px";ce.shrinkWrapBlocks=(b3.offsetWidth!==3);if(ce.inlineBlockNeedsLayout){e.style.zoom=1}}e.removeChild(cf);cf=b3=ch=ci=null});cd=cc=b9=b5=cb=ca=null;return ce})();var bw=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,aN=/([A-Z])/g;function ba(b5,b3,b7,b6){if(!bJ.acceptData(b5)){return}var b8,ca,cb=bJ.expando,b9=typeof b3==="string",cc=b5.nodeType,e=cc?bJ.cache:b5,b4=cc?b5[cb]:b5[cb]&&cb;if((!b4||!e[b4]||(!b6&&!e[b4].data))&&b9&&b7===aG){return}if(!b4){if(cc){b5[cb]=b4=a6.pop()||bJ.guid++}else{b4=cb}}if(!e[b4]){e[b4]={};if(!cc){e[b4].toJSON=bJ.noop}}if(typeof b3==="object"||typeof b3==="function"){if(b6){e[b4]=bJ.extend(e[b4],b3)}else{e[b4].data=bJ.extend(e[b4].data,b3)}}b8=e[b4];if(!b6){if(!b8.data){b8.data={}}b8=b8.data}if(b7!==aG){b8[bJ.camelCase(b3)]=b7}if(b9){ca=b8[b3];if(ca==null){ca=b8[bJ.camelCase(b3)]}}else{ca=b8}return ca}function Z(b5,b3,b6){if(!bJ.acceptData(b5)){return}var b8,b7,b9,ca=b5.nodeType,e=ca?bJ.cache:b5,b4=ca?b5[bJ.expando]:bJ.expando;if(!e[b4]){return}if(b3){b9=b6?e[b4]:e[b4].data;if(b9){if(!bJ.isArray(b3)){if(b3 in b9){b3=[b3]}else{b3=bJ.camelCase(b3);if(b3 in b9){b3=[b3]}else{b3=b3.split(" ")}}}else{b3=b3.concat(bJ.map(b3,bJ.camelCase))}for(b8=0,b7=b3.length;b8<b7;b8++){delete b9[b3[b8]]}if(!(b6?N:bJ.isEmptyObject)(b9)){return}}}if(!b6){delete e[b4].data;if(!N(e[b4])){return}}if(ca){bJ.cleanData([b5],true)}else{if(bJ.support.deleteExpando||e!=e.window){delete e[b4]}else{e[b4]=null}}}bJ.extend({cache:{},expando:"jQuery"+(s+Math.random()).replace(/\D/g,""),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},hasData:function(e){e=e.nodeType?bJ.cache[e[bJ.expando]]:e[bJ.expando];return !!e&&!N(e)},data:function(b3,e,b4){return ba(b3,e,b4)},removeData:function(b3,e){return Z(b3,e)},_data:function(b3,e,b4){return ba(b3,e,b4,true)},_removeData:function(b3,e){return Z(b3,e,true)},acceptData:function(b3){if(b3.nodeType&&b3.nodeType!==1&&b3.nodeType!==9){return false}var e=b3.nodeName&&bJ.noData[b3.nodeName.toLowerCase()];return !e||e!==true&&b3.getAttribute("classid")===e}});bJ.fn.extend({data:function(b5,b8){var b3,e,b6=this[0],b4=0,b7=null;if(b5===aG){if(this.length){b7=bJ.data(b6);if(b6.nodeType===1&&!bJ._data(b6,"parsedAttrs")){b3=b6.attributes;for(;b4<b3.length;b4++){e=b3[b4].name;if(!e.indexOf("data-")){e=bJ.camelCase(e.slice(5));by(b6,e,b7[e])}}bJ._data(b6,"parsedAttrs",true)}}return b7}if(typeof b5==="object"){return this.each(function(){bJ.data(this,b5)})}return bJ.access(this,function(b9){if(b9===aG){return b6?by(b6,b5,bJ.data(b6,b5)):null}this.each(function(){bJ.data(this,b5,b9)})},null,b8,arguments.length>1,null,true)},removeData:function(e){return this.each(function(){bJ.removeData(this,e)})}});function by(b5,b4,b6){if(b6===aG&&b5.nodeType===1){var b3="data-"+b4.replace(aN,"-$1").toLowerCase();b6=b5.getAttribute(b3);if(typeof b6==="string"){try{b6=b6==="true"?true:b6==="false"?false:b6==="null"?null:+b6+""===b6?+b6:bw.test(b6)?bJ.parseJSON(b6):b6}catch(b7){}bJ.data(b5,b4,b6)}else{b6=aG}}return b6}function N(b3){var e;for(e in b3){if(e==="data"&&bJ.isEmptyObject(b3[e])){continue}if(e!=="toJSON"){return false}}return true}bJ.extend({queue:function(b4,b3,b5){var e;if(b4){b3=(b3||"fx")+"queue";e=bJ._data(b4,b3);if(b5){if(!e||bJ.isArray(b5)){e=bJ._data(b4,b3,bJ.makeArray(b5))}else{e.push(b5)}}return e||[]}},dequeue:function(b7,b6){b6=b6||"fx";var b3=bJ.queue(b7,b6),b8=b3.length,b5=b3.shift(),e=bJ._queueHooks(b7,b6),b4=function(){bJ.dequeue(b7,b6)};if(b5==="inprogress"){b5=b3.shift();b8--}e.cur=b5;if(b5){if(b6==="fx"){b3.unshift("inprogress")}delete e.stop;b5.call(b7,b4,e)}if(!b8&&e){e.empty.fire()}},_queueHooks:function(b4,b3){var e=b3+"queueHooks";return bJ._data(b4,e)||bJ._data(b4,e,{empty:bJ.Callbacks("once memory").add(function(){bJ._removeData(b4,b3+"queue");bJ._removeData(b4,e)})})}});bJ.fn.extend({queue:function(e,b3){var b4=2;if(typeof e!=="string"){b3=e;e="fx";b4--}if(arguments.length<b4){return bJ.queue(this[0],e)}return b3===aG?this:this.each(function(){var b5=bJ.queue(this,e,b3);bJ._queueHooks(this,e);if(e==="fx"&&b5[0]!=="inprogress"){bJ.dequeue(this,e)}})},dequeue:function(e){return this.each(function(){bJ.dequeue(this,e)})},delay:function(b3,e){b3=bJ.fx?bJ.fx.speeds[b3]||b3:b3;e=e||"fx";return this.queue(e,function(b5,b4){var b6=setTimeout(b5,b3);b4.stop=function(){clearTimeout(b6)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(b4,b8){var b3,b5=1,b9=bJ.Deferred(),b7=this,e=this.length,b6=function(){if(!(--b5)){b9.resolveWith(b7,[b7])}};if(typeof b4!=="string"){b8=b4;b4=aG}b4=b4||"fx";while(e--){b3=bJ._data(b7[e],b4+"queueHooks");if(b3&&b3.empty){b5++;b3.empty.add(b6)}}b6();return b9.promise(b8)}});var a8,bZ,bM=/[\t\r\n]/g,ak=/\r/g,aF=/^(?:input|select|textarea|button|object)$/i,D=/^(?:a|area)$/i,L=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,aq=/^(?:checked|selected)$/i,bP=bJ.support.getSetAttribute,bF=bJ.support.input;bJ.fn.extend({attr:function(e,b3){return bJ.access(this,bJ.attr,e,b3,arguments.length>1)},removeAttr:function(e){return this.each(function(){bJ.removeAttr(this,e)})},prop:function(e,b3){return bJ.access(this,bJ.prop,e,b3,arguments.length>1)},removeProp:function(e){e=bJ.propFix[e]||e;return this.each(function(){try{this[e]=aG;delete this[e]}catch(b3){}})},addClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).addClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):" ");if(ca){b4=0;while((b6=b3[b4++])){if(ca.indexOf(" "+b6+" ")<0){ca+=b6+" "}}e.className=bJ.trim(ca)}}}return this},removeClass:function(b9){var b3,e,ca,b6,b4,b5=0,b7=this.length,b8=arguments.length===0||typeof b9==="string"&&b9;if(bJ.isFunction(b9)){return this.each(function(cb){bJ(this).removeClass(b9.call(this,cb,this.className))})}if(b8){b3=(b9||"").match(ac)||[];for(;b5<b7;b5++){e=this[b5];ca=e.nodeType===1&&(e.className?(" "+e.className+" ").replace(bM," "):"");if(ca){b4=0;while((b6=b3[b4++])){while(ca.indexOf(" "+b6+" ")>=0){ca=ca.replace(" "+b6+" "," ")}}e.className=b9?bJ.trim(ca):""}}}return this},toggleClass:function(b5,b3){var b4=typeof b5,e=typeof b3==="boolean";if(bJ.isFunction(b5)){return this.each(function(b6){bJ(this).toggleClass(b5.call(this,b6,this.className,b3),b3)})}return this.each(function(){if(b4==="string"){var b8,b7=0,b6=bJ(this),b9=b3,ca=b5.match(ac)||[];while((b8=ca[b7++])){b9=e?b9:!b6.hasClass(b8);b6[b9?"addClass":"removeClass"](b8)}}else{if(b4===aC||b4==="boolean"){if(this.className){bJ._data(this,"__className__",this.className)}this.className=this.className||b5===false?"":bJ._data(this,"__className__")||""}}})},hasClass:function(e){var b5=" "+e+" ",b4=0,b3=this.length;for(;b4<b3;b4++){if(this[b4].nodeType===1&&(" "+this[b4].className+" ").replace(bM," ").indexOf(b5)>=0){return true}}return false},val:function(b5){var b3,e,b6,b4=this[0];if(!arguments.length){if(b4){e=bJ.valHooks[b4.type]||bJ.valHooks[b4.nodeName.toLowerCase()];if(e&&"get" in e&&(b3=e.get(b4,"value"))!==aG){return b3}b3=b4.value;return typeof b3==="string"?b3.replace(ak,""):b3==null?"":b3}return}b6=bJ.isFunction(b5);return this.each(function(b8){var b9,b7=bJ(this);if(this.nodeType!==1){return}if(b6){b9=b5.call(this,b8,b7.val())}else{b9=b5}if(b9==null){b9=""}else{if(typeof b9==="number"){b9+=""}else{if(bJ.isArray(b9)){b9=bJ.map(b9,function(ca){return ca==null?"":ca+""})}}}e=bJ.valHooks[this.type]||bJ.valHooks[this.nodeName.toLowerCase()];if(!e||!("set" in e)||e.set(this,b9,"value")===aG){this.value=b9}})}});bJ.extend({valHooks:{option:{get:function(e){var b3=e.attributes.value;return !b3||b3.specified?e.value:e.text}},select:{get:function(e){var b8,b4,ca=e.options,b6=e.selectedIndex,b5=e.type==="select-one"||b6<0,b9=b5?null:[],b7=b5?b6+1:ca.length,b3=b6<0?b7:b5?b6:0;for(;b3<b7;b3++){b4=ca[b3];if((b4.selected||b3===b6)&&(bJ.support.optDisabled?!b4.disabled:b4.getAttribute("disabled")===null)&&(!b4.parentNode.disabled||!bJ.nodeName(b4.parentNode,"optgroup"))){b8=bJ(b4).val();if(b5){return b8}b9.push(b8)}}return b9},set:function(b3,b4){var e=bJ.makeArray(b4);bJ(b3).find("option").each(function(){this.selected=bJ.inArray(bJ(this).val(),e)>=0});if(!e.length){b3.selectedIndex=-1}return e}}},attr:function(b7,b5,b8){var e,b6,b4,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}if(typeof b7.getAttribute===aC){return bJ.prop(b7,b5,b8)}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=b5.toLowerCase();e=bJ.attrHooks[b5]||(L.test(b5)?bZ:a8)}if(b8!==aG){if(b8===null){bJ.removeAttr(b7,b5)}else{if(e&&b6&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{b7.setAttribute(b5,b8+"");return b8}}}else{if(e&&b6&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{if(typeof b7.getAttribute!==aC){b4=b7.getAttribute(b5)}return b4==null?aG:b4}}},removeAttr:function(b4,b6){var e,b5,b3=0,b7=b6&&b6.match(ac);if(b7&&b4.nodeType===1){while((e=b7[b3++])){b5=bJ.propFix[e]||e;if(L.test(e)){if(!bP&&aq.test(e)){b4[bJ.camelCase("default-"+e)]=b4[b5]=false}else{b4[b5]=false}}else{bJ.attr(b4,e,"")}b4.removeAttribute(bP?e:b5)}}},attrHooks:{type:{set:function(e,b3){if(!bJ.support.radioValue&&b3==="radio"&&bJ.nodeName(e,"input")){var b4=e.value;e.setAttribute("type",b3);if(b4){e.value=b4}return b3}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(b7,b5,b8){var b4,e,b6,b3=b7.nodeType;if(!b7||b3===3||b3===8||b3===2){return}b6=b3!==1||!bJ.isXMLDoc(b7);if(b6){b5=bJ.propFix[b5]||b5;e=bJ.propHooks[b5]}if(b8!==aG){if(e&&"set" in e&&(b4=e.set(b7,b8,b5))!==aG){return b4}else{return(b7[b5]=b8)}}else{if(e&&"get" in e&&(b4=e.get(b7,b5))!==null){return b4}else{return b7[b5]}}},propHooks:{tabIndex:{get:function(b3){var e=b3.getAttributeNode("tabindex");return e&&e.specified?parseInt(e.value,10):aF.test(b3.nodeName)||D.test(b3.nodeName)&&b3.href?0:aG}}}});bZ={get:function(b5,b3){var b6=bJ.prop(b5,b3),e=typeof b6==="boolean"&&b5.getAttribute(b3),b4=typeof b6==="boolean"?bF&&bP?e!=null:aq.test(b3)?b5[bJ.camelCase("default-"+b3)]:!!e:b5.getAttributeNode(b3);return b4&&b4.value!==false?b3.toLowerCase():aG},set:function(b3,b4,e){if(b4===false){bJ.removeAttr(b3,e)}else{if(bF&&bP||!aq.test(e)){b3.setAttribute(!bP&&bJ.propFix[e]||e,e)}else{b3[bJ.camelCase("default-"+e)]=b3[e]=true}}return e}};if(!bF||!bP){bJ.attrHooks.value={get:function(b4,b3){var e=b4.getAttributeNode(b3);return bJ.nodeName(b4,"input")?b4.defaultValue:e&&e.specified?e.value:aG},set:function(b3,b4,e){if(bJ.nodeName(b3,"input")){b3.defaultValue=b4}else{return a8&&a8.set(b3,b4,e)}}}}if(!bP){a8=bJ.valHooks.button={get:function(b4,b3){var e=b4.getAttributeNode(b3);return e&&(b3==="id"||b3==="name"||b3==="coords"?e.value!=="":e.specified)?e.value:aG},set:function(b4,b5,b3){var e=b4.getAttributeNode(b3);if(!e){b4.setAttributeNode((e=b4.ownerDocument.createAttribute(b3)))}e.value=b5+="";return b3==="value"||b5===b4.getAttribute(b3)?b5:aG}};bJ.attrHooks.contenteditable={get:a8.get,set:function(b3,b4,e){a8.set(b3,b4===""?false:b4,e)}};bJ.each(["width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{set:function(b4,b5){if(b5===""){b4.setAttribute(e,"auto");return b5}}})})}if(!bJ.support.hrefNormalized){bJ.each(["href","src","width","height"],function(b3,e){bJ.attrHooks[e]=bJ.extend(bJ.attrHooks[e],{get:function(b5){var b4=b5.getAttribute(e,2);return b4==null?aG:b4}})});bJ.each(["href","src"],function(b3,e){bJ.propHooks[e]={get:function(b4){return b4.getAttribute(e,4)}}})}if(!bJ.support.style){bJ.attrHooks.style={get:function(e){return e.style.cssText||aG},set:function(e,b3){return(e.style.cssText=b3+"")}}}if(!bJ.support.optSelected){bJ.propHooks.selected=bJ.extend(bJ.propHooks.selected,{get:function(b3){var e=b3.parentNode;if(e){e.selectedIndex;if(e.parentNode){e.parentNode.selectedIndex}}return null}})}if(!bJ.support.enctype){bJ.propFix.enctype="encoding"}if(!bJ.support.checkOn){bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]={get:function(e){return e.getAttribute("value")===null?"on":e.value}}})}bJ.each(["radio","checkbox"],function(){bJ.valHooks[this]=bJ.extend(bJ.valHooks[this],{set:function(e,b3){if(bJ.isArray(b3)){return(e.checked=bJ.inArray(bJ(e).val(),b3)>=0)}}})});var bH=/^(?:input|select|textarea)$/i,a3=/^key/,bN=/^(?:mouse|contextmenu)|click/,bB=/^(?:focusinfocus|focusoutblur)$/,bu=/^([^.]*)(?:\.(.+)|)$/;function R(){return true}function X(){return false}bJ.event={global:{},add:function(b6,cb,cg,b8,b7){var b9,ch,ci,b4,cd,ca,cf,b5,ce,e,b3,cc=bJ._data(b6);if(!cc){return}if(cg.handler){b4=cg;cg=b4.handler;b7=b4.selector}if(!cg.guid){cg.guid=bJ.guid++}if(!(ch=cc.events)){ch=cc.events={}}if(!(ca=cc.handle)){ca=cc.handle=function(cj){return typeof bJ!==aC&&(!cj||bJ.event.triggered!==cj.type)?bJ.event.dispatch.apply(ca.elem,arguments):aG};ca.elem=b6}cb=(cb||"").match(ac)||[""];ci=cb.length;while(ci--){b9=bu.exec(cb[ci])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();cd=bJ.event.special[ce]||{};ce=(b7?cd.delegateType:cd.bindType)||ce;cd=bJ.event.special[ce]||{};cf=bJ.extend({type:ce,origType:b3,data:b8,handler:cg,guid:cg.guid,selector:b7,needsContext:b7&&bJ.expr.match.needsContext.test(b7),namespace:e.join(".")},b4);if(!(b5=ch[ce])){b5=ch[ce]=[];b5.delegateCount=0;if(!cd.setup||cd.setup.call(b6,b8,e,ca)===false){if(b6.addEventListener){b6.addEventListener(ce,ca,false)}else{if(b6.attachEvent){b6.attachEvent("on"+ce,ca)}}}}if(cd.add){cd.add.call(b6,cf);if(!cf.handler.guid){cf.handler.guid=cg.guid}}if(b7){b5.splice(b5.delegateCount++,0,cf)}else{b5.push(cf)}bJ.event.global[ce]=true}b6=null},remove:function(b5,cb,ci,b6,ca){var b8,cf,b9,b7,ch,cg,cd,b4,ce,e,b3,cc=bJ.hasData(b5)&&bJ._data(b5);if(!cc||!(cg=cc.events)){return}cb=(cb||"").match(ac)||[""];ch=cb.length;while(ch--){b9=bu.exec(cb[ch])||[];ce=b3=b9[1];e=(b9[2]||"").split(".").sort();if(!ce){for(ce in cg){bJ.event.remove(b5,ce+cb[ch],ci,b6,true)}continue}cd=bJ.event.special[ce]||{};ce=(b6?cd.delegateType:cd.bindType)||ce;b4=cg[ce]||[];b9=b9[2]&&new RegExp("(^|\\.)"+e.join("\\.(?:.*\\.|)")+"(\\.|$)");b7=b8=b4.length;while(b8--){cf=b4[b8];if((ca||b3===cf.origType)&&(!ci||ci.guid===cf.guid)&&(!b9||b9.test(cf.namespace))&&(!b6||b6===cf.selector||b6==="**"&&cf.selector)){b4.splice(b8,1);if(cf.selector){b4.delegateCount--}if(cd.remove){cd.remove.call(b5,cf)}}}if(b7&&!b4.length){if(!cd.teardown||cd.teardown.call(b5,e,cc.handle)===false){bJ.removeEvent(b5,ce,cc.handle)}delete cg[ce]}}if(bJ.isEmptyObject(cg)){delete cc.handle;bJ._removeData(b5,"events")}},trigger:function(b3,ca,b6,ch){var cb,b5,cf,cg,cd,b9,b8,b7=[b6||l],ce=V.call(b3,"type")?b3.type:b3,b4=V.call(b3,"namespace")?b3.namespace.split("."):[];cf=b9=b6=b6||l;if(b6.nodeType===3||b6.nodeType===8){return}if(bB.test(ce+bJ.event.triggered)){return}if(ce.indexOf(".")>=0){b4=ce.split(".");ce=b4.shift();b4.sort()}b5=ce.indexOf(":")<0&&"on"+ce;b3=b3[bJ.expando]?b3:new bJ.Event(ce,typeof b3==="object"&&b3);b3.isTrigger=true;b3.namespace=b4.join(".");b3.namespace_re=b3.namespace?new RegExp("(^|\\.)"+b4.join("\\.(?:.*\\.|)")+"(\\.|$)"):null;b3.result=aG;if(!b3.target){b3.target=b6}ca=ca==null?[b3]:bJ.makeArray(ca,[b3]);cd=bJ.event.special[ce]||{};if(!ch&&cd.trigger&&cd.trigger.apply(b6,ca)===false){return}if(!ch&&!cd.noBubble&&!bJ.isWindow(b6)){cg=cd.delegateType||ce;if(!bB.test(cg+ce)){cf=cf.parentNode}for(;cf;cf=cf.parentNode){b7.push(cf);b9=cf}if(b9===(b6.ownerDocument||l)){b7.push(b9.defaultView||b9.parentWindow||a2)}}b8=0;while((cf=b7[b8++])&&!b3.isPropagationStopped()){b3.type=b8>1?cg:cd.bindType||ce;cb=(bJ._data(cf,"events")||{})[b3.type]&&bJ._data(cf,"handle");if(cb){cb.apply(cf,ca)}cb=b5&&cf[b5];if(cb&&bJ.acceptData(cf)&&cb.apply&&cb.apply(cf,ca)===false){b3.preventDefault()}}b3.type=ce;if(!ch&&!b3.isDefaultPrevented()){if((!cd._default||cd._default.apply(b6.ownerDocument,ca)===false)&&!(ce==="click"&&bJ.nodeName(b6,"a"))&&bJ.acceptData(b6)){if(b5&&b6[ce]&&!bJ.isWindow(b6)){b9=b6[b5];if(b9){b6[b5]=null}bJ.event.triggered=ce;try{b6[ce]()}catch(cc){}bJ.event.triggered=aG;if(b9){b6[b5]=b9}}}}return b3.result},dispatch:function(e){e=bJ.event.fix(e);var b6,b7,cb,b3,b5,ca=[],b9=a4.call(arguments),b4=(bJ._data(this,"events")||{})[e.type]||[],b8=bJ.event.special[e.type]||{};b9[0]=e;e.delegateTarget=this;if(b8.preDispatch&&b8.preDispatch.call(this,e)===false){return}ca=bJ.event.handlers.call(this,e,b4);b6=0;while((b3=ca[b6++])&&!e.isPropagationStopped()){e.currentTarget=b3.elem;b5=0;while((cb=b3.handlers[b5++])&&!e.isImmediatePropagationStopped()){if(!e.namespace_re||e.namespace_re.test(cb.namespace)){e.handleObj=cb;e.data=cb.data;b7=((bJ.event.special[cb.origType]||{}).handle||cb.handler).apply(b3.elem,b9);if(b7!==aG){if((e.result=b7)===false){e.preventDefault();e.stopPropagation()}}}}}if(b8.postDispatch){b8.postDispatch.call(this,e)}return e.result},handlers:function(e,b4){var b3,b9,b7,b6,b8=[],b5=b4.delegateCount,ca=e.target;if(b5&&ca.nodeType&&(!e.button||e.type!=="click")){for(;ca!=this;ca=ca.parentNode||this){if(ca.nodeType===1&&(ca.disabled!==true||e.type!=="click")){b7=[];for(b6=0;b6<b5;b6++){b9=b4[b6];b3=b9.selector+" ";if(b7[b3]===aG){b7[b3]=b9.needsContext?bJ(b3,this).index(ca)>=0:bJ.find(b3,this,null,[ca]).length}if(b7[b3]){b7.push(b9)}}if(b7.length){b8.push({elem:ca,handlers:b7})}}}}if(b5<b4.length){b8.push({elem:this,handlers:b4.slice(b5)})}return b8},fix:function(b5){if(b5[bJ.expando]){return b5}var b3,b8,b7,b4=b5.type,e=b5,b6=this.fixHooks[b4];if(!b6){this.fixHooks[b4]=b6=bN.test(b4)?this.mouseHooks:a3.test(b4)?this.keyHooks:{}}b7=b6.props?this.props.concat(b6.props):this.props;b5=new bJ.Event(e);b3=b7.length;while(b3--){b8=b7[b3];b5[b8]=e[b8]}if(!b5.target){b5.target=e.srcElement||l}if(b5.target.nodeType===3){b5.target=b5.target.parentNode}b5.metaKey=!!b5.metaKey;return b6.filter?b6.filter(b5,e):b5},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(b3,e){if(b3.which==null){b3.which=e.charCode!=null?e.charCode:e.keyCode}return b3}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(b5,b4){var e,b6,b7,b3=b4.button,b8=b4.fromElement;if(b5.pageX==null&&b4.clientX!=null){b6=b5.target.ownerDocument||l;b7=b6.documentElement;e=b6.body;b5.pageX=b4.clientX+(b7&&b7.scrollLeft||e&&e.scrollLeft||0)-(b7&&b7.clientLeft||e&&e.clientLeft||0);b5.pageY=b4.clientY+(b7&&b7.scrollTop||e&&e.scrollTop||0)-(b7&&b7.clientTop||e&&e.clientTop||0)}if(!b5.relatedTarget&&b8){b5.relatedTarget=b8===b5.target?b4.toElement:b8}if(!b5.which&&b3!==aG){b5.which=(b3&1?1:(b3&2?3:(b3&4?2:0)))}return b5}},special:{load:{noBubble:true},click:{trigger:function(){if(bJ.nodeName(this,"input")&&this.type==="checkbox"&&this.click){this.click();return false}}},focus:{trigger:function(){if(this!==l.activeElement&&this.focus){try{this.focus();return false}catch(b3){}}},delegateType:"focusin"},blur:{trigger:function(){if(this===l.activeElement&&this.blur){this.blur();return false}},delegateType:"focusout"},beforeunload:{postDispatch:function(e){if(e.result!==aG){e.originalEvent.returnValue=e.result}}}},simulate:function(b4,b6,b5,b3){var b7=bJ.extend(new bJ.Event(),b5,{type:b4,isSimulated:true,originalEvent:{}});if(b3){bJ.event.trigger(b7,null,b6)}else{bJ.event.dispatch.call(b6,b7)}if(b7.isDefaultPrevented()){b5.preventDefault()}}};bJ.removeEvent=l.removeEventListener?function(b3,e,b4){if(b3.removeEventListener){b3.removeEventListener(e,b4,false)}}:function(b4,b3,b5){var e="on"+b3;if(b4.detachEvent){if(typeof b4[e]===aC){b4[e]=null}b4.detachEvent(e,b5)}};bJ.Event=function(b3,e){if(!(this instanceof bJ.Event)){return new bJ.Event(b3,e)}if(b3&&b3.type){this.originalEvent=b3;this.type=b3.type;this.isDefaultPrevented=(b3.defaultPrevented||b3.returnValue===false||b3.getPreventDefault&&b3.getPreventDefault())?R:X}else{this.type=b3}if(e){bJ.extend(this,e)}this.timeStamp=b3&&b3.timeStamp||bJ.now();this[bJ.expando]=true};bJ.Event.prototype={isDefaultPrevented:X,isPropagationStopped:X,isImmediatePropagationStopped:X,preventDefault:function(){var b3=this.originalEvent;this.isDefaultPrevented=R;if(!b3){return}if(b3.preventDefault){b3.preventDefault()}else{b3.returnValue=false}},stopPropagation:function(){var b3=this.originalEvent;this.isPropagationStopped=R;if(!b3){return}if(b3.stopPropagation){b3.stopPropagation()}b3.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=R;this.stopPropagation()}};bJ.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b3,e){bJ.event.special[b3]={delegateType:e,bindType:e,handle:function(b6){var b4,b8=this,b7=b6.relatedTarget,b5=b6.handleObj;if(!b7||(b7!==b8&&!bJ.contains(b8,b7))){b6.type=b5.origType;b4=b5.handler.apply(this,arguments);b6.type=e}return b4}}});if(!bJ.support.submitBubbles){bJ.event.special.submit={setup:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.add(this,"click._submit keypress._submit",function(b5){var b4=b5.target,b3=bJ.nodeName(b4,"input")||bJ.nodeName(b4,"button")?b4.form:aG;if(b3&&!bJ._data(b3,"submitBubbles")){bJ.event.add(b3,"submit._submit",function(e){e._submit_bubble=true});bJ._data(b3,"submitBubbles",true)}})},postDispatch:function(e){if(e._submit_bubble){delete e._submit_bubble;if(this.parentNode&&!e.isTrigger){bJ.event.simulate("submit",this.parentNode,e,true)}}},teardown:function(){if(bJ.nodeName(this,"form")){return false}bJ.event.remove(this,"._submit")}}}if(!bJ.support.changeBubbles){bJ.event.special.change={setup:function(){if(bH.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio"){bJ.event.add(this,"propertychange._change",function(e){if(e.originalEvent.propertyName==="checked"){this._just_changed=true}});bJ.event.add(this,"click._change",function(e){if(this._just_changed&&!e.isTrigger){this._just_changed=false}bJ.event.simulate("change",this,e,true)})}return false}bJ.event.add(this,"beforeactivate._change",function(b4){var b3=b4.target;if(bH.test(b3.nodeName)&&!bJ._data(b3,"changeBubbles")){bJ.event.add(b3,"change._change",function(e){if(this.parentNode&&!e.isSimulated&&!e.isTrigger){bJ.event.simulate("change",this.parentNode,e,true)}});bJ._data(b3,"changeBubbles",true)}})},handle:function(b3){var e=b3.target;if(this!==e||b3.isSimulated||b3.isTrigger||(e.type!=="radio"&&e.type!=="checkbox")){return b3.handleObj.handler.apply(this,arguments)}},teardown:function(){bJ.event.remove(this,"._change");return !bH.test(this.nodeName)}}}if(!bJ.support.focusinBubbles){bJ.each({focus:"focusin",blur:"focusout"},function(b5,e){var b3=0,b4=function(b6){bJ.event.simulate(e,b6.target,bJ.event.fix(b6),true)};bJ.event.special[e]={setup:function(){if(b3++===0){l.addEventListener(b5,b4,true)}},teardown:function(){if(--b3===0){l.removeEventListener(b5,b4,true)}}}})}bJ.fn.extend({on:function(b4,e,b7,b6,b3){var b5,b8;if(typeof b4==="object"){if(typeof e!=="string"){b7=b7||e;e=aG}for(b5 in b4){this.on(b5,e,b7,b4[b5],b3)}return this}if(b7==null&&b6==null){b6=e;b7=e=aG}else{if(b6==null){if(typeof e==="string"){b6=b7;b7=aG}else{b6=b7;b7=e;e=aG}}}if(b6===false){b6=X}else{if(!b6){return this}}if(b3===1){b8=b6;b6=function(b9){bJ().off(b9);return b8.apply(this,arguments)};b6.guid=b8.guid||(b8.guid=bJ.guid++)}return this.each(function(){bJ.event.add(this,b4,b6,b7,e)})},one:function(b3,e,b5,b4){return this.on(b3,e,b5,b4,1)},off:function(b4,e,b6){var b3,b5;if(b4&&b4.preventDefault&&b4.handleObj){b3=b4.handleObj;bJ(b4.delegateTarget).off(b3.namespace?b3.origType+"."+b3.namespace:b3.origType,b3.selector,b3.handler);return this}if(typeof b4==="object"){for(b5 in b4){this.off(b5,e,b4[b5])}return this}if(e===false||typeof e==="function"){b6=e;e=aG}if(b6===false){b6=X}return this.each(function(){bJ.event.remove(this,b4,b6,e)})},bind:function(e,b4,b3){return this.on(e,null,b4,b3)},unbind:function(e,b3){return this.off(e,null,b3)},delegate:function(e,b3,b5,b4){return this.on(b3,e,b5,b4)},undelegate:function(e,b3,b4){return arguments.length===1?this.off(e,"**"):this.off(b3,e||"**",b4)},trigger:function(e,b3){return this.each(function(){bJ.event.trigger(e,b3,this)})},triggerHandler:function(e,b4){var b3=this[0];if(b3){return bJ.event.trigger(e,b4,b3,true)}}});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function(da,ch){var cx,cb,cn,cH,cJ,cS,cT,dg,cV,cB,co,cd,cZ,db,ca,cF,cD,c5="sizzle"+-(new Date()),cI=da.document,dd={},de=0,c0=0,b5=cz(),c4=cz(),cG=cz(),c9=typeof ch,cN=1<<31,c7=[],c8=c7.pop,b4=c7.push,cm=c7.slice,b9=c7.indexOf||function(di){var dh=0,e=this.length;for(;dh<e;dh++){if(this[dh]===di){return dh}}return -1},cp="[\\x20\\t\\r\\n\\f]",b3="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",cK=b3.replace("w","w#"),ci="([*^$|!~]?=)",c2="\\["+cp+"*("+b3+")"+cp+"*(?:"+ci+cp+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+cK+")|)|)"+cp+"*\\]",ck=":("+b3+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+c2.replace(3,8)+")*)|.*)\\)|)",cr=new RegExp("^"+cp+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cp+"+$","g"),cu=new RegExp("^"+cp+"*,"+cp+"*"),cA=new RegExp("^"+cp+"*([\\x20\\t\\r\\n\\f>+~])"+cp+"*"),cP=new RegExp(ck),cQ=new RegExp("^"+cK+"$"),cY={ID:new RegExp("^#("+b3+")"),CLASS:new RegExp("^\\.("+b3+")"),NAME:new RegExp("^\\[name=['\"]?("+b3+")['\"]?\\]"),TAG:new RegExp("^("+b3.replace("w","w*")+")"),ATTR:new RegExp("^"+c2),PSEUDO:new RegExp("^"+ck),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cp+"*(even|odd|(([+-]|)(\\d*)n|)"+cp+"*(?:([+-]|)"+cp+"*(\\d+)|))"+cp+"*\\)|)","i"),needsContext:new RegExp("^"+cp+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cp+"*((?:-\\d)?\\d*)"+cp+"*\\)|)(?=[^-]|$)","i")},cW=/[\x20\t\r\n\f]*[+~]/,cM=/^[^{]+\{\s*\[native code/,cO=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,b8=/^(?:input|select|textarea|button)$/i,cl=/^h\d$/i,cL=/'|\\/g,ct=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,cs=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,c1=function(e,di){var dh="0x"+di-65536;return dh!==dh?di:dh<0?String.fromCharCode(dh+65536):String.fromCharCode(dh>>10|55296,dh&1023|56320)};try{cm.call(cI.documentElement.childNodes,0)[0].nodeType}catch(cC){cm=function(dh){var di,e=[];while((di=this[dh++])){e.push(di)}return e}}function cE(e){return cM.test(e+"")}function cz(){var e,dh=[];return(e=function(di,dj){if(dh.push(di+=" ")>cn.cacheLength){delete e[dh.shift()]}return(e[di]=dj)})}function cj(e){e[c5]=true;return e}function cc(dh){var dj=cB.createElement("div");try{return dh(dj)}catch(di){return false}finally{dj=null}}function cv(dp,dh,dt,dv){var du,dl,dm,dr,ds,dk,dj,e,di,dq;if((dh?dh.ownerDocument||dh:cI)!==cB){cV(dh)}dh=dh||cB;dt=dt||[];if(!dp||typeof dp!=="string"){return dt}if((dr=dh.nodeType)!==1&&dr!==9){return[]}if(!cd&&!dv){if((du=cO.exec(dp))){if((dm=du[1])){if(dr===9){dl=dh.getElementById(dm);if(dl&&dl.parentNode){if(dl.id===dm){dt.push(dl);return dt}}else{return dt}}else{if(dh.ownerDocument&&(dl=dh.ownerDocument.getElementById(dm))&&cF(dh,dl)&&dl.id===dm){dt.push(dl);return dt}}}else{if(du[2]){b4.apply(dt,cm.call(dh.getElementsByTagName(dp),0));return dt}else{if((dm=du[3])&&dd.getByClassName&&dh.getElementsByClassName){b4.apply(dt,cm.call(dh.getElementsByClassName(dm),0));return dt}}}}if(dd.qsa&&!cZ.test(dp)){dj=true;e=c5;di=dh;dq=dr===9&&dp;if(dr===1&&dh.nodeName.toLowerCase()!=="object"){dk=cf(dp);if((dj=dh.getAttribute("id"))){e=dj.replace(cL,"\\$&")}else{dh.setAttribute("id",e)}e="[id='"+e+"'] ";ds=dk.length;while(ds--){dk[ds]=e+cg(dk[ds])}di=cW.test(dp)&&dh.parentNode||dh;dq=dk.join(",")}if(dq){try{b4.apply(dt,cm.call(di.querySelectorAll(dq),0));return dt}catch(dn){}finally{if(!dj){dh.removeAttribute("id")}}}}}return dc(dp.replace(cr,"$1"),dh,dt,dv)}cJ=cv.isXML=function(e){var dh=e&&(e.ownerDocument||e).documentElement;return dh?dh.nodeName!=="HTML":false};cV=cv.setDocument=function(e){var dh=e?e.ownerDocument||e:cI;if(dh===cB||dh.nodeType!==9||!dh.documentElement){return cB}cB=dh;co=dh.documentElement;cd=cJ(dh);dd.tagNameNoComments=cc(function(di){di.appendChild(dh.createComment(""));return !di.getElementsByTagName("*").length});dd.attributes=cc(function(dj){dj.innerHTML="<select></select>";var di=typeof dj.lastChild.getAttribute("multiple");return di!=="boolean"&&di!=="string"});dd.getByClassName=cc(function(di){di.innerHTML="<div class='hidden e'></div><div class='hidden'></div>";if(!di.getElementsByClassName||!di.getElementsByClassName("e").length){return false}di.lastChild.className="e";return di.getElementsByClassName("e").length===2});dd.getByName=cc(function(dj){dj.id=c5+0;dj.innerHTML="<a name='"+c5+"'></a><div name='"+c5+"'></div>";co.insertBefore(dj,co.firstChild);var di=dh.getElementsByName&&dh.getElementsByName(c5).length===2+dh.getElementsByName(c5+0).length;dd.getIdNotName=!dh.getElementById(c5);co.removeChild(dj);return di});cn.attrHandle=cc(function(di){di.innerHTML="<a href='#'></a>";return di.firstChild&&typeof di.firstChild.getAttribute!==c9&&di.firstChild.getAttribute("href")==="#"})?{}:{href:function(di){return di.getAttribute("href",2)},type:function(di){return di.getAttribute("type")}};if(dd.getIdNotName){cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di&&di.parentNode?[di]:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dk){return dk.getAttribute("id")===di}}}else{cn.find.ID=function(dk,dj){if(typeof dj.getElementById!==c9&&!cd){var di=dj.getElementById(dk);return di?di.id===dk||typeof di.getAttributeNode!==c9&&di.getAttributeNode("id").value===dk?[di]:ch:[]}};cn.filter.ID=function(dj){var di=dj.replace(cs,c1);return function(dl){var dk=typeof dl.getAttributeNode!==c9&&dl.getAttributeNode("id");return dk&&dk.value===di}}}cn.find.TAG=dd.tagNameNoComments?function(di,dj){if(typeof dj.getElementsByTagName!==c9){return dj.getElementsByTagName(di)}}:function(di,dm){var dn,dl=[],dk=0,dj=dm.getElementsByTagName(di);if(di==="*"){while((dn=dj[dk++])){if(dn.nodeType===1){dl.push(dn)}}return dl}return dj};cn.find.NAME=dd.getByName&&function(di,dj){if(typeof dj.getElementsByName!==c9){return dj.getElementsByName(name)}};cn.find.CLASS=dd.getByClassName&&function(dj,di){if(typeof di.getElementsByClassName!==c9&&!cd){return di.getElementsByClassName(dj)}};db=[];cZ=[":focus"];if((dd.qsa=cE(dh.querySelectorAll))){cc(function(di){di.innerHTML="<select><option selected=''></option></select>";if(!di.querySelectorAll("[selected]").length){cZ.push("\\["+cp+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)")}if(!di.querySelectorAll(":checked").length){cZ.push(":checked")}});cc(function(di){di.innerHTML="<input type='hidden' i=''/>";if(di.querySelectorAll("[i^='']").length){cZ.push("[*^$]="+cp+"*(?:\"\"|'')")}if(!di.querySelectorAll(":enabled").length){cZ.push(":enabled",":disabled")}di.querySelectorAll("*,:x");cZ.push(",.*:")})}if((dd.matchesSelector=cE((ca=co.matchesSelector||co.mozMatchesSelector||co.webkitMatchesSelector||co.oMatchesSelector||co.msMatchesSelector)))){cc(function(di){dd.disconnectedMatch=ca.call(di,"div");ca.call(di,"[s!='']:x");db.push("!=",ck)})}cZ=new RegExp(cZ.join("|"));db=new RegExp(db.join("|"));cF=cE(co.contains)||co.compareDocumentPosition?function(dj,di){var dl=dj.nodeType===9?dj.documentElement:dj,dk=di&&di.parentNode;return dj===dk||!!(dk&&dk.nodeType===1&&(dl.contains?dl.contains(dk):dj.compareDocumentPosition&&dj.compareDocumentPosition(dk)&16))}:function(dj,di){if(di){while((di=di.parentNode)){if(di===dj){return true}}}return false};cD=co.compareDocumentPosition?function(dj,di){var dk;if(dj===di){cT=true;return 0}if((dk=di.compareDocumentPosition&&dj.compareDocumentPosition&&dj.compareDocumentPosition(di))){if(dk&1||dj.parentNode&&dj.parentNode.nodeType===11){if(dj===dh||cF(cI,dj)){return -1}if(di===dh||cF(cI,di)){return 1}return 0}return dk&4?-1:1}return dj.compareDocumentPosition?-1:1}:function(dj,di){var dq,dm=0,dp=dj.parentNode,dl=di.parentNode,dk=[dj],dn=[di];if(dj===di){cT=true;return 0}else{if(!dp||!dl){return dj===dh?-1:di===dh?1:dp?-1:dl?1:0}else{if(dp===dl){return b6(dj,di)}}}dq=dj;while((dq=dq.parentNode)){dk.unshift(dq)}dq=di;while((dq=dq.parentNode)){dn.unshift(dq)}while(dk[dm]===dn[dm]){dm++}return dm?b6(dk[dm],dn[dm]):dk[dm]===cI?-1:dn[dm]===cI?1:0};cT=false;[0,0].sort(cD);dd.detectDuplicates=cT;return cB};cv.matches=function(dh,e){return cv(dh,null,null,e)};cv.matchesSelector=function(di,dk){if((di.ownerDocument||di)!==cB){cV(di)}dk=dk.replace(ct,"='$1']");if(dd.matchesSelector&&!cd&&(!db||!db.test(dk))&&!cZ.test(dk)){try{var dh=ca.call(di,dk);if(dh||dd.disconnectedMatch||di.document&&di.document.nodeType!==11){return dh}}catch(dj){}}return cv(dk,cB,null,[di]).length>0};cv.contains=function(e,dh){if((e.ownerDocument||e)!==cB){cV(e)}return cF(e,dh)};cv.attr=function(dh,e){var di;if((dh.ownerDocument||dh)!==cB){cV(dh)}if(!cd){e=e.toLowerCase()}if((di=cn.attrHandle[e])){return di(dh)}if(cd||dd.attributes){return dh.getAttribute(e)}return((di=dh.getAttributeNode(e))||dh.getAttribute(e))&&dh[e]===true?e:di&&di.specified?di.value:null};cv.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)};cv.uniqueSort=function(di){var dj,dk=[],dh=1,e=0;cT=!dd.detectDuplicates;di.sort(cD);if(cT){for(;(dj=di[dh]);dh++){if(dj===di[dh-1]){e=dk.push(dh)}}while(e--){di.splice(dk[e],1)}}return di};function b6(dh,e){var dj=e&&dh,di=dj&&(~e.sourceIndex||cN)-(~dh.sourceIndex||cN);if(di){return di}if(dj){while((dj=dj.nextSibling)){if(dj===e){return -1}}}return dh?1:-1}function cw(e){return function(di){var dh=di.nodeName.toLowerCase();return dh==="input"&&di.type===e}}function b7(e){return function(di){var dh=di.nodeName.toLowerCase();return(dh==="input"||dh==="button")&&di.type===e}}function c3(e){return cj(function(dh){dh=+dh;return cj(function(di,dm){var dk,dj=e([],di.length,dh),dl=dj.length;while(dl--){if(di[(dk=dj[dl])]){di[dk]=!(dm[dk]=di[dk])}}})})}cH=cv.getText=function(dk){var dj,dh="",di=0,e=dk.nodeType;if(!e){for(;(dj=dk[di]);di++){dh+=cH(dj)}}else{if(e===1||e===9||e===11){if(typeof dk.textContent==="string"){return dk.textContent}else{for(dk=dk.firstChild;dk;dk=dk.nextSibling){dh+=cH(dk)}}}else{if(e===3||e===4){return dk.nodeValue}}}return dh};cn=cv.selectors={cacheLength:50,createPseudo:cj,match:cY,find:{},relative:{">":{dir:"parentNode",first:true}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:true},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){e[1]=e[1].replace(cs,c1);e[3]=(e[4]||e[5]||"").replace(cs,c1);if(e[2]==="~="){e[3]=" "+e[3]+" "}return e.slice(0,4)},CHILD:function(e){e[1]=e[1].toLowerCase();if(e[1].slice(0,3)==="nth"){if(!e[3]){cv.error(e[0])}e[4]=+(e[4]?e[5]+(e[6]||1):2*(e[3]==="even"||e[3]==="odd"));e[5]=+((e[7]+e[8])||e[3]==="odd")}else{if(e[3]){cv.error(e[0])}}return e},PSEUDO:function(dh){var e,di=!dh[5]&&dh[2];if(cY.CHILD.test(dh[0])){return null}if(dh[4]){dh[2]=dh[4]}else{if(di&&cP.test(di)&&(e=cf(di,true))&&(e=di.indexOf(")",di.length-e)-di.length)){dh[0]=dh[0].slice(0,e);dh[2]=di.slice(0,e)}}return dh.slice(0,3)}},filter:{TAG:function(e){if(e==="*"){return function(){return true}}e=e.replace(cs,c1).toLowerCase();return function(dh){return dh.nodeName&&dh.nodeName.toLowerCase()===e}},CLASS:function(e){var dh=b5[e+" "];return dh||(dh=new RegExp("(^|"+cp+")"+e+"("+cp+"|$)"))&&b5(e,function(di){return dh.test(di.className||(typeof di.getAttribute!==c9&&di.getAttribute("class"))||"")})},ATTR:function(di,dh,e){return function(dk){var dj=cv.attr(dk,di);if(dj==null){return dh==="!="}if(!dh){return true}dj+="";return dh==="="?dj===e:dh==="!="?dj!==e:dh==="^="?e&&dj.indexOf(e)===0:dh==="*="?e&&dj.indexOf(e)>-1:dh==="$="?e&&dj.slice(-e.length)===e:dh==="~="?(" "+dj+" ").indexOf(e)>-1:dh==="|="?dj===e||dj.slice(0,e.length+1)===e+"-":false}},CHILD:function(dh,dk,dj,dl,di){var dn=dh.slice(0,3)!=="nth",e=dh.slice(-4)!=="last",dm=dk==="of-type";return dl===1&&di===0?function(dp){return !!dp.parentNode}:function(dv,dt,dy){var dp,dB,dw,dA,dx,ds,du=dn!==e?"nextSibling":"previousSibling",dz=dv.parentNode,dr=dm&&dv.nodeName.toLowerCase(),dq=!dy&&!dm;if(dz){if(dn){while(du){dw=dv;while((dw=dw[du])){if(dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1){return false}}ds=du=dh==="only"&&!ds&&"nextSibling"}return true}ds=[e?dz.firstChild:dz.lastChild];if(e&&dq){dB=dz[c5]||(dz[c5]={});dp=dB[dh]||[];dx=dp[0]===de&&dp[1];dA=dp[0]===de&&dp[2];dw=dx&&dz.childNodes[dx];while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if(dw.nodeType===1&&++dA&&dw===dv){dB[dh]=[de,dx,dA];break}}}else{if(dq&&(dp=(dv[c5]||(dv[c5]={}))[dh])&&dp[0]===de){dA=dp[1]}else{while((dw=++dx&&dw&&dw[du]||(dA=dx=0)||ds.pop())){if((dm?dw.nodeName.toLowerCase()===dr:dw.nodeType===1)&&++dA){if(dq){(dw[c5]||(dw[c5]={}))[dh]=[de,dA]}if(dw===dv){break}}}}}dA-=di;return dA===dl||(dA%dl===0&&dA/dl>=0)}}},PSEUDO:function(dj,di){var e,dh=cn.pseudos[dj]||cn.setFilters[dj.toLowerCase()]||cv.error("unsupported pseudo: "+dj);if(dh[c5]){return dh(di)}if(dh.length>1){e=[dj,dj,"",di];return cn.setFilters.hasOwnProperty(dj.toLowerCase())?cj(function(dm,dp){var dl,dk=dh(dm,di),dn=dk.length;while(dn--){dl=b9.call(dm,dk[dn]);dm[dl]=!(dp[dl]=dk[dn])}}):function(dk){return dh(dk,0,e)}}return dh}},pseudos:{not:cj(function(e){var dh=[],di=[],dj=cS(e.replace(cr,"$1"));return dj[c5]?cj(function(dl,dr,dp,dm){var dq,dk=dj(dl,null,dm,[]),dn=dl.length;while(dn--){if((dq=dk[dn])){dl[dn]=!(dr[dn]=dq)}}}):function(dm,dl,dk){dh[0]=dm;dj(dh,null,dk,di);return !di.pop()}}),has:cj(function(e){return function(dh){return cv(e,dh).length>0}}),contains:cj(function(e){return function(dh){return(dh.textContent||dh.innerText||cH(dh)).indexOf(e)>-1}}),lang:cj(function(e){if(!cQ.test(e||"")){cv.error("unsupported lang: "+e)}e=e.replace(cs,c1).toLowerCase();return function(di){var dh;do{if((dh=cd?di.getAttribute("xml:lang")||di.getAttribute("lang"):di.lang)){dh=dh.toLowerCase();return dh===e||dh.indexOf(e+"-")===0}}while((di=di.parentNode)&&di.nodeType===1);return false}}),target:function(e){var dh=da.location&&da.location.hash;return dh&&dh.slice(1)===e.id},root:function(e){return e===co},focus:function(e){return e===cB.activeElement&&(!cB.hasFocus||cB.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===false},disabled:function(e){return e.disabled===true},checked:function(e){var dh=e.nodeName.toLowerCase();return(dh==="input"&&!!e.checked)||(dh==="option"&&!!e.selected)},selected:function(e){if(e.parentNode){e.parentNode.selectedIndex}return e.selected===true},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeName>"@"||e.nodeType===3||e.nodeType===4){return false}}return true},parent:function(e){return !cn.pseudos.empty(e)},header:function(e){return cl.test(e.nodeName)},input:function(e){return b8.test(e.nodeName)},button:function(dh){var e=dh.nodeName.toLowerCase();return e==="input"&&dh.type==="button"||e==="button"},text:function(dh){var e;return dh.nodeName.toLowerCase()==="input"&&dh.type==="text"&&((e=dh.getAttribute("type"))==null||e.toLowerCase()===dh.type)},first:c3(function(){return[0]}),last:c3(function(e,dh){return[dh-1]}),eq:c3(function(e,di,dh){return[dh<0?dh+di:dh]}),even:c3(function(e,di){var dh=0;for(;dh<di;dh+=2){e.push(dh)}return e}),odd:c3(function(e,di){var dh=1;for(;dh<di;dh+=2){e.push(dh)}return e}),lt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;--dh>=0;){e.push(dh)}return e}),gt:c3(function(e,dj,di){var dh=di<0?di+dj:di;for(;++dh<dj;){e.push(dh)}return e})}};for(cx in {radio:true,checkbox:true,file:true,password:true,image:true}){cn.pseudos[cx]=cw(cx)}for(cx in {submit:true,reset:true}){cn.pseudos[cx]=b7(cx)}function cf(dk,dq){var dh,dl,dn,dp,dm,di,e,dj=c4[dk+" "];if(dj){return dq?0:dj.slice(0)}dm=dk;di=[];e=cn.preFilter;while(dm){if(!dh||(dl=cu.exec(dm))){if(dl){dm=dm.slice(dl[0].length)||dm}di.push(dn=[])}dh=false;if((dl=cA.exec(dm))){dh=dl.shift();dn.push({value:dh,type:dl[0].replace(cr," ")});dm=dm.slice(dh.length)}for(dp in cn.filter){if((dl=cY[dp].exec(dm))&&(!e[dp]||(dl=e[dp](dl)))){dh=dl.shift();dn.push({value:dh,type:dp,matches:dl});dm=dm.slice(dh.length)}}if(!dh){break}}return dq?dm.length:dm?cv.error(dk):c4(dk,di).slice(0)}function cg(dj){var di=0,dh=dj.length,e="";for(;di<dh;di++){e+=dj[di].value}return e}function cq(dk,di,dj){var e=di.dir,dl=dj&&e==="parentNode",dh=c0++;return di.first?function(dp,dn,dm){while((dp=dp[e])){if(dp.nodeType===1||dl){return dk(dp,dn,dm)}}}:function(dr,dp,dn){var dt,dm,dq,ds=de+" "+dh;if(dn){while((dr=dr[e])){if(dr.nodeType===1||dl){if(dk(dr,dp,dn)){return true}}}}else{while((dr=dr[e])){if(dr.nodeType===1||dl){dq=dr[c5]||(dr[c5]={});if((dm=dq[e])&&dm[0]===ds){if((dt=dm[1])===true||dt===cb){return dt===true}}else{dm=dq[e]=[ds];dm[1]=dk(dr,dp,dn)||cb;if(dm[1]===true){return true}}}}}}}function df(e){return e.length>1?function(dk,dj,dh){var di=e.length;while(di--){if(!e[di](dk,dj,dh)){return false}}return true}:e[0]}function cX(e,dh,di,dj,dm){var dk,dq=[],dl=0,dn=e.length,dp=dh!=null;for(;dl<dn;dl++){if((dk=e[dl])){if(!di||di(dk,dj,dm)){dq.push(dk);if(dp){dh.push(dl)}}}}return dq}function ce(di,dh,dk,dj,dl,e){if(dj&&!dj[c5]){dj=ce(dj)}if(dl&&!dl[c5]){dl=ce(dl,e)}return cj(function(dx,du,dp,dw){var dz,dv,dr,dq=[],dy=[],dn=du.length,dm=dx||cy(dh||"*",dp.nodeType?[dp]:dp,[]),ds=di&&(dx||!dh)?cX(dm,dq,di,dp,dw):dm,dt=dk?dl||(dx?di:dn||dj)?[]:du:ds;if(dk){dk(ds,dt,dp,dw)}if(dj){dz=cX(dt,dy);dj(dz,[],dp,dw);dv=dz.length;while(dv--){if((dr=dz[dv])){dt[dy[dv]]=!(ds[dy[dv]]=dr)}}}if(dx){if(dl||di){if(dl){dz=[];dv=dt.length;while(dv--){if((dr=dt[dv])){dz.push((ds[dv]=dr))}}dl(null,(dt=[]),dz,dw)}dv=dt.length;while(dv--){if((dr=dt[dv])&&(dz=dl?b9.call(dx,dr):dq[dv])>-1){dx[dz]=!(du[dz]=dr)}}}}else{dt=cX(dt===du?dt.splice(dn,dt.length):dt);if(dl){dl(null,du,dt,dw)}else{b4.apply(du,dt)}}})}function c6(dm){var dh,dk,di,dl=dm.length,dq=cn.relative[dm[0].type],dr=dq||cn.relative[" "],dj=dq?1:0,dn=cq(function(ds){return ds===dh},dr,true),dp=cq(function(ds){return b9.call(dh,ds)>-1},dr,true),e=[function(du,dt,ds){return(!dq&&(ds||dt!==dg))||((dh=dt).nodeType?dn(du,dt,ds):dp(du,dt,ds))}];for(;dj<dl;dj++){if((dk=cn.relative[dm[dj].type])){e=[cq(df(e),dk)]}else{dk=cn.filter[dm[dj].type].apply(null,dm[dj].matches);if(dk[c5]){di=++dj;for(;di<dl;di++){if(cn.relative[dm[di].type]){break}}return ce(dj>1&&df(e),dj>1&&cg(dm.slice(0,dj-1)).replace(cr,"$1"),dk,dj<di&&c6(dm.slice(dj,di)),di<dl&&c6((dm=dm.slice(di))),di<dl&&cg(dm))}e.push(dk)}}return df(e)}function cU(dj,di){var dl=0,e=di.length>0,dk=dj.length>0,dh=function(dw,dq,dv,du,dC){var dr,ds,dx,dB=[],dA=0,dt="0",dm=dw&&[],dy=dC!=null,dz=dg,dp=dw||dk&&cn.find.TAG("*",dC&&dq.parentNode||dq),dn=(de+=dz==null?1:Math.random()||0.1);if(dy){dg=dq!==cB&&dq;cb=dl}for(;(dr=dp[dt])!=null;dt++){if(dk&&dr){ds=0;while((dx=dj[ds++])){if(dx(dr,dq,dv)){du.push(dr);break}}if(dy){de=dn;cb=++dl}}if(e){if((dr=!dx&&dr)){dA--}if(dw){dm.push(dr)}}}dA+=dt;if(e&&dt!==dA){ds=0;while((dx=di[ds++])){dx(dm,dB,dq,dv)}if(dw){if(dA>0){while(dt--){if(!(dm[dt]||dB[dt])){dB[dt]=c8.call(du)}}}dB=cX(dB)}b4.apply(du,dB);if(dy&&!dw&&dB.length>0&&(dA+di.length)>1){cv.uniqueSort(du)}}if(dy){de=dn;dg=dz}return dm};return e?cj(dh):dh}cS=cv.compile=function(e,dl){var di,dh=[],dk=[],dj=cG[e+" "];if(!dj){if(!dl){dl=cf(e)}di=dl.length;while(di--){dj=c6(dl[di]);if(dj[c5]){dh.push(dj)}else{dk.push(dj)}}dj=cG(e,cU(dk,dh))}return dj};function cy(dh,dk,dj){var di=0,e=dk.length;for(;di<e;di++){cv(dh,dk[di],dj)}return dj}function dc(di,e,dj,dm){var dk,dp,dh,dq,dn,dl=cf(di);if(!dm){if(dl.length===1){dp=dl[0]=dl[0].slice(0);if(dp.length>2&&(dh=dp[0]).type==="ID"&&e.nodeType===9&&!cd&&cn.relative[dp[1].type]){e=cn.find.ID(dh.matches[0].replace(cs,c1),e)[0];if(!e){return dj}di=di.slice(dp.shift().value.length)}dk=cY.needsContext.test(di)?0:dp.length;while(dk--){dh=dp[dk];if(cn.relative[(dq=dh.type)]){break}if((dn=cn.find[dq])){if((dm=dn(dh.matches[0].replace(cs,c1),cW.test(dp[0].type)&&e.parentNode||e))){dp.splice(dk,1);di=dm.length&&cg(dp);if(!di){b4.apply(dj,cm.call(dm,0));return dj}break}}}}}cS(di,dl)(dm,e,cd,dj,cW.test(di));return dj}cn.pseudos.nth=cn.pseudos.eq;function cR(){}cn.filters=cR.prototype=cn.pseudos;cn.setFilters=new cR();cV();cv.attr=bJ.attr;bJ.find=cv;bJ.expr=cv.selectors;bJ.expr[":"]=bJ.expr.pseudos;bJ.unique=cv.uniqueSort;bJ.text=cv.getText;bJ.isXMLDoc=cv.isXML;bJ.contains=cv.contains})(a2);var aj=/Until$/,bt=/^(?:parents|prev(?:Until|All))/,an=/^.[^:#\[\.,]*$/,y=bJ.expr.match.needsContext,bx={children:true,contents:true,next:true,prev:true};bJ.fn.extend({find:function(b3){var b6,b5,b4,e=this.length;if(typeof b3!=="string"){b4=this;return this.pushStack(bJ(b3).filter(function(){for(b6=0;b6<e;b6++){if(bJ.contains(b4[b6],this)){return true}}}))}b5=[];for(b6=0;b6<e;b6++){bJ.find(b3,this[b6],b5)}b5=this.pushStack(e>1?bJ.unique(b5):b5);b5.selector=(this.selector?this.selector+" ":"")+b3;return b5},has:function(b5){var b4,b3=bJ(b5,this),e=b3.length;return this.filter(function(){for(b4=0;b4<e;b4++){if(bJ.contains(this,b3[b4])){return true}}})},not:function(e){return this.pushStack(aO(this,e,false))},filter:function(e){return this.pushStack(aO(this,e,true))},is:function(e){return !!e&&(typeof e==="string"?y.test(e)?bJ(e,this.context).index(this[0])>=0:bJ.filter(e,this).length>0:this.filter(e).length>0)},closest:function(b6,b5){var b7,b4=0,e=this.length,b3=[],b8=y.test(b6)||typeof b6!=="string"?bJ(b6,b5||this.context):0;for(;b4<e;b4++){b7=this[b4];while(b7&&b7.ownerDocument&&b7!==b5&&b7.nodeType!==11){if(b8?b8.index(b7)>-1:bJ.find.matchesSelector(b7,b6)){b3.push(b7);break}b7=b7.parentNode}}return this.pushStack(b3.length>1?bJ.unique(b3):b3)},index:function(e){if(!e){return(this[0]&&this[0].parentNode)?this.first().prevAll().length:-1}if(typeof e==="string"){return bJ.inArray(this[0],bJ(e))}return bJ.inArray(e.jquery?e[0]:e,this)},add:function(e,b3){var b5=typeof e==="string"?bJ(e,b3):bJ.makeArray(e&&e.nodeType?[e]:e),b4=bJ.merge(this.get(),b5);return this.pushStack(bJ.unique(b4))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});bJ.fn.andSelf=bJ.fn.addBack;function aX(b3,e){do{b3=b3[e]}while(b3&&b3.nodeType!==1);return b3}bJ.each({parent:function(b3){var e=b3.parentNode;return e&&e.nodeType!==11?e:null},parents:function(e){return bJ.dir(e,"parentNode")},parentsUntil:function(b3,e,b4){return bJ.dir(b3,"parentNode",b4)},next:function(e){return aX(e,"nextSibling")},prev:function(e){return aX(e,"previousSibling")},nextAll:function(e){return bJ.dir(e,"nextSibling")},prevAll:function(e){return bJ.dir(e,"previousSibling")},nextUntil:function(b3,e,b4){return bJ.dir(b3,"nextSibling",b4)},prevUntil:function(b3,e,b4){return bJ.dir(b3,"previousSibling",b4)},siblings:function(e){return bJ.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return bJ.sibling(e.firstChild)},contents:function(e){return bJ.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:bJ.merge([],e.childNodes)}},function(e,b3){bJ.fn[e]=function(b6,b4){var b5=bJ.map(this,b3,b6);if(!aj.test(e)){b4=b6}if(b4&&typeof b4==="string"){b5=bJ.filter(b4,b5)}b5=this.length>1&&!bx[e]?bJ.unique(b5):b5;if(this.length>1&&bt.test(e)){b5=b5.reverse()}return this.pushStack(b5)}});bJ.extend({filter:function(b4,e,b3){if(b3){b4=":not("+b4+")"}return e.length===1?bJ.find.matchesSelector(e[0],b4)?[e[0]]:[]:bJ.find.matches(b4,e)},dir:function(b4,b3,b6){var e=[],b5=b4[b3];while(b5&&b5.nodeType!==9&&(b6===aG||b5.nodeType!==1||!bJ(b5).is(b6))){if(b5.nodeType===1){e.push(b5)}b5=b5[b3]}return e},sibling:function(b4,b3){var e=[];for(;b4;b4=b4.nextSibling){if(b4.nodeType===1&&b4!==b3){e.push(b4)}}return e}});function aO(b5,b4,e){b4=b4||0;if(bJ.isFunction(b4)){return bJ.grep(b5,function(b7,b6){var b8=!!b4.call(b7,b6,b7);return b8===e})}else{if(b4.nodeType){return bJ.grep(b5,function(b6){return(b6===b4)===e})}else{if(typeof b4==="string"){var b3=bJ.grep(b5,function(b6){return b6.nodeType===1});if(an.test(b4)){return bJ.filter(b4,b3,!e)}else{b4=bJ.filter(b4,b3)}}}}return bJ.grep(b5,function(b6){return(bJ.inArray(b6,b4)>=0)===e})}function A(e){var b4=d.split("|"),b3=e.createDocumentFragment();if(b3.createElement){while(b4.length){b3.createElement(b4.pop())}}return b3}var d="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",aA=/ jQuery\d+="(?:null|\d+)"/g,J=new RegExp("<(?:"+d+")[\\s/>]","i"),b2=/^\s+/,aD=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,m=/<([\w:]+)/,bX=/<tbody/i,I=/<|&#?\w+;/,al=/<(?:script|style|link)/i,q=/^(?:checkbox|radio)$/i,bU=/checked\s*(?:[^=]|=\s*.checked.)/i,bz=/^$|\/(?:java|ecma)script/i,ar=/^true\/(.*)/,aK=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,T={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:bJ.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},aS=A(l),j=aS.appendChild(l.createElement("div"));T.optgroup=T.option;T.tbody=T.tfoot=T.colgroup=T.caption=T.thead;T.th=T.td;bJ.fn.extend({text:function(e){return bJ.access(this,function(b3){return b3===aG?bJ.text(this):this.empty().append((this[0]&&this[0].ownerDocument||l).createTextNode(b3))},null,e,arguments.length)},wrapAll:function(e){if(bJ.isFunction(e)){return this.each(function(b4){bJ(this).wrapAll(e.call(this,b4))})}if(this[0]){var b3=bJ(e,this[0].ownerDocument).eq(0).clone(true);if(this[0].parentNode){b3.insertBefore(this[0])}b3.map(function(){var b4=this;while(b4.firstChild&&b4.firstChild.nodeType===1){b4=b4.firstChild}return b4}).append(this)}return this},wrapInner:function(e){if(bJ.isFunction(e)){return this.each(function(b3){bJ(this).wrapInner(e.call(this,b3))})}return this.each(function(){var b3=bJ(this),b4=b3.contents();if(b4.length){b4.wrapAll(e)}else{b3.append(e)}})},wrap:function(e){var b3=bJ.isFunction(e);return this.each(function(b4){bJ(this).wrapAll(b3?e.call(this,b4):e)})},unwrap:function(){return this.parent().each(function(){if(!bJ.nodeName(this,"body")){bJ(this).replaceWith(this.childNodes)}}).end()},append:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.appendChild(e)}})},prepend:function(){return this.domManip(arguments,true,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){this.insertBefore(e,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this)}})},after:function(){return this.domManip(arguments,false,function(e){if(this.parentNode){this.parentNode.insertBefore(e,this.nextSibling)}})},remove:function(e,b5){var b4,b3=0;for(;(b4=this[b3])!=null;b3++){if(!e||bJ.filter(e,[b4]).length>0){if(!b5&&b4.nodeType===1){bJ.cleanData(k(b4))}if(b4.parentNode){if(b5&&bJ.contains(b4.ownerDocument,b4)){bs(k(b4,"script"))}b4.parentNode.removeChild(b4)}}}return this},empty:function(){var b3,e=0;for(;(b3=this[e])!=null;e++){if(b3.nodeType===1){bJ.cleanData(k(b3,false))}while(b3.firstChild){b3.removeChild(b3.firstChild)}if(b3.options&&bJ.nodeName(b3,"select")){b3.options.length=0}}return this},clone:function(b3,e){b3=b3==null?false:b3;e=e==null?b3:e;return this.map(function(){return bJ.clone(this,b3,e)})},html:function(e){return bJ.access(this,function(b6){var b5=this[0]||{},b4=0,b3=this.length;if(b6===aG){return b5.nodeType===1?b5.innerHTML.replace(aA,""):aG}if(typeof b6==="string"&&!al.test(b6)&&(bJ.support.htmlSerialize||!J.test(b6))&&(bJ.support.leadingWhitespace||!b2.test(b6))&&!T[(m.exec(b6)||["",""])[1].toLowerCase()]){b6=b6.replace(aD,"<$1></$2>");try{for(;b4<b3;b4++){b5=this[b4]||{};if(b5.nodeType===1){bJ.cleanData(k(b5,false));b5.innerHTML=b6}}b5=0}catch(b7){}}if(b5){this.empty().append(b6)}},null,e,arguments.length)},replaceWith:function(b3){var e=bJ.isFunction(b3);if(!e&&typeof b3!=="string"){b3=bJ(b3).not(this).detach()}return this.domManip([b3],true,function(b6){var b5=this.nextSibling,b4=this.parentNode;if(b4){bJ(this).remove();b4.insertBefore(b6,b5)}})},detach:function(e){return this.remove(e,true)},domManip:function(ca,cg,cf){ca=aI.apply([],ca);var b8,b4,e,b6,cd,b9,b7=0,b5=this.length,cc=this,ce=b5-1,cb=ca[0],b3=bJ.isFunction(cb);if(b3||!(b5<=1||typeof cb!=="string"||bJ.support.checkClone||!bU.test(cb))){return this.each(function(ci){var ch=cc.eq(ci);if(b3){ca[0]=cb.call(this,ci,cg?ch.html():aG)}ch.domManip(ca,cg,cf)})}if(b5){b9=bJ.buildFragment(ca,this[0].ownerDocument,false,this);b8=b9.firstChild;if(b9.childNodes.length===1){b9=b8}if(b8){cg=cg&&bJ.nodeName(b8,"tr");b6=bJ.map(k(b9,"script"),t);e=b6.length;for(;b7<b5;b7++){b4=b9;if(b7!==ce){b4=bJ.clone(b4,true,true);if(e){bJ.merge(b6,k(b4,"script"))}}cf.call(cg&&bJ.nodeName(this[b7],"table")?x(this[b7],"tbody"):this[b7],b4,b7)}if(e){cd=b6[b6.length-1].ownerDocument;bJ.map(b6,bc);for(b7=0;b7<e;b7++){b4=b6[b7];if(bz.test(b4.type||"")&&!bJ._data(b4,"globalEval")&&bJ.contains(cd,b4)){if(b4.src){bJ.ajax({url:b4.src,type:"GET",dataType:"script",async:false,global:false,"throws":true})}else{bJ.globalEval((b4.text||b4.textContent||b4.innerHTML||"").replace(aK,""))}}}}b9=b8=null}}return this}});function x(b3,e){return b3.getElementsByTagName(e)[0]||b3.appendChild(b3.ownerDocument.createElement(e))}function t(b3){var e=b3.getAttributeNode("type");b3.type=(e&&e.specified)+"/"+b3.type;return b3}function bc(b3){var e=ar.exec(b3.type);if(e){b3.type=e[1]}else{b3.removeAttribute("type")}return b3}function bs(e,b4){var b5,b3=0;for(;(b5=e[b3])!=null;b3++){bJ._data(b5,"globalEval",!b4||bJ._data(b4[b3],"globalEval"))}}function at(b9,b3){if(b3.nodeType!==1||!bJ.hasData(b9)){return}var b6,b5,e,b8=bJ._data(b9),b7=bJ._data(b3,b8),b4=b8.events;if(b4){delete b7.handle;b7.events={};for(b6 in b4){for(b5=0,e=b4[b6].length;b5<e;b5++){bJ.event.add(b3,b6,b4[b6][b5])}}}if(b7.data){b7.data=bJ.extend({},b7.data)}}function Q(b6,b3){var b7,b5,b4;if(b3.nodeType!==1){return}b7=b3.nodeName.toLowerCase();if(!bJ.support.noCloneEvent&&b3[bJ.expando]){b4=bJ._data(b3);for(b5 in b4.events){bJ.removeEvent(b3,b5,b4.handle)}b3.removeAttribute(bJ.expando)}if(b7==="script"&&b3.text!==b6.text){t(b3).text=b6.text;bc(b3)}else{if(b7==="object"){if(b3.parentNode){b3.outerHTML=b6.outerHTML}if(bJ.support.html5Clone&&(b6.innerHTML&&!bJ.trim(b3.innerHTML))){b3.innerHTML=b6.innerHTML}}else{if(b7==="input"&&q.test(b6.type)){b3.defaultChecked=b3.checked=b6.checked;if(b3.value!==b6.value){b3.value=b6.value}}else{if(b7==="option"){b3.defaultSelected=b3.selected=b6.defaultSelected}else{if(b7==="input"||b7==="textarea"){b3.defaultValue=b6.defaultValue}}}}}}bJ.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,b3){bJ.fn[e]=function(b4){var b5,b7=0,b6=[],b9=bJ(b4),b8=b9.length-1;for(;b7<=b8;b7++){b5=b7===b8?this:this.clone(true);bJ(b9[b7])[b3](b5);ao.apply(b6,b5.get())}return this.pushStack(b6)}});function k(b5,e){var b3,b6,b4=0,b7=typeof b5.getElementsByTagName!==aC?b5.getElementsByTagName(e||"*"):typeof b5.querySelectorAll!==aC?b5.querySelectorAll(e||"*"):aG;if(!b7){for(b7=[],b3=b5.childNodes||b5;(b6=b3[b4])!=null;b4++){if(!e||bJ.nodeName(b6,e)){b7.push(b6)}else{bJ.merge(b7,k(b6,e))}}}return e===aG||e&&bJ.nodeName(b5,e)?bJ.merge([b5],b7):b7}function bV(e){if(q.test(e.type)){e.defaultChecked=e.checked}}bJ.extend({clone:function(b3,b5,e){var b7,b4,ca,b6,b8,b9=bJ.contains(b3.ownerDocument,b3);if(bJ.support.html5Clone||bJ.isXMLDoc(b3)||!J.test("<"+b3.nodeName+">")){ca=b3.cloneNode(true)}else{j.innerHTML=b3.outerHTML;j.removeChild(ca=j.firstChild)}if((!bJ.support.noCloneEvent||!bJ.support.noCloneChecked)&&(b3.nodeType===1||b3.nodeType===11)&&!bJ.isXMLDoc(b3)){b7=k(ca);b8=k(b3);for(b6=0;(b4=b8[b6])!=null;++b6){if(b7[b6]){Q(b4,b7[b6])}}}if(b5){if(e){b8=b8||k(b3);b7=b7||k(ca);for(b6=0;(b4=b8[b6])!=null;b6++){at(b4,b7[b6])}}else{at(b3,ca)}}b7=k(ca,"script");if(b7.length>0){bs(b7,!b9&&k(b3,"script"))}b7=b8=b4=null;return ca},buildFragment:function(b3,b5,ca,cf){var cb,b7,b9,ce,cg,cd,b4,b8=b3.length,b6=A(b5),e=[],cc=0;for(;cc<b8;cc++){b7=b3[cc];if(b7||b7===0){if(bJ.type(b7)==="object"){bJ.merge(e,b7.nodeType?[b7]:b7)}else{if(!I.test(b7)){e.push(b5.createTextNode(b7))}else{ce=ce||b6.appendChild(b5.createElement("div"));cg=(m.exec(b7)||["",""])[1].toLowerCase();b4=T[cg]||T._default;ce.innerHTML=b4[1]+b7.replace(aD,"<$1></$2>")+b4[2];cb=b4[0];while(cb--){ce=ce.lastChild}if(!bJ.support.leadingWhitespace&&b2.test(b7)){e.push(b5.createTextNode(b2.exec(b7)[0]))}if(!bJ.support.tbody){b7=cg==="table"&&!bX.test(b7)?ce.firstChild:b4[1]==="<table>"&&!bX.test(b7)?ce:0;cb=b7&&b7.childNodes.length;while(cb--){if(bJ.nodeName((cd=b7.childNodes[cb]),"tbody")&&!cd.childNodes.length){b7.removeChild(cd)}}}bJ.merge(e,ce.childNodes);ce.textContent="";while(ce.firstChild){ce.removeChild(ce.firstChild)}ce=b6.lastChild}}}}if(ce){b6.removeChild(ce)}if(!bJ.support.appendChecked){bJ.grep(k(e,"input"),bV)}cc=0;while((b7=e[cc++])){if(cf&&bJ.inArray(b7,cf)!==-1){continue}b9=bJ.contains(b7.ownerDocument,b7);ce=k(b6.appendChild(b7),"script");if(b9){bs(ce)}if(ca){cb=0;while((b7=ce[cb++])){if(bz.test(b7.type||"")){ca.push(b7)}}}}ce=null;return b6},cleanData:function(b3,cb){var b5,ca,b4,b6,b7=0,cc=bJ.expando,e=bJ.cache,b8=bJ.support.deleteExpando,b9=bJ.event.special;for(;(b5=b3[b7])!=null;b7++){if(cb||bJ.acceptData(b5)){b4=b5[cc];b6=b4&&e[b4];if(b6){if(b6.events){for(ca in b6.events){if(b9[ca]){bJ.event.remove(b5,ca)}else{bJ.removeEvent(b5,ca,b6.handle)}}}if(e[b4]){delete e[b4];if(b8){delete b5[cc]}else{if(typeof b5.removeAttribute!==aC){b5.removeAttribute(cc)}else{b5[cc]=null}}a6.push(b4)}}}}}});var aE,bo,E,bg=/alpha\([^)]*\)/i,aT=/opacity\s*=\s*([^)]*)/,bn=/^(top|right|bottom|left)$/,F=/^(none|table(?!-c[ea]).+)/,aY=/^margin/,a9=new RegExp("^("+bA+")(.*)$","i"),W=new RegExp("^("+bA+")(?!px)[a-z%]+$","i"),S=new RegExp("^([+-])=("+bA+")","i"),bj={BODY:"block"},bb={position:"absolute",visibility:"hidden",display:"block"},bC={letterSpacing:0,fontWeight:400},bT=["Top","Right","Bottom","Left"],av=["Webkit","O","Moz","ms"];function b(b5,b3){if(b3 in b5){return b3}var b6=b3.charAt(0).toUpperCase()+b3.slice(1),e=b3,b4=av.length;while(b4--){b3=av[b4]+b6;if(b3 in b5){return b3}}return e}function P(b3,e){b3=e||b3;return bJ.css(b3,"display")==="none"||!bJ.contains(b3.ownerDocument,b3)}function p(b8,e){var b9,b6,b7,b3=[],b4=0,b5=b8.length;for(;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}b3[b4]=bJ._data(b6,"olddisplay");b9=b6.style.display;if(e){if(!b3[b4]&&b9==="none"){b6.style.display=""}if(b6.style.display===""&&P(b6)){b3[b4]=bJ._data(b6,"olddisplay",bE(b6.nodeName))}}else{if(!b3[b4]){b7=P(b6);if(b9&&b9!=="none"||!b7){bJ._data(b6,"olddisplay",b7?b9:bJ.css(b6,"display"))}}}}for(b4=0;b4<b5;b4++){b6=b8[b4];if(!b6.style){continue}if(!e||b6.style.display==="none"||b6.style.display===""){b6.style.display=e?b3[b4]||"":"none"}}return b8}bJ.fn.extend({css:function(e,b3){return bJ.access(this,function(b8,b5,b9){var b4,b7,ca={},b6=0;if(bJ.isArray(b5)){b7=bo(b8);b4=b5.length;for(;b6<b4;b6++){ca[b5[b6]]=bJ.css(b8,b5[b6],false,b7)}return ca}return b9!==aG?bJ.style(b8,b5,b9):bJ.css(b8,b5)},e,b3,arguments.length>1)},show:function(){return p(this,true)},hide:function(){return p(this)},toggle:function(b3){var e=typeof b3==="boolean";return this.each(function(){if(e?b3:P(this)){bJ(this).show()}else{bJ(this).hide()}})}});bJ.extend({cssHooks:{opacity:{get:function(b4,b3){if(b3){var e=E(b4,"opacity");return e===""?"1":e}}}},cssNumber:{columnCount:true,fillOpacity:true,fontWeight:true,lineHeight:true,opacity:true,orphans:true,widows:true,zIndex:true,zoom:true},cssProps:{"float":bJ.support.cssFloat?"cssFloat":"styleFloat"},style:function(b5,b4,cb,b6){if(!b5||b5.nodeType===3||b5.nodeType===8||!b5.style){return}var b9,ca,cc,b7=bJ.camelCase(b4),b3=b5.style;b4=bJ.cssProps[b7]||(bJ.cssProps[b7]=b(b3,b7));cc=bJ.cssHooks[b4]||bJ.cssHooks[b7];if(cb!==aG){ca=typeof cb;if(ca==="string"&&(b9=S.exec(cb))){cb=(b9[1]+1)*b9[2]+parseFloat(bJ.css(b5,b4));ca="number"}if(cb==null||ca==="number"&&isNaN(cb)){return}if(ca==="number"&&!bJ.cssNumber[b7]){cb+="px"}if(!bJ.support.clearCloneStyle&&cb===""&&b4.indexOf("background")===0){b3[b4]="inherit"}if(!cc||!("set" in cc)||(cb=cc.set(b5,cb,b6))!==aG){try{b3[b4]=cb}catch(b8){}}}else{if(cc&&"get" in cc&&(b9=cc.get(b5,false,b6))!==aG){return b9}return b3[b4]}},css:function(b8,b6,b3,b7){var b5,b9,e,b4=bJ.camelCase(b6);b6=bJ.cssProps[b4]||(bJ.cssProps[b4]=b(b8.style,b4));e=bJ.cssHooks[b6]||bJ.cssHooks[b4];if(e&&"get" in e){b9=e.get(b8,true,b3)}if(b9===aG){b9=E(b8,b6,b7)}if(b9==="normal"&&b6 in bC){b9=bC[b6]}if(b3===""||b3){b5=parseFloat(b9);return b3===true||bJ.isNumeric(b5)?b5||0:b9}return b9},swap:function(b7,b6,b8,b5){var b4,b3,e={};for(b3 in b6){e[b3]=b7.style[b3];b7.style[b3]=b6[b3]}b4=b8.apply(b7,b5||[]);for(b3 in b6){b7.style[b3]=e[b3]}return b4}});if(a2.getComputedStyle){bo=function(e){return a2.getComputedStyle(e,null)};E=function(b6,b4,b8){var b5,b3,ca,b7=b8||bo(b6),b9=b7?b7.getPropertyValue(b4)||b7[b4]:aG,e=b6.style;if(b7){if(b9===""&&!bJ.contains(b6.ownerDocument,b6)){b9=bJ.style(b6,b4)}if(W.test(b9)&&aY.test(b4)){b5=e.width;b3=e.minWidth;ca=e.maxWidth;e.minWidth=e.maxWidth=e.width=b9;b9=b7.width;e.width=b5;e.minWidth=b3;e.maxWidth=ca}}return b9}}else{if(l.documentElement.currentStyle){bo=function(e){return e.currentStyle};E=function(b5,b3,b8){var b4,b7,b9,b6=b8||bo(b5),ca=b6?b6[b3]:aG,e=b5.style;if(ca==null&&e&&e[b3]){ca=e[b3]}if(W.test(ca)&&!bn.test(b3)){b4=e.left;b7=b5.runtimeStyle;b9=b7&&b7.left;if(b9){b7.left=b5.currentStyle.left}e.left=b3==="fontSize"?"1em":ca;ca=e.pixelLeft+"px";e.left=b4;if(b9){b7.left=b9}}return ca===""?"auto":ca}}}function aJ(e,b4,b5){var b3=a9.exec(b4);return b3?Math.max(0,b3[1]-(b5||0))+(b3[2]||"px"):b4}function aw(b6,b3,e,b8,b5){var b4=e===(b8?"border":"content")?4:b3==="width"?1:0,b7=0;for(;b4<4;b4+=2){if(e==="margin"){b7+=bJ.css(b6,e+bT[b4],true,b5)}if(b8){if(e==="content"){b7-=bJ.css(b6,"padding"+bT[b4],true,b5)}if(e!=="margin"){b7-=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}else{b7+=bJ.css(b6,"padding"+bT[b4],true,b5);if(e!=="padding"){b7+=bJ.css(b6,"border"+bT[b4]+"Width",true,b5)}}}return b7}function u(b6,b3,e){var b5=true,b7=b3==="width"?b6.offsetWidth:b6.offsetHeight,b4=bo(b6),b8=bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b4)==="border-box";if(b7<=0||b7==null){b7=E(b6,b3,b4);if(b7<0||b7==null){b7=b6.style[b3]}if(W.test(b7)){return b7}b5=b8&&(bJ.support.boxSizingReliable||b7===b6.style[b3]);b7=parseFloat(b7)||0}return(b7+aw(b6,b3,e||(b8?"border":"content"),b5,b4))+"px"}function bE(b4){var b3=l,e=bj[b4];if(!e){e=a1(b4,b3);if(e==="none"||!e){aE=(aE||bJ("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(b3.documentElement);b3=(aE[0].contentWindow||aE[0].contentDocument).document;b3.write("<!doctype html><html><body>");b3.close();e=a1(b4,b3);aE.detach()}bj[b4]=e}return e}function a1(e,b5){var b3=bJ(b5.createElement(e)).appendTo(b5.body),b4=bJ.css(b3[0],"display");b3.remove();return b4}bJ.each(["height","width"],function(b3,e){bJ.cssHooks[e]={get:function(b6,b5,b4){if(b5){return b6.offsetWidth===0&&F.test(bJ.css(b6,"display"))?bJ.swap(b6,bb,function(){return u(b6,e,b4)}):u(b6,e,b4)}},set:function(b6,b7,b4){var b5=b4&&bo(b6);return aJ(b6,b7,b4?aw(b6,e,b4,bJ.support.boxSizing&&bJ.css(b6,"boxSizing",false,b5)==="border-box",b5):0)}}});if(!bJ.support.opacity){bJ.cssHooks.opacity={get:function(b3,e){return aT.test((e&&b3.currentStyle?b3.currentStyle.filter:b3.style.filter)||"")?(0.01*parseFloat(RegExp.$1))+"":e?"1":""},set:function(b6,b7){var b5=b6.style,b3=b6.currentStyle,e=bJ.isNumeric(b7)?"alpha(opacity="+b7*100+")":"",b4=b3&&b3.filter||b5.filter||"";b5.zoom=1;if((b7>=1||b7==="")&&bJ.trim(b4.replace(bg,""))===""&&b5.removeAttribute){b5.removeAttribute("filter");if(b7===""||b3&&!b3.filter){return}}b5.filter=bg.test(b4)?b4.replace(bg,e):b4+" "+e}}}bJ(function(){if(!bJ.support.reliableMarginRight){bJ.cssHooks.marginRight={get:function(b3,e){if(e){return bJ.swap(b3,{display:"inline-block"},E,[b3,"marginRight"])}}}}if(!bJ.support.pixelPosition&&bJ.fn.position){bJ.each(["top","left"],function(e,b3){bJ.cssHooks[b3]={get:function(b5,b4){if(b4){b4=E(b5,b3);return W.test(b4)?bJ(b5).position()[b3]+"px":b4}}}})}});if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0||(!bJ.support.reliableHiddenOffsets&&((e.style&&e.style.display)||bJ.css(e,"display"))==="none")};bJ.expr.filters.visible=function(e){return !bJ.expr.filters.hidden(e)}}bJ.each({margin:"",padding:"",border:"Width"},function(e,b3){bJ.cssHooks[e+b3]={expand:function(b6){var b5=0,b4={},b7=typeof b6==="string"?b6.split(" "):[b6];for(;b5<4;b5++){b4[e+bT[b5]+b3]=b7[b5]||b7[b5-2]||b7[0]}return b4}};if(!aY.test(e)){bJ.cssHooks[e+b3].set=aJ}});var bv=/%20/g,aR=/\[\]$/,U=/\r?\n/g,c=/^(?:submit|button|image|reset|file)$/i,au=/^(?:input|select|textarea|keygen)/i;bJ.fn.extend({serialize:function(){return bJ.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=bJ.prop(this,"elements");return e?bJ.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!bJ(this).is(":disabled")&&au.test(this.nodeName)&&!c.test(e)&&(this.checked||!q.test(e))}).map(function(e,b3){var b4=bJ(this).val();return b4==null?null:bJ.isArray(b4)?bJ.map(b4,function(b5){return{name:b3.name,value:b5.replace(U,"\r\n")}}):{name:b3.name,value:b4.replace(U,"\r\n")}}).get()}});bJ.param=function(e,b4){var b5,b3=[],b6=function(b7,b8){b8=bJ.isFunction(b8)?b8():(b8==null?"":b8);b3[b3.length]=encodeURIComponent(b7)+"="+encodeURIComponent(b8)};if(b4===aG){b4=bJ.ajaxSettings&&bJ.ajaxSettings.traditional}if(bJ.isArray(e)||(e.jquery&&!bJ.isPlainObject(e))){bJ.each(e,function(){b6(this.name,this.value)})}else{for(b5 in e){i(b5,e[b5],b4,b6)}}return b3.join("&").replace(bv,"+")};function i(b4,b6,b3,b5){var e;if(bJ.isArray(b6)){bJ.each(b6,function(b8,b7){if(b3||aR.test(b4)){b5(b4,b7)}else{i(b4+"["+(typeof b7==="object"?b8:"")+"]",b7,b3,b5)}})}else{if(!b3&&bJ.type(b6)==="object"){for(e in b6){i(b4+"["+e+"]",b6[e],b3,b5)}}else{b5(b4,b6)}}}bJ.each(("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu").split(" "),function(b3,e){bJ.fn[e]=function(b5,b4){return arguments.length>0?this.on(e,null,b5,b4):this.trigger(e)}});bJ.fn.hover=function(e,b3){return this.mouseenter(e).mouseleave(b3||e)};var b1,Y,bO=bJ.now(),az=/\?/,ap=/#.*$/,O=/([?&])_=[^&]*/,ag=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,B=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,o=/^(?:GET|HEAD)$/,aH=/^\/\//,aU=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,b0=bJ.fn.load,v={},a7={},aW="*/".concat("*");try{Y=aL.href}catch(bf){Y=l.createElement("a");Y.href="";Y=Y.href}b1=aU.exec(Y.toLowerCase())||[];function bL(e){return function(b6,b7){if(typeof b6!=="string"){b7=b6;b6="*"}var b3,b4=0,b5=b6.toLowerCase().match(ac)||[];if(bJ.isFunction(b7)){while((b3=b5[b4++])){if(b3[0]==="+"){b3=b3.slice(1)||"*";(e[b3]=e[b3]||[]).unshift(b7)}else{(e[b3]=e[b3]||[]).push(b7)}}}}}function n(e,b4,b8,b5){var b3={},b6=(e===a7);function b7(b9){var ca;b3[b9]=true;bJ.each(e[b9]||[],function(cc,cb){var cd=cb(b4,b8,b5);if(typeof cd==="string"&&!b6&&!b3[cd]){b4.dataTypes.unshift(cd);b7(cd);return false}else{if(b6){return !(ca=cd)}}});return ca}return b7(b4.dataTypes[0])||!b3["*"]&&b7("*")}function r(b4,b5){var e,b3,b6=bJ.ajaxSettings.flatOptions||{};for(b3 in b5){if(b5[b3]!==aG){(b6[b3]?b4:(e||(e={})))[b3]=b5[b3]}}if(e){bJ.extend(true,b4,e)}return b4}bJ.fn.load=function(b5,b8,b9){if(typeof b5!=="string"&&b0){return b0.apply(this,arguments)}var e,b4,b6,b3=this,b7=b5.indexOf(" ");if(b7>=0){e=b5.slice(b7,b5.length);b5=b5.slice(0,b7)}if(bJ.isFunction(b8)){b9=b8;b8=aG}else{if(b8&&typeof b8==="object"){b6="POST"}}if(b3.length>0){bJ.ajax({url:b5,type:b6,dataType:"html",data:b8}).done(function(ca){b4=arguments;b3.html(e?bJ("<div>").append(bJ.parseHTML(ca)).find(e):ca)}).complete(b9&&function(cb,ca){b3.each(b9,b4||[cb.responseText,ca,cb])})}return this};bJ.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,b3){bJ.fn[b3]=function(b4){return this.on(b3,b4)}});bJ.each(["get","post"],function(e,b3){bJ[b3]=function(b4,b6,b7,b5){if(bJ.isFunction(b6)){b5=b5||b7;b7=b6;b6=aG}return bJ.ajax({url:b4,type:b3,dataType:b5,data:b6,success:b7})}});bJ.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Y,type:"GET",isLocal:B.test(b1[1]),global:true,processData:true,async:true,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":aW,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a2.String,"text html":true,"text json":bJ.parseJSON,"text xml":bJ.parseXML},flatOptions:{url:true,context:true}},ajaxSetup:function(b3,e){return e?r(r(b3,bJ.ajaxSettings),e):r(bJ.ajaxSettings,b3)},ajaxPrefilter:bL(v),ajaxTransport:bL(a7),ajax:function(b7,b4){if(typeof b7==="object"){b4=b7;b7=aG}b4=b4||{};var cg,ci,b8,cn,cc,b3,cj,b5,cb=bJ.ajaxSetup({},b4),cp=cb.context||cb,ce=cb.context&&(cp.nodeType||cp.jquery)?bJ(cp):bJ.event,co=bJ.Deferred(),cl=bJ.Callbacks("once memory"),b9=cb.statusCode||{},cf={},cm={},b6=0,ca="canceled",ch={readyState:0,getResponseHeader:function(cq){var e;if(b6===2){if(!b5){b5={};while((e=ag.exec(cn))){b5[e[1].toLowerCase()]=e[2]}}e=b5[cq.toLowerCase()]}return e==null?null:e},getAllResponseHeaders:function(){return b6===2?cn:null},setRequestHeader:function(cq,cr){var e=cq.toLowerCase();if(!b6){cq=cm[e]=cm[e]||cq;cf[cq]=cr}return this},overrideMimeType:function(e){if(!b6){cb.mimeType=e}return this},statusCode:function(cq){var e;if(cq){if(b6<2){for(e in cq){b9[e]=[b9[e],cq[e]]}}else{ch.always(cq[ch.status])}}return this},abort:function(cq){var e=cq||ca;if(cj){cj.abort(e)}cd(0,e);return this}};co.promise(ch).complete=cl.add;ch.success=ch.done;ch.error=ch.fail;cb.url=((b7||cb.url||Y)+"").replace(ap,"").replace(aH,b1[1]+"//");cb.type=b4.method||b4.type||cb.method||cb.type;cb.dataTypes=bJ.trim(cb.dataType||"*").toLowerCase().match(ac)||[""];if(cb.crossDomain==null){cg=aU.exec(cb.url.toLowerCase());cb.crossDomain=!!(cg&&(cg[1]!==b1[1]||cg[2]!==b1[2]||(cg[3]||(cg[1]==="http:"?80:443))!=(b1[3]||(b1[1]==="http:"?80:443))))}if(cb.data&&cb.processData&&typeof cb.data!=="string"){cb.data=bJ.param(cb.data,cb.traditional)}n(v,cb,b4,ch);if(b6===2){return ch}b3=cb.global;if(b3&&bJ.active++===0){bJ.event.trigger("ajaxStart")}cb.type=cb.type.toUpperCase();cb.hasContent=!o.test(cb.type);b8=cb.url;if(!cb.hasContent){if(cb.data){b8=(cb.url+=(az.test(b8)?"&":"?")+cb.data);delete cb.data}if(cb.cache===false){cb.url=O.test(b8)?b8.replace(O,"$1_="+bO++):b8+(az.test(b8)?"&":"?")+"_="+bO++}}if(cb.ifModified){if(bJ.lastModified[b8]){ch.setRequestHeader("If-Modified-Since",bJ.lastModified[b8])}if(bJ.etag[b8]){ch.setRequestHeader("If-None-Match",bJ.etag[b8])}}if(cb.data&&cb.hasContent&&cb.contentType!==false||b4.contentType){ch.setRequestHeader("Content-Type",cb.contentType)}ch.setRequestHeader("Accept",cb.dataTypes[0]&&cb.accepts[cb.dataTypes[0]]?cb.accepts[cb.dataTypes[0]]+(cb.dataTypes[0]!=="*"?", "+aW+"; q=0.01":""):cb.accepts["*"]);for(ci in cb.headers){ch.setRequestHeader(ci,cb.headers[ci])}if(cb.beforeSend&&(cb.beforeSend.call(cp,ch,cb)===false||b6===2)){return ch.abort()}ca="abort";for(ci in {success:1,error:1,complete:1}){ch[ci](cb[ci])}cj=n(a7,cb,b4,ch);if(!cj){cd(-1,"No Transport")}else{ch.readyState=1;if(b3){ce.trigger("ajaxSend",[ch,cb])}if(cb.async&&cb.timeout>0){cc=setTimeout(function(){ch.abort("timeout")},cb.timeout)}try{b6=1;cj.send(cf,cd)}catch(ck){if(b6<2){cd(-1,ck)}else{throw ck}}}function cd(cu,cq,cv,cs){var e,cy,cw,ct,cx,cr=cq;if(b6===2){return}b6=2;if(cc){clearTimeout(cc)}cj=aG;cn=cs||"";ch.readyState=cu>0?4:0;if(cv){ct=g(cb,ch,cv)}if(cu>=200&&cu<300||cu===304){if(cb.ifModified){cx=ch.getResponseHeader("Last-Modified");if(cx){bJ.lastModified[b8]=cx}cx=ch.getResponseHeader("etag");if(cx){bJ.etag[b8]=cx}}if(cu===204){e=true;cr="nocontent"}else{if(cu===304){e=true;cr="notmodified"}else{e=af(cb,ct);cr=e.state;cy=e.data;cw=e.error;e=!cw}}}else{cw=cr;if(cu||!cr){cr="error";if(cu<0){cu=0}}}ch.status=cu;ch.statusText=(cq||cr)+"";if(e){co.resolveWith(cp,[cy,cr,ch])}else{co.rejectWith(cp,[ch,cr,cw])}ch.statusCode(b9);b9=aG;if(b3){ce.trigger(e?"ajaxSuccess":"ajaxError",[ch,cb,e?cy:cw])}cl.fireWith(cp,[ch,cr]);if(b3){ce.trigger("ajaxComplete",[ch,cb]);if(!(--bJ.active)){bJ.event.trigger("ajaxStop")}}}return ch},getScript:function(e,b3){return bJ.get(e,aG,b3,"script")},getJSON:function(e,b3,b4){return bJ.get(e,b3,b4,"json")}});function g(cb,ca,b7){var e,b6,b5,b8,b3=cb.contents,b9=cb.dataTypes,b4=cb.responseFields;for(b8 in b4){if(b8 in b7){ca[b4[b8]]=b7[b8]}}while(b9[0]==="*"){b9.shift();if(b6===aG){b6=cb.mimeType||ca.getResponseHeader("Content-Type")}}if(b6){for(b8 in b3){if(b3[b8]&&b3[b8].test(b6)){b9.unshift(b8);break}}}if(b9[0] in b7){b5=b9[0]}else{for(b8 in b7){if(!b9[0]||cb.converters[b8+" "+b9[0]]){b5=b8;break}if(!e){e=b8}}b5=b5||e}if(b5){if(b5!==b9[0]){b9.unshift(b5)}return b7[b5]}}function af(cd,b5){var b3,b9,cb,b6,cc={},b7=0,ca=cd.dataTypes.slice(),b4=ca[0];if(cd.dataFilter){b5=cd.dataFilter(b5,cd.dataType)}if(ca[1]){for(cb in cd.converters){cc[cb.toLowerCase()]=cd.converters[cb]}}for(;(b9=ca[++b7]);){if(b9!=="*"){if(b4!=="*"&&b4!==b9){cb=cc[b4+" "+b9]||cc["* "+b9];if(!cb){for(b3 in cc){b6=b3.split(" ");if(b6[1]===b9){cb=cc[b4+" "+b6[0]]||cc["* "+b6[0]];if(cb){if(cb===true){cb=cc[b3]}else{if(cc[b3]!==true){b9=b6[0];ca.splice(b7--,0,b9)}}break}}}}if(cb!==true){if(cb&&cd["throws"]){b5=cb(b5)}else{try{b5=cb(b5)}catch(b8){return{state:"parsererror",error:cb?b8:"No conversion from "+b4+" to "+b9}}}}}b4=b9}}return{state:"success",data:b5}}bJ.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){bJ.globalEval(e);return e}}});bJ.ajaxPrefilter("script",function(e){if(e.cache===aG){e.cache=false}if(e.crossDomain){e.type="GET";e.global=false}});bJ.ajaxTransport("script",function(b4){if(b4.crossDomain){var e,b3=l.head||bJ("head")[0]||l.documentElement;return{send:function(b5,b6){e=l.createElement("script");e.async=true;if(b4.scriptCharset){e.charset=b4.scriptCharset}e.src=b4.url;e.onload=e.onreadystatechange=function(b8,b7){if(b7||!e.readyState||/loaded|complete/.test(e.readyState)){e.onload=e.onreadystatechange=null;if(e.parentNode){e.parentNode.removeChild(e)}e=null;if(!b7){b6(200,"success")}}};b3.insertBefore(e,b3.firstChild)},abort:function(){if(e){e.onload(aG,true)}}}}});var bq=[],a5=/(=)\?(?=&|$)|\?\?/;bJ.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=bq.pop()||(bJ.expando+"_"+(bO++));this[e]=true;return e}});bJ.ajaxPrefilter("json jsonp",function(b5,e,b6){var b8,b3,b4,b7=b5.jsonp!==false&&(a5.test(b5.url)?"url":typeof b5.data==="string"&&!(b5.contentType||"").indexOf("application/x-www-form-urlencoded")&&a5.test(b5.data)&&"data");if(b7||b5.dataTypes[0]==="jsonp"){b8=b5.jsonpCallback=bJ.isFunction(b5.jsonpCallback)?b5.jsonpCallback():b5.jsonpCallback;if(b7){b5[b7]=b5[b7].replace(a5,"$1"+b8)}else{if(b5.jsonp!==false){b5.url+=(az.test(b5.url)?"&":"?")+b5.jsonp+"="+b8}}b5.converters["script json"]=function(){if(!b4){bJ.error(b8+" was not called")}return b4[0]};b5.dataTypes[0]="json";b3=a2[b8];a2[b8]=function(){b4=arguments};b6.always(function(){a2[b8]=b3;if(b5[b8]){b5.jsonpCallback=e.jsonpCallback;bq.push(b8)}if(b4&&bJ.isFunction(b3)){b3(b4[0])}b4=b3=aG});return"script"}});var ah,ax,ay=0,aP=a2.ActiveXObject&&function(){var e;for(e in ah){ah[e](aG,true)}};function bD(){try{return new a2.XMLHttpRequest()}catch(b3){}}function bd(){try{return new a2.ActiveXObject("Microsoft.XMLHTTP")}catch(b3){}}bJ.ajaxSettings.xhr=a2.ActiveXObject?function(){return !this.isLocal&&bD()||bd()}:bD;ax=bJ.ajaxSettings.xhr();bJ.support.cors=!!ax&&("withCredentials" in ax);ax=bJ.support.ajax=!!ax;if(ax){bJ.ajaxTransport(function(e){if(!e.crossDomain||bJ.support.cors){var b3;return{send:function(b9,b4){var b7,b5,b8=e.xhr();if(e.username){b8.open(e.type,e.url,e.async,e.username,e.password)}else{b8.open(e.type,e.url,e.async)}if(e.xhrFields){for(b5 in e.xhrFields){b8[b5]=e.xhrFields[b5]}}if(e.mimeType&&b8.overrideMimeType){b8.overrideMimeType(e.mimeType)}if(!e.crossDomain&&!b9["X-Requested-With"]){b9["X-Requested-With"]="XMLHttpRequest"}try{for(b5 in b9){b8.setRequestHeader(b5,b9[b5])}}catch(b6){}b8.send((e.hasContent&&e.data)||null);b3=function(cc,cb){var ca,cd,cg,ce;try{if(b3&&(cb||b8.readyState===4)){b3=aG;if(b7){b8.onreadystatechange=bJ.noop;if(aP){delete ah[b7]}}if(cb){if(b8.readyState!==4){b8.abort()}}else{ce={};ca=b8.status;cd=b8.getAllResponseHeaders();if(typeof b8.responseText==="string"){ce.text=b8.responseText}try{cg=b8.statusText}catch(cf){cg=""}if(!ca&&e.isLocal&&!e.crossDomain){ca=ce.text?200:404}else{if(ca===1223){ca=204}}}}}catch(ch){if(!cb){b4(-1,ch)}}if(ce){b4(ca,cg,ce,cd)}};if(!e.async){b3()}else{if(b8.readyState===4){setTimeout(b3)}else{b7=++ay;if(aP){if(!ah){ah={};bJ(a2).unload(aP)}ah[b7]=b3}b8.onreadystatechange=b3}}},abort:function(){if(b3){b3(aG,true)}}}}})}var K,ad,bR=/^(?:toggle|show|hide)$/,bK=new RegExp("^(?:([+-])=|)("+bA+")([a-z%]*)$","i"),bQ=/queueHooks$/,aB=[h],a0={"*":[function(e,b9){var b5,ca,cb=this.createTween(e,b9),b6=bK.exec(b9),b7=cb.cur(),b3=+b7||0,b4=1,b8=20;if(b6){b5=+b6[2];ca=b6[3]||(bJ.cssNumber[e]?"":"px");if(ca!=="px"&&b3){b3=bJ.css(cb.elem,e,true)||b5||1;do{b4=b4||".5";b3=b3/b4;bJ.style(cb.elem,e,b3+ca)}while(b4!==(b4=cb.cur()/b7)&&b4!==1&&--b8)}cb.unit=ca;cb.start=b3;cb.end=b6[1]?b3+(b6[1]+1)*b5:b5}return cb}]};function bm(){setTimeout(function(){K=aG});return(K=bJ.now())}function be(b3,e){bJ.each(e,function(b8,b6){var b7=(a0[b8]||[]).concat(a0["*"]),b4=0,b5=b7.length;for(;b4<b5;b4++){if(b7[b4].call(b3,b8,b6)){return}}})}function f(b4,b8,cb){var cc,e,b7=0,b3=aB.length,ca=bJ.Deferred().always(function(){delete b6.elem}),b6=function(){if(e){return false}var ci=K||bm(),cf=Math.max(0,b5.startTime+b5.duration-ci),cd=cf/b5.duration||0,ch=1-cd,ce=0,cg=b5.tweens.length;for(;ce<cg;ce++){b5.tweens[ce].run(ch)}ca.notifyWith(b4,[b5,ch,cf]);if(ch<1&&cg){return cf}else{ca.resolveWith(b4,[b5]);return false}},b5=ca.promise({elem:b4,props:bJ.extend({},b8),opts:bJ.extend(true,{specialEasing:{}},cb),originalProperties:b8,originalOptions:cb,startTime:K||bm(),duration:cb.duration,tweens:[],createTween:function(cf,cd){var ce=bJ.Tween(b4,b5.opts,cf,cd,b5.opts.specialEasing[cf]||b5.opts.easing);b5.tweens.push(ce);return ce},stop:function(ce){var cd=0,cf=ce?b5.tweens.length:0;if(e){return this}e=true;for(;cd<cf;cd++){b5.tweens[cd].run(1)}if(ce){ca.resolveWith(b4,[b5,ce])}else{ca.rejectWith(b4,[b5,ce])}return this}}),b9=b5.props;am(b9,b5.opts.specialEasing);for(;b7<b3;b7++){cc=aB[b7].call(b5,b4,b9,b5.opts);if(cc){return cc}}be(b5,b9);if(bJ.isFunction(b5.opts.start)){b5.opts.start.call(b4,b5)}bJ.fx.timer(bJ.extend(b6,{elem:b4,anim:b5,queue:b5.opts.queue}));return b5.progress(b5.opts.progress).done(b5.opts.done,b5.opts.complete).fail(b5.opts.fail).always(b5.opts.always)}function am(b5,b7){var b6,b4,b3,b8,e;for(b3 in b5){b4=bJ.camelCase(b3);b8=b7[b4];b6=b5[b3];if(bJ.isArray(b6)){b8=b6[1];b6=b5[b3]=b6[0]}if(b3!==b4){b5[b4]=b6;delete b5[b3]}e=bJ.cssHooks[b4];if(e&&"expand" in e){b6=e.expand(b6);delete b5[b4];for(b3 in b6){if(!(b3 in b5)){b5[b3]=b6[b3];b7[b3]=b8}}}else{b7[b4]=b8}}}bJ.Animation=bJ.extend(f,{tweener:function(b3,b6){if(bJ.isFunction(b3)){b6=b3;b3=["*"]}else{b3=b3.split(" ")}var b5,e=0,b4=b3.length;for(;e<b4;e++){b5=b3[e];a0[b5]=a0[b5]||[];a0[b5].unshift(b6)}},prefilter:function(b3,e){if(e){aB.unshift(b3)}else{aB.push(b3)}}});function h(b6,cc,e){var b4,cb,b5,ce,ci,b8,ch,cg,cf,b7=this,b3=b6.style,cd={},ca=[],b9=b6.nodeType&&P(b6);if(!e.queue){cg=bJ._queueHooks(b6,"fx");if(cg.unqueued==null){cg.unqueued=0;cf=cg.empty.fire;cg.empty.fire=function(){if(!cg.unqueued){cf()}}}cg.unqueued++;b7.always(function(){b7.always(function(){cg.unqueued--;if(!bJ.queue(b6,"fx").length){cg.empty.fire()}})})}if(b6.nodeType===1&&("height" in cc||"width" in cc)){e.overflow=[b3.overflow,b3.overflowX,b3.overflowY];if(bJ.css(b6,"display")==="inline"&&bJ.css(b6,"float")==="none"){if(!bJ.support.inlineBlockNeedsLayout||bE(b6.nodeName)==="inline"){b3.display="inline-block"}else{b3.zoom=1}}}if(e.overflow){b3.overflow="hidden";if(!bJ.support.shrinkWrapBlocks){b7.always(function(){b3.overflow=e.overflow[0];b3.overflowX=e.overflow[1];b3.overflowY=e.overflow[2]})}}for(cb in cc){ce=cc[cb];if(bR.exec(ce)){delete cc[cb];b8=b8||ce==="toggle";if(ce===(b9?"hide":"show")){continue}ca.push(cb)}}b5=ca.length;if(b5){ci=bJ._data(b6,"fxshow")||bJ._data(b6,"fxshow",{});if("hidden" in ci){b9=ci.hidden}if(b8){ci.hidden=!b9}if(b9){bJ(b6).show()}else{b7.done(function(){bJ(b6).hide()})}b7.done(function(){var cj;bJ._removeData(b6,"fxshow");for(cj in cd){bJ.style(b6,cj,cd[cj])}});for(cb=0;cb<b5;cb++){b4=ca[cb];ch=b7.createTween(b4,b9?ci[b4]:0);cd[b4]=ci[b4]||bJ.style(b6,b4);if(!(b4 in ci)){ci[b4]=ch.start;if(b9){ch.end=ch.start;ch.start=b4==="width"||b4==="height"?1:0}}}}}function G(b4,b3,b6,e,b5){return new G.prototype.init(b4,b3,b6,e,b5)}bJ.Tween=G;G.prototype={constructor:G,init:function(b5,b3,b7,e,b6,b4){this.elem=b5;this.prop=b7;this.easing=b6||"swing";this.options=b3;this.start=this.now=this.cur();this.end=e;this.unit=b4||(bJ.cssNumber[b7]?"":"px")},cur:function(){var e=G.propHooks[this.prop];return e&&e.get?e.get(this):G.propHooks._default.get(this)},run:function(b4){var b3,e=G.propHooks[this.prop];if(this.options.duration){this.pos=b3=bJ.easing[this.easing](b4,this.options.duration*b4,0,1,this.options.duration)}else{this.pos=b3=b4}this.now=(this.end-this.start)*b3+this.start;if(this.options.step){this.options.step.call(this.elem,this.now,this)}if(e&&e.set){e.set(this)}else{G.propHooks._default.set(this)}return this}};G.prototype.init.prototype=G.prototype;G.propHooks={_default:{get:function(b3){var e;if(b3.elem[b3.prop]!=null&&(!b3.elem.style||b3.elem.style[b3.prop]==null)){return b3.elem[b3.prop]}e=bJ.css(b3.elem,b3.prop,"");return !e||e==="auto"?0:e},set:function(e){if(bJ.fx.step[e.prop]){bJ.fx.step[e.prop](e)}else{if(e.elem.style&&(e.elem.style[bJ.cssProps[e.prop]]!=null||bJ.cssHooks[e.prop])){bJ.style(e.elem,e.prop,e.now+e.unit)}else{e.elem[e.prop]=e.now}}}}};G.propHooks.scrollTop=G.propHooks.scrollLeft={set:function(e){if(e.elem.nodeType&&e.elem.parentNode){e.elem[e.prop]=e.now}}};bJ.each(["toggle","show","hide"],function(b3,e){var b4=bJ.fn[e];bJ.fn[e]=function(b5,b7,b6){return b5==null||typeof b5==="boolean"?b4.apply(this,arguments):this.animate(bI(e,true),b5,b7,b6)}});bJ.fn.extend({fadeTo:function(e,b5,b4,b3){return this.filter(P).css("opacity",0).show().end().animate({opacity:b5},e,b4,b3)},animate:function(b8,b5,b7,b6){var b4=bJ.isEmptyObject(b8),e=bJ.speed(b5,b7,b6),b3=function(){var b9=f(this,bJ.extend({},b8),e);b3.finish=function(){b9.stop(true)};if(b4||bJ._data(this,"finish")){b9.stop(true)}};b3.finish=b3;return b4||e.queue===false?this.each(b3):this.queue(e.queue,b3)},stop:function(b4,b3,e){var b5=function(b6){var b7=b6.stop;delete b6.stop;b7(e)};if(typeof b4!=="string"){e=b3;b3=b4;b4=aG}if(b3&&b4!==false){this.queue(b4||"fx",[])}return this.each(function(){var b9=true,b6=b4!=null&&b4+"queueHooks",b8=bJ.timers,b7=bJ._data(this);if(b6){if(b7[b6]&&b7[b6].stop){b5(b7[b6])}}else{for(b6 in b7){if(b7[b6]&&b7[b6].stop&&bQ.test(b6)){b5(b7[b6])}}}for(b6=b8.length;b6--;){if(b8[b6].elem===this&&(b4==null||b8[b6].queue===b4)){b8[b6].anim.stop(e);b9=false;b8.splice(b6,1)}}if(b9||!e){bJ.dequeue(this,b4)}})},finish:function(e){if(e!==false){e=e||"fx"}return this.each(function(){var b5,b8=bJ._data(this),b4=b8[e+"queue"],b3=b8[e+"queueHooks"],b7=bJ.timers,b6=b4?b4.length:0;b8.finish=true;bJ.queue(this,e,[]);if(b3&&b3.cur&&b3.cur.finish){b3.cur.finish.call(this)}for(b5=b7.length;b5--;){if(b7[b5].elem===this&&b7[b5].queue===e){b7[b5].anim.stop(true);b7.splice(b5,1)}}for(b5=0;b5<b6;b5++){if(b4[b5]&&b4[b5].finish){b4[b5].finish.call(this)}}delete b8.finish})}});function bI(b4,b6){var b5,e={height:b4},b3=0;b6=b6?1:0;for(;b3<4;b3+=2-b6){b5=bT[b3];e["margin"+b5]=e["padding"+b5]=b4}if(b6){e.opacity=e.width=b4}return e}bJ.each({slideDown:bI("show"),slideUp:bI("hide"),slideToggle:bI("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,b3){bJ.fn[e]=function(b4,b6,b5){return this.animate(b3,b4,b6,b5)}});bJ.speed=function(b4,b5,b3){var e=b4&&typeof b4==="object"?bJ.extend({},b4):{complete:b3||!b3&&b5||bJ.isFunction(b4)&&b4,duration:b4,easing:b3&&b5||b5&&!bJ.isFunction(b5)&&b5};e.duration=bJ.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in bJ.fx.speeds?bJ.fx.speeds[e.duration]:bJ.fx.speeds._default;if(e.queue==null||e.queue===true){e.queue="fx"}e.old=e.complete;e.complete=function(){if(bJ.isFunction(e.old)){e.old.call(this)}if(e.queue){bJ.dequeue(this,e.queue)}};return e};bJ.easing={linear:function(e){return e},swing:function(e){return 0.5-Math.cos(e*Math.PI)/2}};bJ.timers=[];bJ.fx=G.prototype.init;bJ.fx.tick=function(){var b4,b3=bJ.timers,e=0;K=bJ.now();for(;e<b3.length;e++){b4=b3[e];if(!b4()&&b3[e]===b4){b3.splice(e--,1)}}if(!b3.length){bJ.fx.stop()}K=aG};bJ.fx.timer=function(e){if(e()&&bJ.timers.push(e)){bJ.fx.start()}};bJ.fx.interval=13;bJ.fx.start=function(){if(!ad){ad=setInterval(bJ.fx.tick,bJ.fx.interval)}};bJ.fx.stop=function(){clearInterval(ad);ad=null};bJ.fx.speeds={slow:600,fast:200,_default:400};bJ.fx.step={};if(bJ.expr&&bJ.expr.filters){bJ.expr.filters.animated=function(e){return bJ.grep(bJ.timers,function(b3){return e===b3.elem}).length}}bJ.fn.offset=function(b3){if(arguments.length){return b3===aG?this:this.each(function(b8){bJ.offset.setOffset(this,b3,b8)})}var e,b7,b5={top:0,left:0},b4=this[0],b6=b4&&b4.ownerDocument;if(!b6){return}e=b6.documentElement;if(!bJ.contains(e,b4)){return b5}if(typeof b4.getBoundingClientRect!==aC){b5=b4.getBoundingClientRect()}b7=bp(b6);return{top:b5.top+(b7.pageYOffset||e.scrollTop)-(e.clientTop||0),left:b5.left+(b7.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}};bJ.offset={setOffset:function(b5,ce,b8){var b9=bJ.css(b5,"position");if(b9==="static"){b5.style.position="relative"}var b7=bJ(b5),b3=b7.offset(),e=bJ.css(b5,"top"),cc=bJ.css(b5,"left"),cd=(b9==="absolute"||b9==="fixed")&&bJ.inArray("auto",[e,cc])>-1,cb={},ca={},b4,b6;if(cd){ca=b7.position();b4=ca.top;b6=ca.left}else{b4=parseFloat(e)||0;b6=parseFloat(cc)||0}if(bJ.isFunction(ce)){ce=ce.call(b5,b8,b3)}if(ce.top!=null){cb.top=(ce.top-b3.top)+b4}if(ce.left!=null){cb.left=(ce.left-b3.left)+b6}if("using" in ce){ce.using.call(b5,cb)}else{b7.css(cb)}}};bJ.fn.extend({position:function(){if(!this[0]){return}var b4,b5,e={top:0,left:0},b3=this[0];if(bJ.css(b3,"position")==="fixed"){b5=b3.getBoundingClientRect()}else{b4=this.offsetParent();b5=this.offset();if(!bJ.nodeName(b4[0],"html")){e=b4.offset()}e.top+=bJ.css(b4[0],"borderTopWidth",true);e.left+=bJ.css(b4[0],"borderLeftWidth",true)}return{top:b5.top-e.top-bJ.css(b3,"marginTop",true),left:b5.left-e.left-bJ.css(b3,"marginLeft",true)}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||l.documentElement;while(e&&(!bJ.nodeName(e,"html")&&bJ.css(e,"position")==="static")){e=e.offsetParent}return e||l.documentElement})}});bJ.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b4,b3){var e=/Y/.test(b3);bJ.fn[b4]=function(b5){return bJ.access(this,function(b6,b9,b8){var b7=bp(b6);if(b8===aG){return b7?(b3 in b7)?b7[b3]:b7.document.documentElement[b9]:b6[b9]}if(b7){b7.scrollTo(!e?b8:bJ(b7).scrollLeft(),e?b8:bJ(b7).scrollTop())}else{b6[b9]=b8}},b4,b5,arguments.length,null)}});function bp(e){return bJ.isWindow(e)?e:e.nodeType===9?e.defaultView||e.parentWindow:false}bJ.each({Height:"height",Width:"width"},function(e,b3){bJ.each({padding:"inner"+e,content:b3,"":"outer"+e},function(b4,b5){bJ.fn[b5]=function(b9,b8){var b7=arguments.length&&(b4||typeof b9!=="boolean"),b6=b4||(b9===true||b8===true?"margin":"border");return bJ.access(this,function(cb,ca,cc){var cd;if(bJ.isWindow(cb)){return cb.document.documentElement["client"+e]}if(cb.nodeType===9){cd=cb.documentElement;return Math.max(cb.body["scroll"+e],cd["scroll"+e],cb.body["offset"+e],cd["offset"+e],cd["client"+e])}return cc===aG?bJ.css(cb,ca,b6):bJ.style(cb,ca,cc,b6)},b3,b7?b9:aG,b7,null)}})});a2.jQuery=a2.$=bJ;if(typeof define==="function"&&define.amd&&define.amd.jQuery){define("jquery",[],function(){return bJ})}})(window);(function(a){window.UXC={PATH:"/js/comps/",debug:false,use:function(d,c,f){if(!d){return}var b=this,g=/\:\/\//;var e=[];a.each(d.split(/[\s]*?,[\s]*/),function(h,j){var i=g.test(j)||/\//.test(j)||!!c;if(!/\.js$/i.test(j)&!c){j=[j,"/",j,".js"].join("")}if(i){if(g.test(j)){}else{if(c&&!f){j=c+j}else{if(!/[\/\\]/.test(j.slice(0,1))&&!f){j=b.PATH+j}}}}else{j=b.PATH+j}!g.test(j)&&(j=j.replace(/(\\)\1|(\/)\2/g,"$1"));if(!f){e.push('<script src="'+j+'"><\/script>')}else{e.push(j)}b.log(j)});if(f){c+=e.join();document.write('<script src="'+c+'"><\/script>')}else{document.write(e.join(""))}b.log(e)},_getPath:function(){var b=a("script").last(),c=b.attr("src");if(/\//.test(c)){c=c.split("/");c.pop();c=c.join("/")+"/"}else{if(/\\/.test(c)){c=c.split("\\");c.pop();c=c.join("\\")+"/"}}this.PATH=c+"comps/"},log:function(){if(!this.debug){return}console.log([].slice.apply(arguments).join(" "))},namespace:function(g,e){var c=g.split("."),f=e||window;for(var d=0,b=c.length;d<b;d++){f[c[d]]=f[c[d]]||{};f=f[c[d]]}return e}};if(!window.console){window.console={log:function(){window.status=[].slice.apply(arguments).join(" ")}}}UXC._getPath()}(jQuery));
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/json2.js b/flash/source/chart/VZHistogram/0.1/_demo/json2.js
new file mode 100644
index 0000000..2dbf60d
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/json2.js
@@ -0,0 +1,487 @@
+/*
+    http://www.JSON.org/json2.js
+    2011-10-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function (key) {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
diff --git a/flash/source/chart/VZHistogram/0.1/_demo/swfobject.js b/flash/source/chart/VZHistogram/0.1/_demo/swfobject.js
new file mode 100644
index 0000000..03fd016
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/_demo/swfobject.js
@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+encodeURI(O.location).toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/Config.as b/flash/source/chart/VZHistogram/0.1/src/Config.as
new file mode 100644
index 0000000..319b847
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/Config.as
@@ -0,0 +1,144 @@
+package 
+{
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+
+	public class Config extends BaseConfig
+	{
+		public function Config()
+		{
+			super();
+		}
+		
+		
+		override public function get chartName():String{ return 'VZHistogram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/hcolumn/'; }
+		
+		
+		protected var _totalArray:Array = new Array();
+		public function get totalArray():Array{ return _totalArray; }
+		
+		override protected function calcMaxNum():Number{
+			var _r:Number = 0, _max:Number = 0;
+			
+			if( cd && cd.series ){
+				Common.each( displaySeries, function( _k:int, _item:Object ):*{
+					
+					_r = 0;
+					if( _item.data ){
+						Common.each( _item.data, function( _sk:int, _item:Number ):void{
+							_r += _item;
+						});
+						_totalArray[ _k ] = _r;
+					}
+					_r > _max && ( _max = _r );
+				} );
+			}
+			
+			_max < 0 && ( _max = 0 );
+			
+			_max && _max > 0 && !this.isPercent && ( _max = Common.numberUp( _max ) );
+			
+			this.yAxisMaxValue && ( _max = this.yAxisMaxValue );
+			
+			_max === 0 && ( _max = 10 );
+			
+			return _max;
+		}
+		
+		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
+			_data = _data || chartData;
+			if( !( _data && _data.series && _data.series.length ) ) return this;
+			_displaySeries = JSON.parse( JSON.stringify( _data.series ) ) as Array;
+			_displaySeriesIndexMap = null;
+			_displayLegend = [];
+
+			if( _filter ){
+				var _tmp:Array = [], _count:int = 0;
+				_displaySeriesIndexMap = {};
+				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+					var _tmpData:Array = [];
+					Common.each( _item.data, function( _sk:int, _sitem:Number ):void{
+						if( !(_sk in _filter) ){
+							_tmpData.push( _sitem );	
+							_displaySeriesIndexMap[ _count++ ] = _sk;
+							if( _k === 0 ){
+								_displayLegend.push( { sk: _sk } );
+							}
+
+						}
+					});
+					_item.data = _tmpData;
+				});
+			}else{
+				if( displaySeries.length ){
+					Common.each( displaySeries[0].data, function( _sk:int, _sitem:Number ):void{
+						_displayLegend.push( { sk: _sk } );
+					});
+				}
+			}
+
+			_filterData = _filter || {};
+			
+			return this;
+		}
+		override public function get yAxisEnabled():Boolean{
+			var _r:Boolean = super.yAxisEnabled;
+			
+			!displayLegend.length && ( _r = false );
+			
+			return _r;
+		}		
+		
+		override public function get xAxisEnabled():Boolean{
+			var _r:Boolean = super.xAxisEnabled;
+			
+			!displayLegend.length && ( _r = false );
+			
+			return _r;
+		}
+		
+		override public function get isPercent():Boolean{
+			return false;
+		}
+		
+		override public function get labelRotationEnable():Boolean{
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.rotation
+				&& ( 'enabled' in this.cd.yAxis.rotation )
+				&& ( _labelRotationEnable = StringUtils.parseBool( this.cd.yAxis.rotation.enabled ) )
+			
+			this.cd 
+				&& this.cd.yAxis
+				&& this.cd.yAxis.labels
+				&& ( 'rotation' in this.cd.yAxis.labels )
+				&& ( _labelRotationEnable = true );
+			
+			return _labelRotationEnable;
+		}
+		
+		override public function get labelRotationAngle():Number{
+			
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.rotation
+				&& ( 'angle' in this.cd.yAxis.rotation )
+				&& ( _labelRotationAngle = this.cd.yAxis.rotation.angle )
+			
+			
+			this.cd
+				&& this.cd.yAxis
+				&& this.cd.yAxis.labels
+				&& ( 'rotation' in this.cd.yAxis.labels )
+				&& ( _labelRotationAngle = this.cd.yAxis.labels.rotation )
+			
+			return _labelRotationAngle;
+		}
+
+
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/VZHistogram.as b/flash/source/chart/VZHistogram/0.1/src/VZHistogram.as
new file mode 100644
index 0000000..f5efccb
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/VZHistogram.as
@@ -0,0 +1,180 @@
+package
+{
+	import flash.display.LoaderInfo;
+	import flash.display.Sprite;
+	import flash.display.StageAlign;
+	import flash.display.StageScaleMode;
+	import flash.events.Event;
+	import flash.events.TimerEvent;
+	import flash.external.ExternalInterface;
+	import flash.system.Security;
+	import flash.utils.Timer;
+	import flash.utils.setInterval;
+	import flash.utils.setTimeout; 
+	
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.core.events.*;
+	import org.xas.core.ui.error.BaseError;
+	import org.xas.core.utils.Log; 
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.ZHistogramData;
+	import org.xas.jchart.common.event.JChartEvent; 
+	import org.xas.jchart.vzhistogram.MainFacade; 
+	   
+  
+	//[SWF(frameRate="30", width="790", height="230")] 
+	//[SWF(frameRate="30", width="385", height="225")]
+	//[SWF(frameRate="30", width="600", height="425")] 
+	//[SWF(frameRate="30", width="590", height="360")] 
+	//[SWF(frameRate="30", width="1400", height="460")]   
+	[SWF(frameRate="30", width="600", height="600")]
+	public class VZHistogram extends Sprite 
+	{  
+		private var _inited: Boolean = false;
+		private var _timer:Timer;
+		private var _data:Object;  
+		private var _facade:Facade;
+		private var _resizeTimer:Timer;   
+		private var _ins:VZHistogram;
+		private var _loaderInfo:Object; 
+		
+		public function VZHistogram()
+		{			
+			flash.system.Security.allowDomain("*");	
+			_ins = this; 
+			
+			this.root.stage.scaleMode = StageScaleMode.NO_SCALE;
+			this.root.stage.align = StageAlign.TOP_LEFT;
+			
+			BaseConfig.setIns( new Config() );
+			 
+			addEventListener( JChartEvent.PROCESS, process );
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			addEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );	
+		}
+		
+		private function onEnterFrame( $evt:Event ):void
+		{
+			if( root.stage.stageWidth > 0 && root.stage.stageHeight > 0 )
+			{
+				removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+				init();
+			}
+		}
+		private function init():void
+		{			
+			_inited = true;
+			
+			BaseConfig.ins.setDebug( true );
+			runData();
+			
+			if( ExternalInterface.available ){
+				try{
+				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
+			}
+		}
+		
+		private function extenalUpdate( _data:Object ):void{
+			BaseConfig.ins.clearData();
+			BaseConfig.ins.updateDisplaySeries( null, _data );
+			BaseConfig.ins.setChartData( _data );
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
+		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{
+			if( !_inited ){
+				_ins._data = _data;
+				_timer = new Timer( 50 );
+				_timer.addEventListener( TimerEvent.TIMER, timerHandler );
+				_timer.start();
+				return;
+			}
+			_timer && _timer.stop();
+			
+			BaseConfig.ins.updateDisplaySeries( {}, _data );
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, _data ) );
+		}
+		
+		private function process( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data as Object;
+			BaseConfig.ins.setRoot( _ins.root );
+			if( _data ){
+				BaseConfig.ins.setChartData( _data );
+			}
+			!_facade && ( _facade = MainFacade.getInstance() );			
+			_facade.sendNotification( JChartEvent.DRAW );
+		}
+		
+		private function timerHandler( _evt:TimerEvent ):void{
+			if( _inited ){
+				_timer && _timer.stop();
+				update( _ins._data );
+			}
+		}
+		
+		private function onAddedToStage($evt:Event):void
+		{
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);				
+			addEventListener( Event.ENTER_FRAME, onEnterFrame );
+			
+			this.root.stage.addEventListener( Event.RESIZE, resize );
+		}
+		
+		private function resize( _evt:Event ):void{
+			if( !BaseConfig.ins.chartData ) return;
+			
+			if( _resizeTimer ){
+				_resizeTimer.stop();
+				_resizeTimer.start();
+			}else{
+				_resizeTimer = new Timer( 200, 1 );
+				_resizeTimer.addEventListener( TimerEvent.TIMER_COMPLETE, onResize );
+				_resizeTimer.start();
+			}
+		}
+		
+		private function onResize( _evt:TimerEvent ):void{
+			
+			if( !BaseConfig.ins.chartData ) return;
+			dispatchEvent( new JChartEvent( JChartEvent.PROCESS, BaseConfig.ins.chartData ) );
+		}
+		
+		private function onRemovedFromStage( _evt:Event ):void{
+			removeEventListener( JChartEvent.PROCESS, process );
+			removeEventListener( Event.ADDED_TO_STAGE, onAddedToStage);
+			removeEventListener( Event.REMOVED_FROM_STAGE, onRemovedFromStage );
+			removeEventListener( Event.ENTER_FRAME, onEnterFrame );
+			_timer &&_timer.stop();
+		}		
+		
+		private function runData():void{
+			
+			var _data:Object = {};
+			
+			if( !ExternalInterface.available ){		
+				if( !ZHistogramData.instance.data.length ) return;
+				_data = ZHistogramData.instance.data[0];
+			}else{
+				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
+				
+				if( _loaderInfo.chart ){
+					_data = JSON.parse( _loaderInfo.chart );
+				}				
+				_data = _data || {};
+			}
+			
+			update( _data );
+		}
+		
+		public static var author:String = 'suches@btbtd.org';
+		public static var version:String = '0.1, 2014-07-30';
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/MainFacade.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/MainFacade.as
new file mode 100644
index 0000000..996a791
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/MainFacade.as
@@ -0,0 +1,42 @@
+package org.xas.jchart.vzhistogram
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.*;
+	import org.puremvc.as3.multicore.patterns.facade.*;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.vzhistogram.controller.CalcCoordinateCmd;
+	import org.xas.jchart.vzhistogram.controller.ClearCmd;
+	import org.xas.jchart.vzhistogram.controller.DrawCmd;
+	import org.xas.jchart.vzhistogram.controller.FilterDataCmd;
+	
+	public class MainFacade extends BaseFacade implements ICommand
+	{
+		public static const name:String = 'VZHistogramFacade';
+		
+		public function MainFacade( _name:String )
+		{
+			super( _name );
+		}
+		
+		public function execute( notification:INotification ):void{
+		}
+		
+		public static function getInstance():Facade {
+			if ( instanceMap[ name ] == null ) instanceMap[ name ]  = new MainFacade( name );
+			return instanceMap[ name ] as MainFacade;
+		}
+		
+		override protected function initializeController():void
+		{
+			super.initializeController();
+						
+			registerCommand( JChartEvent.CALC_COORDINATE, CalcCoordinateCmd );
+			
+			registerCommand( JChartEvent.CLEAR, ClearCmd );
+			registerCommand( JChartEvent.DRAW, DrawCmd );
+			registerCommand( JChartEvent.FILTER_DATA, FilterDataCmd );
+		}			
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/CalcCoordinateCmd.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/CalcCoordinateCmd.as
new file mode 100644
index 0000000..ec78b21
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/CalcCoordinateCmd.as
@@ -0,0 +1,433 @@
+package org.xas.jchart.vzhistogram.controller
+{
+	import flash.external.ExternalInterface;
+	import flash.geom.Point;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.ZHistogramData;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.VHistogramBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.VZHistogramGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.VZHistogramHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.VHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.VItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.ZLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.VZHistogramSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.ZHistogramTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.VZHistogramVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.vzhistogram.view.mediator.*;
+	
+	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
+	{
+		private var _c:Coordinate;
+		private var _config:Config;
+		
+		public function CalcCoordinateCmd()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute(notification:INotification):void{
+			
+			_c = _config.setCoordinate( new Coordinate() );
+			
+			_c.corner = corner();
+			
+			_c.minX = _config.vlabelSpace + 2;
+			_c.minY = _c.y + _config.vspace * 2;
+			_c.maxX = _c.x + _config.stageWidth - _config.vspace;
+			_c.maxY = _config.stageHeight - _config.vspace;
+						
+			facade.registerMediator( new BaseBgMediator( ) );
+			var _yPad:Number = _c.minY;
+			
+			if( _config.cd ){
+				
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )
+					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
+					_config.c.minY += pTitleMediator.view.height;
+				}
+				 
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
+					
+					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
+					_config.c.minY += pSubtitleMediator.view.height;
+				} 
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
+					
+					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
+					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace + _config.vspace;
+				} else {
+					_config.c.minX += _config.vspace;
+				}
+				
+				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					
+					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
+					_config.c.maxY -= pCreditMediator.view.height;
+				}
+				
+				if( _config.legendEnabled ){
+					facade.registerMediator( new ZLegendMediator() );
+					_config.c.maxY -= pLegendMediator.view.height;
+					_config.c.legend = { 
+						x: _config.width / 2 - pLegendMediator.view.width / 2
+						, y: _config.c.maxY
+					};
+					_config.c.maxY -= 2;
+				}
+				
+//				_config.c.maxX -= 5;
+				
+//				//初始化vlabel,并修改图标最大Y的范围
+//				if( _config.yAxisEnabled ){
+//					facade.registerMediator( new VLabelMediator() );
+//					_config.c.maxY -= pVLabelMediator.maxHeight;
+//					_config.c.maxY -= 2;
+//				}
+
+				_config.c.hoverPadY = 10;
+				if( _config.hoverBgEnabled ){
+					facade.registerMediator( new VHoverBgMediator() );
+					_config.c.minY += _config.c.hoverPadY;
+					_yPad += _config.c.hoverPadY;
+				}
+				
+				if( _config.itemBgEnabled ){
+					facade.registerMediator( new VItemBgMediator() );
+				}
+				
+				_config.c.serialLabelPadY = 15;
+				if( _config.serialLabelEnabled ){
+					facade.registerMediator( new VZHistogramSeriesLabelMediator() );
+//					_config.c.minY += _config.c.serialLabelPadY;
+//					_yPad += _config.c.serialLabelPadY;
+				}
+				
+				if( _config.categories && _config.categories.length ){
+					_config.c.labelWidth = _config.c.chartWidth / ( _config.categories.length ) / 2;
+				}
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new VZHistogramHLabelMediator() );
+					_config.c.minX += pHLabelMediator.maxWidth;
+				}
+				
+				//初始化vlabel,并修改图标最大Y的范围
+				if( _config.yAxisEnabled ){
+					facade.registerMediator( new VZHistogramVLabelMediator() );
+					_config.c.maxY -= pVLabelMediator.maxHeight;
+					//					_config.c.maxX = pVLabelMediator.maxWidth;
+					var _tmpMaxWidth:Number = pVLabelMediator.maxWidth;
+					//					Log.log( _tmpMaxWidth );
+					if( _tmpMaxWidth > 0 ){
+						_config.c.maxX -= Math.abs( _tmpMaxWidth );
+					} else {
+					}
+					
+				}
+
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
+			
+				if( _config.graphicHeight ){
+					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
+					_config.c.chartHeight = _config.graphicHeight - _yPad;
+					_config.c.maxY -= _hpad;
+					
+					if( _config.c.legend ){
+						_config.c.legend.y -= _hpad;
+					}
+					
+					if( _config.c.credits ){
+						_config.c.credits.y -= _hpad;
+					}
+				}else{	
+					_config.c.chartHeight = _config.c.maxY - _config.c.minY;
+				}
+				
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
+				_config.c.chartY = _config.c.minY;
+				
+				facade.registerMediator( new VZHistogramGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new ZHistogramTipsMediator() );
+				
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK, {}, 'vzbar' );
+
+				
+				calcChartPoint();
+				
+				calcGraphic();
+				
+				_config.c.totalArray = _config.totalArray;
+				
+				if( !ExternalInterface.available ){
+					facade.registerMediator( new BaseTestMediator( ZHistogramData.instance.data ) );	
+				}
+			}
+									
+			sendNotification( JChartEvent.SHOW_CHART );
+		}
+		
+		private function calcGraphic():void{			
+			facade.registerMediator( new GraphicMediator() );
+			
+			_config.c.rects = [];
+			_config.c.dataRect = [];
+			
+			if( !( _config.series && _config.series.length ) ) return;
+			
+			_config.c.partSpace = 0; 
+			_config.c.partWidth = 
+				_config.c.itemWidth / _config.displaySeries.length;
+			
+			if( _config.displaySeries.length > 1 ){				
+				_config.c.partSpace = 4; 
+				_config.c.partWidth = ( _config.c.itemWidth - ( _config.displaySeries.length - 1 ) * _config.c.partSpace
+					) / _config.displaySeries.length;
+			}
+			
+			var _partWidth:Number = ( _config.c.hpart * 3 / 4 );
+			_partWidth > 50 && ( _partWidth = 50 );
+			
+//			Log.printObject( _config.c.itemMax( 1 ) );
+			
+			/* 处理柱状体 */
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+				
+				var _items:Array = []
+					, _pointItem:Object = _config.c.hlinePoint[ _k ]
+					, _sp:Point = _pointItem.start as Point
+					, _ep:Point = _pointItem.end as Point
+					, _y:Number = _sp.y + ( _config.c.hpart - _partWidth ) / 2  //_config.c.hpart * 1 / 8
+					, _tmpDataRect:Object = {
+						x: _sp.y, y: _sp.y
+						, width: 0
+						, height:  _config.c.itemHeight * 2
+					}
+					, _tmpYAr:Array = []
+					, _tmpHAr:Array = []
+					, _tmpChartHeightAr:Array = [];
+					
+				Common.each( _item.data, function( _sk:int, _sitem:Number ):void{
+					var _rectItem:Object = {}
+						, _num:Number = _sitem
+						, _itemNum:Number
+						, _h:Number
+						, _nx:Number = _config.c.chartX + _config.c.vpart * ( _config.rate.length - 1 - _config.rateZeroIndex )
+						, _maxNum:Number = _config.chartMaxNum;
+						
+						
+						if( _sk == 0 ){
+							_tmpChartHeightAr[ _k ] = _nx;
+						}
+						
+						if( _config.isAutoRate && !_config.hasNegative ){
+							_num -= _config.minNum;
+							_maxNum -= _config.minNum;
+						}
+						
+						if( _config.isItemPercent && _config.displaySeries.length > 1 ){
+							_h = _config.c.vpart * _config.rateZeroIndex;
+							_h = ( _num / _config.itemMax( _k ) || 0 ) * _h;
+						} else {
+							if( Common.isNegative( _num ) || _num == 0 ){/* 负数或0 */
+								_num = Math.abs( _num );
+								if( _num == 0 ){
+									_h = 0;
+								} else {
+									_h = ( ( _config.rate.length - 1 ) - _config.rateZeroIndex )
+									* _config.c.vpart;
+									_h = ( _num / Math.abs( _config.finalMaxNum * 
+										_config.rate[ _config.rate.length - 1 ] ) ) * _h;
+								}
+								_nx -= _h;
+								_rectItem.isNegative = true;
+							} else {
+								_h = ( _num / _config.chartMaxNum || 1 ) * 
+									_config.c.vpart * _config.rateZeroIndex;
+							}
+						}
+						
+						_h = _h || 1;
+						_partWidth = _partWidth || 1;
+						
+						_rectItem.y = _y;
+						_rectItem.x = _tmpChartHeightAr[ _k ];//_nx - 1;
+						_tmpChartHeightAr[ _k ] += _h;
+						_rectItem.width = _h;
+						_rectItem.height = _partWidth;
+						_rectItem.value = _sitem;
+						
+						_tmpYAr.push( _nx );
+						_tmpHAr.push( _h );
+						
+						_items.push( _rectItem );
+						
+						_tmpDataRect.width += _h;
+				});
+				
+				_tmpDataRect.y = Math.min.apply( null, _tmpYAr );
+//				_tmpDataRect.width = Math.max.apply( null, _tmpHAr );
+				_tmpDataRect.initType = 'VHistogram';
+				
+				if( _config.hoverBgEnabled ){
+					_tmpDataRect.y -= _config.c.hoverPadY;
+					_tmpDataRect.width += _config.c.hoverPadY;
+					_tmpDataRect.height = _config.c.hpart;
+				}
+				
+				if( _config.serialLabelEnabled ){
+//					_tmpDataRect.y -= _config.c.serialLabelPadY;
+					//_tmpDataRect.height += _config.c.serialLabelPadX
+				}
+				
+				_config.c.rects.push( _items );
+				_config.c.dataRect.push( _tmpDataRect );
+			});
+		}
+		
+		private function calcChartPoint():void{
+			facade.registerMediator( new VHistogramBgLineMediator() );
+			
+			calcChartVPoint();
+			calcChartHPoint();
+		}
+		
+		/* 处理柱状图粒度 */
+		private function calcChartVPoint():void{
+			var _partN:Number = _config.c.chartWidth / ( _config.rate.length -1 )
+				;
+			
+			_config.c.vpart = _partN;
+			_config.c.itemWidth = _partN / 2;
+			_config.c.vpoint = [];
+			_config.c.vpointReal = [];
+			
+			
+			var _startX:Number;
+			
+			Common.each( _config.rate, function( _k:int, _item:* ):void{
+				_startX = _config.c.chartX + _config.c.chartWidth - _partN * _k;
+					
+				_config.c.vpoint.push( {
+					start: new Point( _startX, _config.c.chartY )
+					, end: new Point( _startX, _config.c.chartY + _config.c.chartHeight )
+				});
+				
+				_config.c.vpointReal.push( {
+					start: new Point( _startX, _config.c.chartY )
+					, end: new Point( _startX, _config.c.chartY + _config.c.chartHeight )
+				});
+			});
+		}
+		
+		/* 处理柱状图分组 */
+		private function calcChartHPoint():void{
+			if( !_config.yAxisEnabled ){
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+			}
+			
+			var _partN:Number = _config.c.chartHeight / ( _config.displaySeries.length || 1 );
+			
+			_config.c.hpart = _partN;
+			_config.c.hpoint = [];
+			_config.c.hlinePoint = [];
+			_config.c.hpointReal = [];
+			_config.c.itemHeightRate = 2;
+			_config.c.itemHeight = _partN / _config.c.itemHeightRate;
+			
+			Common.each( _config.displaySeries, function( _k:int, _item:* ):void{
+				var _topY:Number = _config.c.chartY + _partN * _k
+					, _bottomY:Number = _topY + _partN;
+					
+				if( _k === 0 ){
+					_config.c.hlinePoint.push( {
+						start: new Point( _config.c.chartX, _topY )
+						, end: new Point( _config.c.chartX + _config.c.chartHeight, _topY )
+					});					
+				}
+								
+				_config.c.hlinePoint.push( {
+					start: new Point( _config.c.chartX, _bottomY )
+					, end: new Point( _config.c.chartX + _config.c.chartHeight, _bottomY )
+				});
+				
+				_config.c.hpoint.push( {
+					start: new Point( _config.c.chartX, _bottomY - _partN / 2 )
+					, end: new Point( _config.c.chartX, _bottomY - _partN / 2 )
+				});
+				
+				_config.c.hpointReal.push( {
+					start: new Point( _config.c.chartX, _topY )
+					, end: new Point( _config.c.chartX + _config.c.chartHeight, _topY )
+				});
+			});
+		}
+		
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
+		}
+		
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
+		}
+		
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
+		}
+		
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function corner():uint{
+			return 20;
+		}
+	}
+}
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/ClearCmd.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/ClearCmd.as
new file mode 100644
index 0000000..bd15eca
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/ClearCmd.as
@@ -0,0 +1,58 @@
+package org.xas.jchart.vzhistogram.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
+	import org.xas.jchart.vzhistogram.view.mediator.*;
+	
+	public class ClearCmd extends SimpleCommand implements ICommand
+	{
+		public function ClearCmd()
+		{
+			super();
+		}	
+		
+		override public function execute( notification:INotification ):void{
+			
+			//Log.log( 'ClearCmd' );
+			
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
+			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
+			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/DrawCmd.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/DrawCmd.as
new file mode 100644
index 0000000..575361b
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/DrawCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.vzhistogram.controller
+{
+	import flash.net.registerClassAlias;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class DrawCmd extends SimpleCommand implements ICommand
+	{
+		public function DrawCmd()
+		{
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			//Log.log( 'DRAW cmd' );
+			sendNotification( JChartEvent.CLEAR );
+			facade.registerMediator( new MainMediator() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/FilterDataCmd.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/FilterDataCmd.as
new file mode 100644
index 0000000..2d0dce9
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/controller/FilterDataCmd.as
@@ -0,0 +1,12 @@
+package org.xas.jchart.vzhistogram.controller
+{
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
+	
+	public class FilterDataCmd extends LegendUpdateCmd
+	{
+		public function FilterDataCmd()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/components/GraphicView.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/components/GraphicView.as
new file mode 100644
index 0000000..4a0dfb5
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/components/GraphicView.as
@@ -0,0 +1,163 @@
+package org.xas.jchart.vzhistogram.view.components
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	import com.greensock.easing.Linear;
+	
+	import flash.display.Graphics;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.geom.Rectangle;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.VHistogramUI;
+	import org.xas.jchart.common.ui.ZHistogramUI;
+	import org.xas.jchart.common.ui.widget.DSprite;
+	import org.xas.jchart.common.ui.widget.JLine;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class GraphicView extends Sprite
+	{	
+		private var _boxs:Vector.<Sprite>;
+		private var _preIndex:int = -1;
+		
+		public function GraphicView()
+		{
+			super(); 
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.UPDATE, update );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		private function addToStage( _evt:Event ):void{
+		}
+
+		private function update( _evt:JChartEvent ):void{
+			
+			graphics.clear();
+			
+			if( !( BaseConfig.ins.c && BaseConfig.ins.c.rects ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			var _delay:Number = 0
+				, animateEnable:Boolean = BaseConfig.ins.animationEnabled;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
+			Common.each( BaseConfig.ins.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				var _totalHeight:Number = 0;
+				var _totalWidth:Number = 0;
+				var _startX:Number = 0;
+				var _startY:Number = 0;
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+					
+					if( _sk == 0 ) {
+						_startX = _sitem.x;
+						_startY = _sitem.y;
+						_totalHeight = _sitem.height;
+					}
+					_totalWidth += _sitem.width;
+					
+					var _color:uint = BaseConfig.ins.itemColor( _sk );
+					if( _sitem.value == BaseConfig.ins.maxValue ){
+						if( 'style' in BaseConfig.ins.maxItemParams && 'color' in BaseConfig.ins.maxItemParams.style ){
+							_color = BaseConfig.ins.maxItemParams.style.color;
+						}
+					}
+					
+					var _item:VHistogramUI = new VHistogramUI(
+						_sitem.x, _sitem.y
+						, _sitem.width, _sitem.height
+						, _color
+						, { animationEnabled: false }
+					);
+					_item.mouseEnabled = false;
+					_box.addChild( _item );
+				});
+				
+				_boxs.push( _box );
+				
+				if( animateEnable ){
+					_totalWidth += 1;
+					var _mask:DSprite = new DSprite( { count: 0 } );
+
+					_mask.x = _startX;
+					_mask.y = _startY;
+					
+					_box.mask = _mask;
+					addChild( _mask );
+					_mask.count = 0;
+					
+					
+					TweenLite.delayedCall( _delay, function():void{
+						TweenLite.to( _mask, BaseConfig.ins.animationDuration, { count: _totalWidth
+							, ease:Circ.easeInOut
+							, onUpdate: function():void{
+									
+								_mask.graphic
+								_mask.graphics.beginFill( 0xff0000 );
+								_mask.graphics.drawRect( 
+									0, 0
+									, _mask.count
+									, _totalHeight
+								);
+								
+								if( _mask.count == _totalWidth ){
+									_mask.parent && _mask.parent.removeChild( _mask );
+								}
+							}
+						} );
+					} );
+				}
+				
+				addChild( _box );
+			});
+		}
+		
+		private function showTips( _evt: JChartEvent ):void{
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void{
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int;
+			
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].alpha = 1;
+			}
+			
+			_boxs[ _ix ].alpha = .65;
+			_preIndex = _ix;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/mediator/GraphicMediator.as b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/mediator/GraphicMediator.as
new file mode 100644
index 0000000..50e912c
--- /dev/null
+++ b/flash/source/chart/VZHistogram/0.1/src/org/xas/jchart/vzhistogram/view/mediator/GraphicMediator.as
@@ -0,0 +1,70 @@
+package org.xas.jchart.vzhistogram.view.mediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.vzhistogram.view.components.GraphicView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class GraphicMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PChartMediator';
+		private var _view:GraphicView;
+		public function get view():GraphicView{ return _view; }
+		
+		public function GraphicMediator()
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new GraphicView() );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/chart/ZHistogram/0.1/.actionScriptProperties b/flash/source/chart/ZHistogram/0.1/.actionScriptProperties
index 94694f5..38bf17f 100644
--- a/flash/source/chart/ZHistogram/0.1/.actionScriptProperties
+++ b/flash/source/chart/ZHistogram/0.1/.actionScriptProperties
@@ -37,3 +37,7 @@
   <buildCSSFiles/>
 </actionScriptProperties>
 
+
+
+
+
diff --git a/flash/source/chart/ZHistogram/0.1/src/Config.as b/flash/source/chart/ZHistogram/0.1/src/Config.as
index cb79c13..ca89520 100644
--- a/flash/source/chart/ZHistogram/0.1/src/Config.as
+++ b/flash/source/chart/ZHistogram/0.1/src/Config.as
@@ -11,8 +11,11 @@ package
 		public function Config()
 		{
 			super();
-		}
+		}	
 		
+		override public function get chartName():String{ return 'ZHistogram'; }
+		override public function get chartUrl():String{ return 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/_demo/column/'; }
+				
 		protected var _totalArray:Array = new Array();
 		public function get totalArray():Array{ return _totalArray; }
 		
@@ -43,5 +46,76 @@ package
 			return _max;
 		}
 		
+		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
+			_data = _data || chartData;
+			if( !( _data && _data.series && _data.series.length ) ) return this;
+			_displaySeries = JSON.parse( JSON.stringify( _data.series ) ) as Array;
+			_displaySeriesIndexMap = null;
+			_displayLegend = [];
+			if( _filter ){
+				var _tmp:Array = [], _count:int = 0;
+				_displaySeriesIndexMap = {};
+				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+					var _tmpData:Array = [];
+					Common.each( _item.data, function( _sk:int, _sitem:Number ):void{
+						if( !(_sk in _filter) ){
+							_tmpData.push( _sitem );	
+							_displaySeriesIndexMap[ _count++ ] = _sk;
+							
+							if( _k === 0 ){
+								_displayLegend.push( { sk: _sk } );
+							}
+						}
+					});
+					_item.data = _tmpData;
+					/*
+					if( !(_k in _filter) ){
+						_tmp.push( _item );	
+					}
+					*/
+				});
+				//_displaySeries = _tmp;
+			}else{
+				if( displaySeries.length ){
+					Common.each( displaySeries[0].data, function( _sk:int, _sitem:Number ):void{
+						_displayLegend.push( { sk: _sk } );
+					});
+				}
+			}
+			_filterData = _filter || {};
+			
+			return this;
+		}
+				
+		override public function itemColor( _ix:uint, _fixColorIndex:Boolean = true ):uint{
+			var _r:uint = 0, _colors:Array = colors;
+			
+			if( _fixColorIndex && displaySeriesIndexMap && ( _ix in displaySeriesIndexMap ) ){
+				//Log.log( 'find', _ix, filterData[ _ix ] );
+				//_ix = _filterData[ _ix ];
+				_ix = displaySeriesIndexMap[ _ix ];
+			}
+			
+			_r = _colors[ _ix % ( _colors.length ) ];			
+			return _r;
+		}
+		
+		
+		override public function get yAxisEnabled():Boolean{
+			var _r:Boolean = super.yAxisEnabled;
+			
+			!displayLegend.length && ( _r = false );
+			
+			return _r;
+		}		
+		
+		override public function get xAxisEnabled():Boolean{
+			var _r:Boolean = super.xAxisEnabled;
+			
+			!displayLegend.length && ( _r = false );
+			
+			return _r;
+		}
+		
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/ZHistogram/0.1/src/ZHistogram.as b/flash/source/chart/ZHistogram/0.1/src/ZHistogram.as
index 50c82d0..551e413 100644
--- a/flash/source/chart/ZHistogram/0.1/src/ZHistogram.as
+++ b/flash/source/chart/ZHistogram/0.1/src/ZHistogram.as
@@ -17,10 +17,11 @@ package
 	import org.xas.core.ui.error.BaseError;
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.Common; 
 	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.ZHistogramData;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.zhistogram.MainFacade;
+	import org.xas.jchart.zhistogram.MainFacade;   
 	      
 	     
 	//[SWF(frameRate="30", width="790", height="230")]
@@ -28,9 +29,9 @@ package
 	//[SWF(frameRate="30", width="600", height="425")]
 	//[SWF(frameRate="30", width="590", height="360")]
 	//[SWF(frameRate="30", width="1400", height="460")]
-	[SWF(frameRate="30", width="1200", height="600")]
+	[SWF(frameRate="30", width="800", height="600")]
 	public class ZHistogram extends Sprite 
-	{ 
+	{  
 		private var _inited: Boolean = false;
 		private var _timer:Timer;
 		private var _data:Object;  
@@ -71,7 +72,11 @@ package
 			runData();
 
 			if( ExternalInterface.available ){
+				try{
 				ExternalInterface.addCallback( 'update', extenalUpdate );
+				
+				ExternalInterface.addCallback( 'legendUpdate', legendUpdate );
+				}catch( ex:Error ){}
 			}
 		}
 		
@@ -82,6 +87,10 @@ package
 			_facade.sendNotification( JChartEvent.DRAW );
 		}
 		
+		private function legendUpdate( _data:Object ):void{
+			_facade.sendNotification( JChartEvent.FILTER_DATA, _data );
+		}
+		
 		public function update( _data:Object, _x:int = 0, _y:int = 0 ):void{			
 			if( !_inited ){
 				_ins._data = _data;
@@ -110,7 +119,7 @@ package
 			if( _inited ){
 				_timer && _timer.stop();
 				update( _ins._data );
-			}
+			} 
 		}
 		
 		private function onAddedToStage($evt:Event):void
@@ -153,7 +162,9 @@ package
 			var _data:Object = {};
 			
 			if( !ExternalInterface.available ){
-				_data = DefaultData.instance.data[41];
+				
+				if( !ZHistogramData.instance.data.length ) return;
+				_data = ZHistogramData.instance.data[ 0 ];
 			}else{
 				_loaderInfo = LoaderInfo(this.root.stage.loaderInfo).parameters||{};	
 				
diff --git a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/CalcCoordinateCmd.as b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/CalcCoordinateCmd.as
index 966d1bb..04d4c03 100644
--- a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/CalcCoordinateCmd.as
+++ b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/CalcCoordinateCmd.as
@@ -11,8 +11,29 @@ package org.xas.jchart.zhistogram.controller
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.test.DefaultData;
+	import org.xas.jchart.common.data.test.ZHistogramData;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LegendProxy;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.StackBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.ZHistogramGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.ZHistogramHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.ZHistogramHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.StackItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.ZLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.ZHistogramSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.ZHistogramTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.StackVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.zhistogram.view.mediator.*;
 	
 	public class CalcCoordinateCmd extends SimpleCommand implements ICommand
@@ -34,90 +55,98 @@ package org.xas.jchart.zhistogram.controller
 			_c.corner = corner();
 			
 			_c.minX = _c.x + _config.vlabelSpace + 2;
-			_c.minY = _c.y + 5;
-			_c.maxX = _c.x + _config.stageWidth - 5;
-			_c.maxY = _c.y + _config.stageHeight - 5;
+			_c.minY = _c.y + _config.vspace * 2;
+			_c.maxX = _c.x + _config.stageWidth -_config.vspace;
+			_c.maxY = _c.y + _config.stageHeight - _config.vspace;
 						
-			facade.registerMediator( new BgMediator( ) );
+			facade.registerMediator( new BaseBgMediator( ) );
 			var _yPad:Number = _c.minY;
 			
-			if( _config.cd ){
+			if( _config.cd ){ 
 				
-				if( _config.cd.title && _config.cd.title.text ){
-					facade.registerMediator( new TitleMediator( _config.cd.title.text ) )	
+				if( _config.titleEnable ){
+					facade.registerMediator( new BaseTitleMediator( _config.titleText ) )	
 					_config.c.title = { x: _config.stageWidth / 2, y: _c.minY, item: pTitleMediator };
 					_config.c.minY += pTitleMediator.view.height;			
 				}
 				
-				if( _config.cd.subtitle && _config.cd.subtitle.text ){
-					facade.registerMediator( new SubtitleMediator( _config.cd.subtitle.text ) )
+				if( _config.subtitleEnable ){
+					facade.registerMediator( new BaseSubtitleMediator( _config.subtitleText ) )
 					
 					_config.c.subtitle = { x: _config.stageWidth / 2, y: _c.minY, item: pSubtitleMediator };
-					_config.c.minY += pSubtitleMediator.view.height + 5;
+					_config.c.minY += pSubtitleMediator.view.height + _config.vspace;
 				}
 				
-				if( _config.cd.yAxis && _config.cd.yAxis.title && _config.cd.yAxis.title.text ){
-					facade.registerMediator( new VTitleMediator( _config.cd.yAxis.title.text ) )
+				if( _config.legendEnabled ){
+					
+					facade.registerProxy( new LegendProxy() );
+					facade.registerMediator( new ZLegendMediator() );
+					
+					pLegendProxy.dataModel.calLegendPosition( pLegendMediator.view );
+				}
+				
+				if( _config.vtitleEnabled ){
+					facade.registerMediator( new BaseVTitleMediator( _config.vtitleText ) )
 					
 					_config.c.vtitle = { x: _config.c.minX, y: _config.c.x + _config.c.height / 2, item: pVTitleMediator };
 					_config.c.minX += pVTitleMediator.view.width - _config.vlabelSpace;
 				}
 				
 				if( _config.cd.credits && _config.cd.credits.enabled && ( _config.cd.credits.text || _config.cd.credits.href ) ){
-					facade.registerMediator( new CreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
+					facade.registerMediator( new BaseCreditMediator( _config.cd.credits.text, _config.cd.credits.href ) )
 					
 					_config.c.credits = { x: _config.c.maxX, y: _config.c.maxY, item: pCreditMediator };
 					_config.c.maxY -= pCreditMediator.view.height;
 				}	
 				
-				if( _config.legendEnabled ){
-					facade.registerMediator( new LegendMediator() );
-					_config.c.maxY -= pLegendMediator.view.height;
-					_config.c.legend = { 
-						x: _config.width / 2 - pLegendMediator.view.width / 2
-						, y: _config.c.maxY
-					};
-					_config.c.maxY -= 2;
-				}
-				
-				_config.c.maxX -= 5;
+//				_config.c.maxX -= _config.hspace;
 				
 				if( _config.yAxisEnabled ){
-					facade.registerMediator( new VLabelMediator() );
+					facade.registerMediator( new StackVLabelMediator() );
 					_config.c.minX += pVLabelMediator.maxWidth;
+					_config.c.minX += _config.yArrowLength;
 				}
+//				Log.log( _config.displayLegend.length );
 
 				_config.c.hoverPadY = 10;
 				if( _config.hoverBgEnabled ){
-					facade.registerMediator( new HoverBgMediator() );
+					facade.registerMediator( new ZHistogramHoverBgMediator() );
 					_config.c.minY += _config.c.hoverPadY;
 					_yPad += _config.c.hoverPadY;
 				}
 				
 				if( _config.itemBgEnabled ){
-					facade.registerMediator( new ItemBgMediator() );
+					facade.registerMediator( new StackItemBgMediator() );
 				}
 				
 				_config.c.serialLabelPadY = 15;
 				if( _config.serialLabelEnabled ){
-					facade.registerMediator( new SerialLabelMediator() );
-					_config.c.minY += _config.c.serialLabelPadY;
-					_yPad += _config.c.serialLabelPadY;
+					facade.registerMediator( new ZHistogramSeriesLabelMediator() );
+//					_config.c.minY += _config.c.serialLabelPadY;
+//					_yPad += _config.c.serialLabelPadY;
 				}
 				
-				_config.c.arrowLength = 8;
-				
-				if( _config.yAxisEnabled ){
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX - 5;
-				}else{
-					_config.c.chartWidth = _config.c.maxX - _config.c.minX;
-				}
+				_config.c.vlabelMaxWidth = pVLabelMediator ? pVLabelMediator.maxWidth : 0;
 				
 				if( _config.displaySeries && _config.displaySeries.length ){//_config.categories && _config.categories.length
 					_config.c.labelWidth = _config.c.chartWidth / ( _config.displaySeries.length ) / 2
 				}
-				facade.registerMediator( new HLabelMediator() );
-				_config.c.maxY -= pHLabelMediator.maxHeight;
+				
+				if( _config.xAxisEnabled ){
+					facade.registerMediator( new ZHistogramHLabelMediator() );
+					
+					_config.c.maxY -= pHLabelMediator.maxHeight;
+					
+					var _tmpMaxWidth:Number = pHLabelMediator.maxWidth;
+//					Log.log( 'CalcCoor:', _tmpMaxWidth );
+					if( _tmpMaxWidth < 0 ){
+						_config.c.minX += Math.abs( _tmpMaxWidth );
+					} else {
+						_config.c.maxX -= _tmpMaxWidth;
+					}
+				}
+				
+				_config.c.chartWidth = _config.c.maxX - _config.c.minX - _config.hspace;
 			
 				if( _config.graphicHeight ){
 					var _hpad:Number = _config.c.maxY - _config.graphicHeight;
@@ -136,24 +165,28 @@ package org.xas.jchart.zhistogram.controller
 				}
 							
 				
-				_config.c.chartX = _config.c.minX + _config.c.arrowLength - 2;
+				_config.c.chartX = _config.c.minX + _config.yArrowLength - 2;
 				_config.c.chartY = _config.c.minY;
 				
-				facade.registerMediator( new GraphicBgMediator() );	
-				_config.tooltipEnabled && facade.registerMediator( new TipsMediator() );
+				sendNotification( JChartEvent.DISPLAY_ALL_CHECK );
 				
-				calcChartPoint();
+				facade.registerMediator( new ZHistogramGraphicBgMediator() );	
+				_config.tooltipEnabled && facade.registerMediator( new ZHistogramTipsMediator() );
 				
+//				Log.log( _config.c.chartWidth );
+				calcChartPoint();
+			
 				calcGraphic();
 				
 				_config.c.totalArray = _config.totalArray;
 				
 				if( !ExternalInterface.available ){
-					facade.registerMediator( new TestMediator( DefaultData.instance.data ) );	
+					facade.registerMediator( new BaseTestMediator( ZHistogramData.instance.data ) );	
 				}
 			}
 									
-			sendNotification( JChartEvent.SHOW_CHART );			
+			sendNotification( JChartEvent.SHOW_CHART );		
+//			Log.log( _config.c.chartWidth );	
 		}
 		
 		private function calcGraphic():void{			
@@ -165,13 +198,15 @@ package org.xas.jchart.zhistogram.controller
 			if( !( _config.series && _config.series.length ) ) return;
 			
 			_config.c.partSpace = 0; 
-			_config.c.partWidth =  _config.c.itemWidth / _config.displaySeries.length;
+			_config.c.partWidth =  _config.c.itemWidth;
 			
 			if( _config.displaySeries.length > 1 ){				
 				_config.c.partSpace = 4; 
+				/*
 				_config.c.partWidth = ( _config.c.itemWidth - 
 					( _config.displaySeries.length - 1 ) * _config.c.partSpace )
 					/ _config.displaySeries.length;
+				*/
 			}
 			
 			var _partWidth:Number = _config.c.partWidth;
@@ -188,7 +223,7 @@ package org.xas.jchart.zhistogram.controller
 					, _tmpDataRect:Object = {
 						x: _sp.x, y: _sp.y
 						, width: _config.c.itemWidth * 2
-						, height: _ep.y - _sp.y 
+						, height: 0
 					}
 					, _tmpYAr:Array = []
 					, _tmpHAr:Array = []
@@ -227,6 +262,7 @@ package org.xas.jchart.zhistogram.controller
 						_rectItem.width = _partWidth;
 						_rectItem.height = _h;
 						_rectItem.value = _sitem;
+						_rectItem.isNegative = Common.isNegative( _num );
 						
 						_baseY -= _h;
 						
@@ -234,10 +270,12 @@ package org.xas.jchart.zhistogram.controller
 						_tmpHAr.push( _h );
 						
 						_items.push( _rectItem );
+						
+						_tmpDataRect.height += _h;
 				});
 				
 				_tmpDataRect.y = Math.min.apply( null, _tmpYAr );
-				_tmpDataRect.height = Math.max.apply( null, _tmpHAr );
+//				_tmpDataRect.height = Math.max.apply( null, _tmpHAr );
 				
 				if( _config.hoverBgEnabled ){
 					_tmpDataRect.y -= _config.c.hoverPadY;
@@ -245,17 +283,17 @@ package org.xas.jchart.zhistogram.controller
 				}
 				
 				if( _config.serialLabelEnabled ){
-					_tmpDataRect.y -= _config.c.serialLabelPadY;
-					_tmpDataRect.height += _config.c.serialLabelPadY
+//					_tmpDataRect.y -= _config.c.serialLabelPadY;
+//					_tmpDataRect.height += _config.c.serialLabelPadY
 				}
 				
 				_config.c.rects.push( _items );
 				_config.c.dataRect.push( _tmpDataRect );
 			});
 		}
-		
+		 
 		private function calcChartPoint():void{
-			facade.registerMediator( new BgLineMediator() );
+			facade.registerMediator( new StackBgLineMediator() );
 			
 			calcChartVPoint();
 			calcChartHPoint();
@@ -263,39 +301,32 @@ package org.xas.jchart.zhistogram.controller
 		
 		private function calcChartVPoint():void{
 			var _partN:Number = _config.c.chartHeight / ( _config.rate.length -1 )
-				, _sideLen:Number = _config.c.arrowLength
 				;
 			_config.c.vpart = _partN;
 			_config.c.itemHeight = _partN / 2;
 			_config.c.vpoint = [];
 			_config.c.vpointReal = [];
 			
-			
-			var _padX:Number = 0;
-			if( !_config.yAxisEnabled ){
-			}
-			
 			Common.each( _config.rate, function( _k:int, _item:* ):void{
-				var _n:Number = _config.c.minY + _partN * _k, _sideLen:int = _config.c.arrowLength;
+				var _n:Number = _config.c.chartY + _partN * _k;
 				_config.c.vpoint.push( {
-					start: new Point( _config.c.minX + _padX, _n )
-					, end: new Point( _config.c.maxX + _padX, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +  _config.c.chartWidth , _n )
 				});
 				
 				_config.c.vpointReal.push( {
-					start: new Point( _config.c.minX + _sideLen, _n )
-					, end: new Point( _config.c.maxX + _sideLen, _n )
+					start: new Point( _config.c.chartX, _n )
+					, end: new Point( _config.c.chartX +  _config.c.chartWidth , _n )
 				});
 			});
 		}
 		
 		private function calcChartHPoint():void{
 			if( !_config.yAxisEnabled ){
-				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
+//				_config.c.chartWidth -= ( _config.vlabelSpace + 2 );
 			}
-			var _partN:Number = _config.c.chartWidth / ( _config.displaySeries.length )//_config.categories.length
-				, _sideLen:Number = _config.c.arrowLength
-				;
+			
+			var _partN:Number = _config.c.chartWidth / ( _config.displaySeries.length || 1 );
 			
 			_config.c.hpart = _partN;
 			_config.c.hpoint = [];
@@ -305,68 +336,71 @@ package org.xas.jchart.zhistogram.controller
 			_config.c.itemWidth = _partN / _config.c.itemWidthRate;
 						
 			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
-				var _n:Number = _config.c.minX + _partN * _k + 5, _sideLen:int = _config.c.arrowLength;
+				var _n:Number = _config.c.chartX + _partN * _k ;
 				
 				if( _k === 0 ){					
 					_config.c.hlinePoint.push( {
-						start: new Point( _n, _config.c.minY )
-						, end: new Point( _n, _config.c.maxY + 1 )
-					});					
+						start: new Point( _n, _config.c.chartY )
+						, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
+					});
 				}
 								
 				_config.c.hlinePoint.push( {
-					start: new Point( _n + _partN, _config.c.minY )
-					, end: new Point( _n + _partN, _config.c.maxY + 1 )
+					start: new Point( _n + _partN, _config.c.chartY )
+					, end: new Point( _n + _partN, _config.c.chartY + _config.c.chartHeight )
 				});
 				
 				_config.c.hpoint.push( {
-					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.maxY )
-					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.maxY + _sideLen )
+					start: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight )
+					, end: new Point( _n + _partN / _config.c.itemWidthRate, _config.c.chartY + _config.c.chartHeight  )
 				});
 				
 				_config.c.hpointReal.push( {
-					start: new Point( _n, _config.c.minY )
-					, end: new Point( _n, _config.c.maxY )
+					start: new Point( _n, _config.c.chartY )
+					, end: new Point( _n, _config.c.chartY + _config.c.chartHeight )
 				});
 			});
 		}
 		
-		private function get pLegendMediator():LegendMediator{
-			return facade.retrieveMediator( LegendMediator.name ) as LegendMediator;
+		private function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
 		}
 		
-		private function get pSerialLabelMediator():SerialLabelMediator{
-			return facade.retrieveMediator( SerialLabelMediator.name ) as SerialLabelMediator;
+		private function get pSerialLabelMediator():BaseSeriesLabelMediator{
+			return facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
 		}
 		
-		private function get pHLabelMediator():HLabelMediator{
-			return facade.retrieveMediator( HLabelMediator.name ) as HLabelMediator;
+		private function get pHLabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
 		}
 		
-		private function get pVLabelMediator():VLabelMediator{
-			return facade.retrieveMediator( VLabelMediator.name ) as VLabelMediator;
+		private function get pVLabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
 		}
 		
-		private function get pCreditMediator():CreditMediator{
-			return facade.retrieveMediator( CreditMediator.name ) as CreditMediator;
+		private function get pCreditMediator():BaseCreditMediator{
+			return facade.retrieveMediator( BaseCreditMediator.name ) as BaseCreditMediator;
 		}
 		
-		private function get pVTitleMediator():VTitleMediator{
-			return facade.retrieveMediator( VTitleMediator.name ) as VTitleMediator;
+		private function get pVTitleMediator():BaseVTitleMediator{
+			return facade.retrieveMediator( BaseVTitleMediator.name ) as BaseVTitleMediator;
 		}
 		
-		private function get pSubtitleMediator():SubtitleMediator{
-			return facade.retrieveMediator( SubtitleMediator.name ) as SubtitleMediator;
+		private function get pSubtitleMediator():BaseSubtitleMediator{
+			return facade.retrieveMediator( BaseSubtitleMediator.name ) as BaseSubtitleMediator;
 		}
 		
-		private function get pTitleMediator():TitleMediator{
-			return facade.retrieveMediator( TitleMediator.name ) as TitleMediator;
+		private function get pTitleMediator():BaseTitleMediator{
+			return facade.retrieveMediator( BaseTitleMediator.name ) as BaseTitleMediator;
 		}
 		
-		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
+
+		private function get pLegendProxy():LegendProxy{
+			return facade.retrieveProxy( LegendProxy.name ) as LegendProxy;
+		}
 		
 		private function corner():uint{
 			return 20;
diff --git a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/ClearCmd.as b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/ClearCmd.as
index 64464cd..695ac6f 100644
--- a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/ClearCmd.as
+++ b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/ClearCmd.as
@@ -7,6 +7,21 @@ package org.xas.jchart.zhistogram.controller
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.mediator.*;
+	import org.xas.jchart.common.view.mediator.BgLineMediator.BaseBgLineMediator;
+	import org.xas.jchart.common.view.mediator.BgMediator.BaseBgMediator;
+	import org.xas.jchart.common.view.mediator.CreditMediator.BaseCreditMediator;
+	import org.xas.jchart.common.view.mediator.GraphicBgMediator.BaseGraphicBgMediator;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.HoverBgMediator.BaseHoverBgMediator;
+	import org.xas.jchart.common.view.mediator.ItemBgMediator.BaseItemBgMediator;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
+	import org.xas.jchart.common.view.mediator.SubtitleMediator.BaseSubtitleMediator;
+	import org.xas.jchart.common.view.mediator.TestMediator.BaseTestMediator;
+	import org.xas.jchart.common.view.mediator.TipsMediator.BaseTipsMediator;
+	import org.xas.jchart.common.view.mediator.TitleMediator.BaseTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	import org.xas.jchart.common.view.mediator.VTitleMediator.BaseVTitleMediator;
 	import org.xas.jchart.zhistogram.view.mediator.*;
 	
 	public class ClearCmd extends SimpleCommand implements ICommand
@@ -20,23 +35,24 @@ package org.xas.jchart.zhistogram.controller
 			
 			//Log.log( 'ClearCmd' );
 			
-			facade.hasMediator( BgMediator.name ) && facade.removeMediator( BgMediator.name );
-			facade.hasMediator( TitleMediator.name ) && facade.removeMediator( TitleMediator.name );
-			facade.hasMediator( SubtitleMediator.name ) && facade.removeMediator( SubtitleMediator.name );
-			facade.hasMediator( VTitleMediator.name ) && facade.removeMediator( VTitleMediator.name );
-			facade.hasMediator( CreditMediator.name ) && facade.removeMediator( CreditMediator.name );
-			facade.hasMediator( VLabelMediator.name ) && facade.removeMediator( VLabelMediator.name );
-			facade.hasMediator( HLabelMediator.name ) && facade.removeMediator( HLabelMediator.name );
+			facade.hasMediator( BaseBgMediator.name ) && facade.removeMediator( BaseBgMediator.name );
+			facade.hasMediator( BaseVLabelMediator.name ) && facade.removeMediator( BaseVLabelMediator.name );
+			facade.hasMediator( BaseHLabelMediator.name ) && facade.removeMediator( BaseHLabelMediator.name );
+			facade.hasMediator( BaseGraphicBgMediator.name ) && facade.removeMediator( BaseGraphicBgMediator.name );
+			facade.hasMediator( BaseBgLineMediator.name ) && facade.removeMediator( BaseBgLineMediator.name );
+			facade.hasMediator( BaseLegendMediator.name ) && facade.removeMediator( BaseLegendMediator.name );
+			facade.hasMediator( BaseTipsMediator.name ) && facade.removeMediator( BaseTipsMediator.name );
+			facade.hasMediator( BaseSeriesLabelMediator.name ) && facade.removeMediator( BaseSeriesLabelMediator.name );
+			facade.hasMediator( BaseHoverBgMediator.name ) && facade.removeMediator( BaseHoverBgMediator.name );	
+			facade.hasMediator( BaseItemBgMediator.name ) && facade.removeMediator( BaseItemBgMediator.name );	
+			
+			facade.hasMediator( BaseTitleMediator.name ) && facade.removeMediator( BaseTitleMediator.name );
+			facade.hasMediator( BaseSubtitleMediator.name ) && facade.removeMediator( BaseSubtitleMediator.name );
+			facade.hasMediator( BaseVTitleMediator.name ) && facade.removeMediator( BaseVTitleMediator.name );
+			facade.hasMediator( BaseCreditMediator.name ) && facade.removeMediator( BaseCreditMediator.name );
 			facade.hasMediator( GraphicMediator.name ) && facade.removeMediator( GraphicMediator.name );
-			facade.hasMediator( GraphicBgMediator.name ) && facade.removeMediator( GraphicBgMediator.name );
 			facade.hasMediator( MainMediator.name ) && facade.removeMediator( MainMediator.name );
-			facade.hasMediator( BgLineMediator.name ) && facade.removeMediator( BgLineMediator.name );
-			facade.hasMediator( LegendMediator.name ) && facade.removeMediator( LegendMediator.name );
-			facade.hasMediator( TipsMediator.name ) && facade.removeMediator( TipsMediator.name );
-			facade.hasMediator( TestMediator.name ) && facade.removeMediator( TestMediator.name );	
-			facade.hasMediator( SerialLabelMediator.name ) && facade.removeMediator( SerialLabelMediator.name );
-			facade.hasMediator( HoverBgMediator.name ) && facade.removeMediator( HoverBgMediator.name );	
-			facade.hasMediator( ItemBgMediator.name ) && facade.removeMediator( ItemBgMediator.name );	
+			facade.hasMediator( BaseTestMediator.name ) && facade.removeMediator( BaseTestMediator.name );	
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/FilterDataCmd.as b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/FilterDataCmd.as
index 934e3f7..5f1a0ce 100644
--- a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/FilterDataCmd.as
+++ b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/controller/FilterDataCmd.as
@@ -1,35 +1,12 @@
 package org.xas.jchart.zhistogram.controller
 {
-	import org.puremvc.as3.multicore.interfaces.ICommand;
-	import org.puremvc.as3.multicore.interfaces.INotification;
-	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.mediator.BgLineMediator;
-	import org.xas.jchart.common.view.mediator.GraphicBgMediator;
-	import org.xas.jchart.common.view.mediator.HLabelMediator;
-	import org.xas.jchart.common.view.mediator.TipsMediator;
-	import org.xas.jchart.common.view.mediator.VLabelMediator;
-	import org.xas.jchart.zhistogram.view.mediator.GraphicMediator;
+	import org.xas.jchart.common.controller.LegendUpdateCmd;
 	
-	public class FilterDataCmd extends SimpleCommand implements ICommand
+	public class FilterDataCmd extends LegendUpdateCmd
 	{
 		public function FilterDataCmd()
 		{
 			super();
 		}
-		override public function execute(notification:INotification):void{
-			//Log.log( 'filter data cmd' );
-			//Log.printJSON( BaseConfig.ins.displaySeries );
-			
-			update( notification.getBody() );
-		}
-		
-		private function update( _data:Object ):void{
-			BaseConfig.ins.updateDisplaySeries( _data );
-			BaseConfig.ins.setChartData( BaseConfig.ins.chartData );
-			facade.sendNotification( JChartEvent.DRAW );
-		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/view/components/GraphicView.as b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/view/components/GraphicView.as
index c5bc93d..7499f85 100644
--- a/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/view/components/GraphicView.as
+++ b/flash/source/chart/ZHistogram/0.1/src/org/xas/jchart/zhistogram/view/components/GraphicView.as
@@ -1,6 +1,8 @@
 package org.xas.jchart.zhistogram.view.components
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
@@ -16,7 +18,8 @@ package org.xas.jchart.zhistogram.view.components
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.ZHistogramUI;
+	import org.xas.jchart.common.ui.widget.DSprite;
 	import org.xas.jchart.common.ui.widget.JTextField;
 	
 	public class GraphicView extends Sprite
@@ -26,7 +29,7 @@ package org.xas.jchart.zhistogram.view.components
 		
 		public function GraphicView()
 		{
-			super(); 
+			super();
 		
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 			
@@ -47,41 +50,88 @@ package org.xas.jchart.zhistogram.view.components
 			if( !( BaseConfig.ins.c && BaseConfig.ins.c.rects ) ) return;
 			_boxs = new Vector.<Sprite>();
 			
+			var _delay:Number = 0
+				, animateEnable:Boolean = BaseConfig.ins.animationEnabled;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			var _duration:Number = BaseConfig.ins.animationDuration;
+			var _color:uint;
+			
 			Common.each( BaseConfig.ins.c.rects, function( _k:int, _item:Object ):void{
 				
 				var _box:Sprite = new Sprite();
+				var _totalHeight:Number = 0;
+				var _totalWidth:Number = 0;
+				var _startX:Number = 0;
+				var _startY:Number = 0;
+				
 				Common.each( _item, function( _sk:int, _sitem:Object ):void{
-							
-					var _color:uint = BaseConfig.ins.itemColor( _sk );
+					
+					_color = BaseConfig.ins.itemColor( _sk );
+					
+					if( _sk == 0 ) {
+						_startX = _sitem.x;
+						_startY = _sitem.y + _sitem.height;
+						_totalWidth = _sitem.width;
+					}
+					_totalHeight += _sitem.height;
+					
 					if( _sitem.value == BaseConfig.ins.maxValue ){
-						
 						if( 'style' in BaseConfig.ins.maxItemParams && 'color' in BaseConfig.ins.maxItemParams.style ){
 							_color = BaseConfig.ins.maxItemParams.style.color;
 						}
 					}
 					
-					var _item:HistogramUI = new HistogramUI(
+					var _item:ZHistogramUI = new ZHistogramUI(
 						_sitem.x, _sitem.y
 						, _sitem.width, _sitem.height
 						, _color 
+						, _duration
+						, { animationEnabled: false }
 					);
 					_item.mouseEnabled = false;
 					_box.addChild( _item );
 				});
+				
 				addChild( _box );
 				_boxs.push( _box );
+				
+				if( animateEnable ){
+					var _mask:DSprite = new DSprite( { count: 0 } );
+					
+					_mask.x = _startX;
+					_mask.y = _startY;
+					
+					_box.mask = _mask;
+					addChild( _mask );
+					_mask.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void {
+						TweenLite.to( _mask, _duration, { count: _totalHeight
+							, ease:Circ.easeInOut
+							, onUpdate: function():void {
+								_mask.graphics.beginFill( 0xff0000 );
+								_mask.graphics.drawRect(
+									0, 0
+									, _totalWidth
+									, _mask.count
+								);
+								_mask.y = _startY - _mask.count;
+							}
+						} );
+					} );
+				}
 			});
 		}
 		
 		private function showTips( _evt: JChartEvent ):void{
 		}
 		
-		private function hideTips( _evt: JChartEvent ):void{			
+		private function hideTips( _evt: JChartEvent ):void{
 			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
 				_boxs[ _preIndex ].alpha = 1;
 			}
 			_preIndex = -1;
-		}		
+		}
 		
 		private function updateTips( _evt: JChartEvent ):void{
 			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
@@ -98,6 +148,5 @@ package org.xas.jchart.zhistogram.view.components
 			_boxs[ _ix ].alpha = .65;
 			_preIndex = _ix;
 		}
-
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/fl/motion/MatrixTransformer.as b/flash/source/lib/src/fl/motion/MatrixTransformer.as
new file mode 100644
index 0000000..52563e1
--- /dev/null
+++ b/flash/source/lib/src/fl/motion/MatrixTransformer.as
@@ -0,0 +1,432 @@
+// Copyright © 2007. Adobe Systems Incorporated. All Rights Reserved.
+package fl.motion
+{
+	import flash.geom.*;
+	
+	/**
+	 * The MatrixTransformer class contains methods for modifying individual properties of a transformation matrix:
+	 * horizontal and vertical scale, horizontal and vertical skew, and rotation.
+	 * This class also has methods for rotating around a given transformation point rather than the typical (0, 0) point.
+	 * @playerversion Flash 9.0.28.0
+	 * @langversion 3.0
+	 * @keyword MatrixTransformer, Copy Motion as ActionScript    
+	 * @see ../../motionXSD.html Motion XML Elements   
+	 * @see flash.geom
+	 */
+	public class MatrixTransformer
+	{
+		/**
+		 * Calculates the horizontal scale present in a matrix.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The horizontal scale.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix
+		 */
+		public static function getScaleX(m:Matrix):Number
+		{
+			return Math.sqrt(m.a*m.a + m.b*m.b);
+		}
+		
+		
+		
+		/**
+		 * Changes the horizontal scale in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param scaleX The new horizontal scale.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix   
+		 */
+		public static function setScaleX(m:Matrix, scaleX:Number):void
+		{
+			var oldValue:Number = getScaleX(m);
+			// avoid division by zero 
+			if (oldValue)
+			{
+				var ratio:Number = scaleX / oldValue;
+				m.a *= ratio;
+				m.b *= ratio;
+			}
+			else
+			{
+				var skewYRad:Number = getSkewYRadians(m);
+				m.a = Math.cos(skewYRad) * scaleX;
+				m.b = Math.sin(skewYRad) * scaleX;
+			}
+		}
+		
+		
+		
+		/**
+		 * Calculates the vertical scale present in a matrix.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The vertical scale.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix        
+		 */
+		public static function getScaleY(m:Matrix):Number
+		{
+			return Math.sqrt(m.c*m.c + m.d*m.d);
+		}
+		
+		
+		
+		/**
+		 * Changes the vertical scale in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param scaleY The new vertical scale.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */
+		public static function setScaleY(m:Matrix, scaleY:Number):void
+		{
+			var oldValue:Number = getScaleY(m);
+			// avoid division by zero 
+			if (oldValue)
+			{
+				var ratio:Number = scaleY / oldValue;
+				m.c *= ratio;
+				m.d *= ratio;
+			}
+			else
+			{
+				var skewXRad:Number = getSkewXRadians(m);
+				m.c = -Math.sin(skewXRad) * scaleY;
+				m.d =  Math.cos(skewXRad) * scaleY;
+			}
+		}
+		
+		
+		
+		/**
+		 * Calculates the angle of horizontal skew present in a matrix, in radians.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of horizontal skew, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */
+		public static function getSkewXRadians(m:Matrix):Number
+		{
+			return Math.atan2(-m.c, m.d);
+		}
+		
+		
+		
+		/**
+		 * Changes the horizontal skew in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param skewX The new horizontal skew, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */
+		public static function setSkewXRadians(m:Matrix, skewX:Number):void
+		{
+			var scaleY:Number = getScaleY(m);
+			m.c = -scaleY * Math.sin(skewX);
+			m.d =  scaleY * Math.cos(skewX);
+		}
+		
+		
+		
+		/**
+		 * Calculates the angle of vertical skew present in a matrix, in radians.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of vertical skew, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */
+		public static function getSkewYRadians(m:Matrix):Number
+		{
+			return Math.atan2(m.b, m.a);
+		} 
+		
+		
+		
+		/**
+		 * Changes the vertical skew in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param skewY The new vertical skew, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function setSkewYRadians(m:Matrix, skewY:Number):void
+		{
+			var scaleX:Number = getScaleX(m);
+			m.a = scaleX * Math.cos(skewY);
+			m.b = scaleX * Math.sin(skewY);
+		}
+		
+		
+		
+		/**
+		 * Calculates the angle of horizontal skew present in a matrix, in degrees.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of horizontal skew, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function getSkewX(m:Matrix):Number
+		{
+			return Math.atan2(-m.c, m.d) * (180/Math.PI);
+		}
+		
+		
+		
+		/**
+		 * Changes the horizontal skew in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param skewX The new horizontal skew, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function setSkewX(m:Matrix, skewX:Number):void
+		{
+			setSkewXRadians(m, skewX*(Math.PI/180));
+		}
+		
+		
+		
+		/**
+		 * Calculates the angle of vertical skew present in a matrix, in degrees.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of vertical skew, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function getSkewY(m:Matrix):Number
+		{
+			return Math.atan2(m.b, m.a) * (180/Math.PI);
+		}
+		
+		
+		
+		/**
+		 * Changes the vertical skew in a matrix.
+		 *
+		 * @param m A Matrix instance to be modified.
+		 *
+		 * @param skewX The new vertical skew, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function setSkewY(m:Matrix, skewY:Number):void
+		{
+			setSkewYRadians(m, skewY*(Math.PI/180));
+		}       
+		
+		
+		
+		/**
+		 * Calculates the angle of rotation present in a matrix, in radians.
+		 * If the horizontal and vertical skews are not equal, 
+		 * the vertical skew value is used.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of rotation, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function getRotationRadians(m:Matrix):Number
+		{
+			return getSkewYRadians(m);
+		}
+		
+		
+		/**
+		 * Changes the angle of rotation in a matrix.
+		 * If the horizontal and vertical skews are not equal,
+		 * the vertical skew is set to the rotation value
+		 * and the horizontal skew is increased by the difference between the 
+		 * old rotation and the new rotation.
+		 * This matches the rotation behavior in Flash Player.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @param rotation The angle of rotation, in radians.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix           
+		 */
+		public static function setRotationRadians(m:Matrix, rotation:Number):void
+		{
+			var oldRotation:Number = getRotationRadians(m);
+			var oldSkewX:Number = getSkewXRadians(m);
+			setSkewXRadians(m, oldSkewX + rotation-oldRotation);
+			setSkewYRadians(m, rotation);           
+		}
+		
+		
+		
+		/**
+		 * Calculates the angle of rotation present in a matrix, in degrees.
+		 * If the horizontal and vertical skews are not equal, 
+		 * the vertical skew value is used.
+		 * This matches the rotation behavior in Flash Player.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @return The angle of rotation, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix         
+		 */
+		public static function getRotation(m:Matrix):Number
+		{
+			return getRotationRadians(m)*(180/Math.PI);
+		}
+		
+		
+		
+		/**
+		 * Changes the angle of rotation in a matrix.
+		 * If the horizontal and vertical skews are not equal,
+		 * the vertical skew is set to the rotation value
+		 * and the horizontal skew is increased by the difference between the 
+		 * old rotation and the new rotation.
+		 * This matches the rotation behavior in Flash Player.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @param rotation The angle of rotation, in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix         
+		 */
+		public static function setRotation(m:Matrix, rotation:Number):void
+		{
+			setRotationRadians(m, rotation*(Math.PI/180));
+		}
+		
+		
+		
+		/**
+		 * Rotates a matrix about a point defined inside the matrix's transformation space.
+		 * This can be used to rotate a movie clip around a transformation point inside itself. 
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @param x The x coordinate of the point.
+		 *
+		 * @param y The y coordinate of the point.
+		 *
+		 * @param angleDegrees The angle of rotation in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix         
+		 */
+		public static function rotateAroundInternalPoint(m:Matrix, x:Number, y:Number, angleDegrees:Number):void
+		{
+			var point:Point = new Point(x, y);
+			point = m.transformPoint(point);
+			m.tx -= point.x;
+			m.ty -= point.y;
+			m.rotate(angleDegrees*(Math.PI/180));
+			m.tx += point.x;
+			m.ty += point.y;
+		}
+		
+		
+		
+		/**
+		 * Rotates a matrix about a point defined outside the matrix's transformation space.
+		 * This can be used to rotate a movie clip around a transformation point in its parent. 
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @param x The x coordinate of the point.
+		 *
+		 * @param y The y coordinate of the point.
+		 *
+		 * @param angleDegrees The angle of rotation in degrees.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */
+		public static function rotateAroundExternalPoint(m:Matrix, x:Number, y:Number, angleDegrees:Number):void
+		{
+			m.tx -= x;
+			m.ty -= y;
+			m.rotate(angleDegrees*(Math.PI/180));
+			m.tx += x;
+			m.ty += y;
+		}
+		
+		
+		/**
+		 * Moves a matrix as necessary to align an internal point with an external point.
+		 * This can be used to match a point in a transformed movie clip with one in its parent.
+		 *
+		 * @param m A Matrix instance.
+		 *
+		 * @param internalPoint A Point instance defining a position within the matrix's transformation space.
+		 *
+		 * @param externalPoint A Point instance defining a reference position outside the matrix's transformation space.
+		 * @playerversion Flash 9.0.28.0
+		 * @langversion 3.0
+		 * @keyword Matrix, Copy Motion as ActionScript    
+		 * @see flash.geom.Matrix       
+		 */ 
+		public static function matchInternalPointWithExternal(m:Matrix, internalPoint:Point, externalPoint:Point):void
+		{
+			var internalPointTransformed:Point = m.transformPoint(internalPoint);
+			var dx:Number = externalPoint.x - internalPointTransformed.x;
+			var dy:Number = externalPoint.y - internalPointTransformed.y;   
+			m.tx += dx;
+			m.ty += dy;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/BaseAttrConfig.as b/flash/source/lib/src/org/xas/jchart/common/BaseAttrConfig.as
new file mode 100644
index 0000000..fa36f6a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/BaseAttrConfig.as
@@ -0,0 +1,816 @@
+package org.xas.jchart.common
+{
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.data.Coordinate;
+	import org.xas.jchart.common.data.DefaultOptions;
+
+	public class BaseAttrConfig
+	{
+		public function BaseAttrConfig()
+		{
+		}
+		
+		public static function hasAttr( _data:Object, _keys:String ):Boolean{
+			var _r:Boolean
+			, _keyList:Array = _keys.split( '.' )
+				, _tmp:*
+				, _maxLen:int = _keyList.length - 1
+				, _hasItem:Boolean
+				;
+			
+			if( _data && _maxLen > 0 ){
+				_tmp = _data;
+				Common.each( _keyList, function( _k:int, _item:String ):Boolean{
+					var _next:Boolean = true;
+					
+					if( _item in _tmp ){
+						_tmp = _tmp[ _item ];
+						if( _k === _maxLen ){
+							_r = true;
+							_next = false;
+						}
+					}else{
+						_next = false;
+					}
+					
+					return  _next;
+				});
+			}
+			
+			return _r;
+		}
+		
+		public static function getAttr( _data:Object, _keys:String, _defValue:* ):*{
+			var _r:* = _defValue
+				, _keyList:Array = _keys.split( '.' )
+				, _tmp:*
+				, _maxLen:int = _keyList.length - 1
+				;
+			
+			if( _data && _keyList.length ){
+				_tmp = _data;
+				Common.each( _keyList, function( _k:int, _item:String ):Boolean{
+					var _next:Boolean = true;
+					
+					if( _item in _tmp ){
+						_tmp = _tmp[ _item ];
+						if( _k === _maxLen ){
+							_r = _tmp;
+							_next = false;
+						}
+					}else{
+						_next = false;
+					}
+					
+					return  _next;
+				});
+				
+			}
+			
+			return _r;
+		}
+		
+		public static function getAttrLen( _data:Object, _keys:String, _def:uint ):uint{
+			var _tmp:* = getAttr( _data, _keys, null );
+			if( _tmp && 'length' in _tmp ){
+				_def = _tmp.length;
+			}
+			return _def;
+		}
+		
+		public function get colors():Array{
+			var _r:Array = DefaultOptions.colors, _tmp:Array;
+			_tmp =  BaseAttrConfig.getAttr( this.cd, 'colors', [] ) as Array;	
+			_tmp && _tmp.length && ( _r = _tmp );
+			return _r;
+		}
+		
+		
+		public function get tooltipSerialColors():Array{
+			var _r:Array = DefaultOptions.tooltip.serialColor, _tmp:Array;
+			_tmp =  BaseAttrConfig.getAttr( this.cd, 'tooltip.serialColor', [] ) as Array;	
+			_tmp && _tmp.length && ( _r = _tmp );
+			return _r;
+		}
+		
+		
+		public function get tooltipAfterSerialColors():Array{
+			var _r:Array = DefaultOptions.tooltip.afterSerialColor, _tmp:Array;
+			_tmp =  BaseAttrConfig.getAttr( this.cd, 'tooltip.afterSerialColor', [] ) as Array;	
+			_tmp && _tmp.length && ( _r = _tmp );
+			return _r;
+		}
+		
+		public function get yArrowLength():int{
+			var _r:int = 8;			
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.arrowLength', _r ) as int;				
+			return _r;
+		}
+		
+		public function get xArrowLength():int{
+			var _r:int = 8;
+			_r = BaseAttrConfig.getAttr( this.cd, 'xAxis.arrowLength', _r ) as int;		
+			return _r;
+		}
+		
+		public function get abbrNumberEnabled():Boolean{
+			var _r:Boolean = BaseAttrConfig.getAttr( this.cd, 'abbrNumber.enabled', false ) as Boolean;
+			return _r;
+		}	
+		
+		public function abbrNumber( _num:Number ):uint{
+			var _r:uint = abbrNumberPrecision, _num:Number = Math.abs( _num );
+			
+			if( abbrNumberEnabled ){
+				if( _num >= Math.pow( 10, 8 ) ){
+					_r = abbrNumber9( _r );
+				}else if( _num >= Math.pow( 10, 4 ) ){
+					_r = abbrNumber5( _r );
+				}
+			}
+			
+			return _r;
+		}
+		public function get abbrNumberPrecision():uint{
+			return BaseAttrConfig.getAttr( this.cd, 'abbrNumber.precision', 2 ) as uint;
+		} 
+		public function abbrNumber9( _def:uint ):uint{
+			return BaseAttrConfig.getAttr( this.cd, 'abbrNumber.9', _def ) as uint;
+		} 
+		public function abbrNumber5( _def:uint ):uint{
+			return BaseAttrConfig.getAttr( this.cd, 'abbrNumber.5', _def ) as uint;
+		} 
+		
+		public function get tooltipAbbrNumberEnabled():Boolean{
+			return BaseAttrConfig.getAttr( this.cd, 'tooltip.abbrNumber.enabled', abbrNumberEnabled ) as Boolean;
+		}
+		
+		public function tooltipAbbrNumber( _num:Number, _def:int = 2 ):int{
+			var _r:int = _def, _num:Number = Math.abs( _num );
+			
+			if( tooltipAbbrNumberEnabled ){
+				if( _num >= Math.pow( 10, 8 ) ){
+					_r = tooltipAbbrNumber9;
+				}else if( _num >= Math.pow( 10, 4 ) ){
+					_r = tooltipAbbrNumber5;
+				}
+			}
+			
+			return _r;
+		}
+		
+		public function get tooltipAbbrNumber5( ):uint{
+			var _r:uint = abbrNumber5( abbrNumberPrecision );			
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.abbrNumber.5', _r ) as uint;
+			return _r;
+		} 
+		
+		public function get tooltipAbbrNumber9(  ):uint{
+			var _r:uint = abbrNumber9( abbrNumberPrecision );
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.abbrNumber.9', _r ) as uint;
+			
+			return _r;
+		}		
+		
+		
+		public function dataLabelAbbrNumberEnabled( _item:Object = null ):Boolean{
+			var _r:Boolean = abbrNumberEnabled;
+						
+			_r = BaseAttrConfig.getAttr( this.cd, 'dataLabels.abbrNumber.enabled', _r ) as Boolean;
+			_r = BaseAttrConfig.getAttr( _item, 'abbrNumber.abbrNumber.9', _r ) as Boolean;
+			
+			return _r;
+		}
+		
+		public function dataLabelAbbrNumber( _num:Number, _def:int = 2, _item:Object = null ):int{
+			var _r:int = _def, _num:Number = Math.abs( _num );
+			
+			if( dataLabelAbbrNumberEnabled( _item ) ){
+				if( _num >= Math.pow( 10, 8 ) ){
+					_r = dataLabelAbbrNumber9( _item );
+				}else if( _num >= Math.pow( 10, 4 ) ){
+					_r = dataLabelAbbrNumber5( _item );
+				}
+			}
+			
+			return _r;
+		}
+		
+		public function dataLabelAbbrNumber5( _item:Object = null ):uint{
+			var _r:uint = abbrNumber5( abbrNumberPrecision );
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'dataLabels.abbrNumber.5', _r ) as uint;
+			_r = BaseAttrConfig.getAttr( _item, 'dataLabel.abbrNumber.5', _r ) as uint;
+			
+			return _r;
+		} 
+		
+		public function dataLabelAbbrNumber9( _item:Object = null ):int{
+			var _r:int = abbrNumber9( abbrNumberPrecision );
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'dataLabels.abbrNumber.9', _r ) as uint;
+			_r = BaseAttrConfig.getAttr( _item, 'dataLabel.abbrNumber.9', _r ) as uint;
+			
+			return _r;
+		}
+		
+		public function yAxisAbbrNumber( _num:Number, _def:int = 2 ):int{
+			var _r:int = _def, _num:Number = Math.abs( _num );
+			
+			if( yAxisAbbrNumberEnabled ){
+				if( _num >= Math.pow( 10, 8 ) ){
+					_r = yAxisAbbrNumber9;
+				}else if( _num >= Math.pow( 10, 4 ) ){
+					_r = yAxisAbbrNumber5;
+				}
+			}
+			
+			return _r;
+		}
+		
+		public function get yAxisAbbrNumber5():uint{
+			var _r:uint = abbrNumber5( abbrNumberPrecision );
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.abbrNumber.5', _r ) as uint;			
+			return _r;
+		} 
+		
+		public function get yAxisAbbrNumber9():int{
+			var _r:int = abbrNumber9( abbrNumberPrecision );
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.abbrNumber.9', _r ) as uint;			
+			return _r;
+		}
+		
+		public function get yAxisAbbrNumberEnabled():Boolean{
+			var _r:Boolean = BaseAttrConfig.getAttr( this.cd, 'yAxis.abbrNumber.enabled', abbrNumberEnabled ) as Boolean;
+			return _r;
+		}
+		
+		
+		protected var _chartData:Object;
+		protected var _hasNegative:Boolean;
+		public function get hasNegative():Boolean{
+			return this._hasNegative;
+		}
+		public function get chartData():Object { return _chartData; }	
+		public function get cd():Object {	return _chartData; }
+		
+		
+		protected var _displayOverride:Boolean;
+		protected var _displayOverrideValue:Boolean;
+		protected var _displayAllLabel:Boolean = true;
+		public function get displayAllLabel():Boolean{
+			
+			if( _displayOverride ){
+				return _displayOverrideValue;
+			}
+			
+			_displayAllLabel =  BaseAttrConfig.getAttr( this.cd, 'xAxis.display.enable', _displayAllLabel ) as Boolean;
+			_displayAllLabel =  BaseAttrConfig.getAttr( this.cd, 'xAxis.displayAll.enabled', _displayAllLabel ) as Boolean;
+			_displayAllLabel =  BaseAttrConfig.getAttr( this.cd, 'displayAllLabel', _displayAllLabel ) as Boolean;
+			
+			return _displayAllLabel;
+		}
+				
+		public function get isAutoRate():Boolean {
+			var _r:Boolean = false;
+			
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.autoRate.enabled', _r ) as Boolean;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.customRate', _r ) as Boolean;
+			
+			if( _ignoreAutoRate ){
+				_r = false;
+			}
+			
+			return _r;
+		} 
+		protected var _ignoreAutoRate:Boolean;
+		
+		
+		public function get autoRateDeep():int {
+			var _r:int = 1;
+			
+			if( this.isAutoRate ){
+				_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.autoRate.deep', _r ) as int;	
+			}
+			
+			return _r;
+		}
+		
+		public function get rateUp():int {
+			var _r:int = 5;
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.autoRate.rateUp', _r ) as int;	
+			
+			_r <= 0 && ( _r = 0 );
+			
+			return _r;
+		}
+		
+		
+		public function get tooltipSeries():Array{
+			var _r:Array = [];
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.serial', _r ) as Array;
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.series', _r ) as Array;	
+			
+			return _r;
+		}
+		
+		
+		public function get tooltipAfterSeries():Array{
+			var _r:Array = [];
+			
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.afterSerial', _r ) as Array;
+			_r = BaseAttrConfig.getAttr( this.cd, 'tooltip.afterSeries', _r ) as Array;	
+			
+			return _r;
+		}
+		
+		
+		public function pointEnabled( _item:Object = null ):Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'point.enabled', _r ) as Boolean;
+			_r =  BaseAttrConfig.getAttr( _item, 'point.enabled', _r ) as Boolean;
+			return _r;
+		}
+				
+		protected var _coordinate:Coordinate
+		public function get c():Coordinate{ return _coordinate; }
+		public function get coordinate():Coordinate{	return _coordinate;	}
+		
+		public function pointHoverShow( _item:Object = null ):Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'point.hoverShow', _r ) as Boolean;
+			_r =  BaseAttrConfig.getAttr( _item, 'point.hoverShow', _r ) as Boolean;
+			!_r && this.c && this.c.hpart && this.c.hpart < 12 && ( _r = true );
+			return _r;
+		}
+		
+		public function get animationDuration():Number {
+			var _r:Number = .75;
+			_r = BaseAttrConfig.getAttr( this.cd, 'animation.duration', _r ) as Number;	
+			return _r;
+		}
+		
+		public function get lineEnable():Boolean {
+			var _r:Boolean = true;
+			_r = BaseAttrConfig.getAttr( this.cd, 'line.enabled', _r ) as Boolean;
+			return _r;
+		}
+		
+		public function get lineBreakEnable():Boolean {
+			var _r:Boolean = false;
+			_r = ( BaseAttrConfig.getAttr( this.cd, 'lineBreak.enabled', _r ) 
+				|| BaseAttrConfig.getAttr( this.cd, 'line.break.enabled', _r ) ) as Boolean;
+			return _r;
+		}
+		
+		public function get lineSmoothEnable():Boolean {
+			var _r:Boolean = false;
+			_r = BaseAttrConfig.getAttr( this.cd, 'line.smooth.enabled', _r ) as Boolean;
+			return _r;
+		}
+		
+		public function get lineSmoothType():String {
+			var _r:String = '0';
+			_r = BaseAttrConfig.getAttr( this.cd, 'line.smooth.type', _r ) as String;
+			return _r;
+		}
+		
+		public function get tipTitlePostfix():String{
+			var _r:String = '{0}';
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.tipTitlePostfix', _r ) as String;
+			return _r;
+		}
+		
+		public function get legendEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'legend.enabled', _r ) as Boolean;	
+			
+			return _r;
+		}
+		
+		public function get toggleBgEnabled():Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'toggleBg.enabled', _r ) as Boolean;				
+			return _r;
+		}
+		
+		public function get dataLabelEnabled():Boolean{
+			var _r:Boolean = true;
+			//return false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'plotOptions.pie.dataLabels.enabled', _r ) as Boolean;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'dataLabels.enabled', _r ) as Boolean;	
+			
+			return _r;
+		}
+		
+		public function get yAxisEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'rateLabel.enabled', _r ) as Boolean;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.enabled', _r ) as Boolean;
+						
+			return _r;
+		}
+		
+		public function get xAxisEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.enabled', _r ) as Boolean;			
+			return _r;
+		}
+		
+		
+		public function get dataLabelFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'dataLabels.format', _r ) as String;			
+			return _r;
+		}
+		
+		public function get xAxisFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.format', _r ) as String;					
+			return _r;
+		}
+		
+		public function get yAxisFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.format', _r ) as String;				
+			return _r;
+		}
+		
+		public function get tooltipPointFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.pointFormat', _r ) as String;				
+			return _r;
+		}
+		
+		public function get tooltipSerialFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.serialFormat', _r ) as String;				
+			return _r;
+		}
+		
+		public function get tooltipAfterSerialFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.afterSerialFormat', _r ) as String;					
+			return _r;
+		}
+		
+		public function get tooltipHeaderFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.headerFormat', _r ) as String;				
+			return _r;
+		}
+		
+		public function get xAxisWordwrap():Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.wordwrap', _r ) as Boolean;				
+			return _r;
+		}	
+		
+		
+		public function get superSerialLabelEnabled():Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'dataLabels.enabled', _r ) as Boolean;		
+			return _r;
+		}
+		
+		public function get vlineEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'vline.enabled', _r ) as Boolean;				
+			return _r;
+		}		
+		
+		public function get vsideLineEnabled():Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'vsideLine.enabled', _r ) as Boolean;				
+			return _r;
+		}
+		
+		public function get hlineEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'hline.enabled', _r ) as Boolean;				
+			return _r;
+		}
+		
+		public function get tooltipEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.enabled', _r ) as Boolean;	
+			return _r;
+		}
+		
+		public function get cdataLabelEnabled():Boolean{
+			var _r:Boolean = false;
+			//return false;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'plotOptions.dount.cdataLabels.enabled', _r ) as Boolean;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'dataLabels.enabled', _r ) as Boolean;				
+			return _r;
+		}
+		
+		protected function get maxOffset():Number {
+			var _r:Number = 0;
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.autoRate.maxOffset', _r ) as Number;	
+			_r < 0 && ( _r = 0 );			
+			return _r;
+		}
+		
+		protected function get minOffset():Number {
+			var _r:Number = 0;
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.autoRate.minOffset', _r ) as Number;	
+			_r < 0 && ( _r = 0 );
+			return _r;
+		}
+		
+		
+		public function get yAxisMaxValue():Number{
+			var _r:Number = 0;
+			_r = BaseAttrConfig.getAttr( this.cd, 'rateLabel.maxvalue', _r ) as Number;	
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.maxvalue', _r ) as Number;	
+			return _r;
+		}
+		
+		public function get yAxisRate():Array{
+			var _r:Array;
+			_r = BaseAttrConfig.getAttr( this.cd, 'rateLabel.data', _r ) as Array;	
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.data', _r ) as Array;	
+			_r = BaseAttrConfig.getAttr( this.cd, 'yAxis.rate', _r ) as Array;	
+			return _r;
+		}
+		public function get titleText():String{
+			var _r:String = '';
+			_r =  BaseAttrConfig.getAttr( this.cd, 'title.text', _r ) as String;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.title.text', _r ) as String;		
+			return _r;
+		}
+		
+		public function get vtitleText():String{
+			var _r:String = '';
+			_r =  BaseAttrConfig.getAttr( this.cd, 'vtitle.text', _r ) as String;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.title.text', _r ) as String;	
+			return _r;
+		}
+		
+		public function get labelsStyle():Object{
+			var _r:Object = {};
+			cd 
+			&& cd.xAxis
+				&& cd.xAxis.labels
+				&& cd.xAxis.labels.style
+				&& ( _r = cd.xAxis.labels.style )
+				;
+			return _r;
+		}
+		
+		public function get vtitleStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.title.style', _r ) as Object;	
+			return _r;
+		}
+		
+		
+		
+		public function get vlabelsStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.labels.style', _r ) as Object;	
+			return _r;
+		}
+		
+		public function get subtitleStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'subtitle.style', _r ) as Object;	
+			return _r;
+		}	
+		
+		
+		public function get subtitleText():String{
+			var _r:String = ''
+			_r =  BaseAttrConfig.getAttr( this.cd, 'subtitle.text', _r ) as String;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.subtitle.text', _r ) as String;	
+			return _r;
+		}
+		
+		public function get creditsStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'credits.style', _r ) as Object;	
+			return _r;
+		}		
+		public function get creditsEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'credits.enabled', _r ) as Boolean;	
+			return _r;
+		}
+		
+		
+		public function get legendItemStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'legend.itemStyle', _r ) as Object;	
+			return _r;
+		}
+		
+		
+		public function tooltipHeaderStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.headerStyle', _r ) as Object;	
+			return _r;
+		}
+		
+		public function tooltipHeaderYSpace():Number{
+			var _r:Number = 6;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.headerYSpace', _r ) as Number;	
+			return _r;
+		}
+		
+		public function tooltipItemYSpace():Number{
+			var _r:Number = 6;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.itemYSpace', _r ) as Number;				
+			return _r;
+		}
+		protected var _labelRotationEnable:Boolean = false;
+		public function get labelRotationEnable():Boolean{
+			_labelRotationEnable =  BaseAttrConfig.getAttr( this.cd, 'xAxis.rotation.enabled', _labelRotationEnable ) as Boolean;	
+			
+			BaseAttrConfig.hasAttr( this.cd, 'xAxis.labels.rotation' ) 
+				&& ( _labelRotationEnable = true );
+			
+			return _labelRotationEnable;
+		}
+				
+		protected var _labelRotationAngle:Number = -45;
+		public function get labelRotationAngle():Number{			
+			_labelRotationAngle =  BaseAttrConfig.getAttr( this.cd, 'xAxis.rotation.angle', _labelRotationAngle ) as Number;	
+			_labelRotationAngle =  BaseAttrConfig.getAttr( this.cd, 'xAxis.labels.rotation', _labelRotationAngle ) as Number;	
+			return _labelRotationAngle;
+		}
+		
+		
+		public function get displayMod():int{
+			var _mod:int = 0;
+			
+			if( !displayAllLabel ){
+				_mod =  BaseAttrConfig.getAttr( this.cd, 'xAxis.display.mod', _mod ) as int;
+				_mod =  BaseAttrConfig.getAttr( this.cd, 'xAxis.displayAll.mod', _mod ) as int;
+			}			
+			_mod = _mod < 0 ? 0 : _mod;			
+			return _mod;
+		}
+		
+		public function get startIndex():int{
+			var _idx:int = 0;
+			if( !displayAllLabel ){
+				_idx =  BaseAttrConfig.getAttr( this.cd, 'xAxis.display.startIndex', _idx ) as int;
+				_idx =  BaseAttrConfig.getAttr( this.cd, 'xAxis.displayAll.startIndex', _idx ) as int;
+			}			
+			return _idx;
+		}
+		
+		public function get offsetAngle():Number{
+			var _r:Number = 270;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'offsetAngle', _r ) as Number;
+			return _r;
+		}
+		
+		public function get group():Object{
+			var _r:Object = cd.group || {};			
+			!( 'enabled'  in _r ) && ( _r.enabled = true );			
+			return _r;
+		}
+		
+		public function get groupLabelStyle():Object{
+			var _r:Object = { color: 0x838383, size: 14 };
+			_r =  Common.extendObject( _r, BaseAttrConfig.getAttr( group, 'label.style', {} ) as Object );
+			return _r;
+		}	
+		
+		
+		public function get groupBgColors():Array{
+			var _r:Array = [0xf2f2f2], _tmp:Array; 
+			_tmp =  BaseAttrConfig.getAttr( group, 'background.colors', [] ) as Array;
+			_tmp && _tmp.length && ( _r = _tmp );
+			return _r;
+		}
+		
+		public function groupLastBgColors( _color:uint ):uint{
+			group.background 
+				&& ( 'lastColor' in group.background )
+				&& ( _color = group.background.lastColor );
+			
+			return _color;
+		}
+		
+		public function get categories():Array{
+			var _r:Array = [];
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.categories', _r ) as Array;
+			return _r;
+		}
+		
+		public function get tipsHeader():Array{
+			var _r:Array = [];
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.tipsHeader', _r ) as Array;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.header', _r ) as Array;
+			return _r;
+		}
+		
+		public function get series():Array{
+			var _r:Array = [];
+			_r =  BaseAttrConfig.getAttr( this.cd, 'series', _r ) as Array;
+			return _r;
+		}	
+		
+		protected var _realRateFloatLen:int;
+		public function get realRateFloatLen():int{ 
+			var _r:int = _realRateFloatLen;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.realRateFloatLen', _r ) as int;			
+			return _r; 
+		}
+		
+		public function get titleStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.title.style', _r ) as Object;	
+			return _r;
+		}		
+		
+		
+		public function get titleEnable():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'title.enabled', _r ) as Boolean;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.title.enabled', _r ) as Boolean;				
+			_r && !titleText && ( _r = false );			
+			return _r;
+		}
+		
+		
+		public function get vtitleEnabled():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'vtitle.enabled', _r ) as Boolean;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.title.enabled', _r ) as Boolean;	
+			_r && !vtitleText && ( _r = false );			
+			return _r;
+		}
+		
+		
+		public function get subtitleEnable():Boolean{
+			var _r:Boolean = true;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'subtitle.enabled', _r ) as Boolean;	
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.title.enabled', _r ) as Boolean;	
+			_r && !subtitleText && ( _r = false );
+			
+			return _r;
+		}	
+		
+		
+		public function tooltipValueLabelXSpace():Number{
+			var _r:Number = 4;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.valueLabelXSpace', _r ) as Number;				
+			return _r;
+		}
+		
+		public function tooltipLabelStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.labelStyle', _r ) as Object;	
+			return _r;
+		}
+		
+		public function tooltipValueStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.valueStyle', _r ) as Object;	
+			return _r;
+		}
+		
+		public function get tooltipHeaderIcon():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.headerIcon', _r ) as Object;
+			return _r;
+		}
+		
+		public function get tooltipType():String{
+			var _r:String = 'normal';
+			_r =  BaseAttrConfig.getAttr( this.cd, 'tooltip.type', _r ) as String;
+			return _r;
+		}
+		
+		public function get tooltipHeaderIconStyle():Object{
+			var _r:Object = {};
+			_r =  BaseAttrConfig.getAttr( tooltipHeaderIcon, 'style', _r ) as Object;			
+			return _r;
+		}
+		
+		public function get tooltipHeaderIconEnabled():Boolean{
+			var _r:Boolean = false;
+			_r =  BaseAttrConfig.getAttr( tooltipHeaderIcon, 'enabled', _r ) as Boolean;	
+			return _r;
+		}
+		
+		public function get vspace():Number{
+			var _r:Number = 5;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'yAxis.space', _r ) as Number;	
+			return _r;
+		}		
+		public function get hspace():Number{
+			var _r:Number = 15;
+			_r =  BaseAttrConfig.getAttr( this.cd, 'xAxis.space', _r ) as Number;	
+			return _r;
+		}
+	}
+	
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/BaseConfig.as b/flash/source/lib/src/org/xas/jchart/common/BaseConfig.as
index 92ac2d2..8cae572 100644
--- a/flash/source/lib/src/org/xas/jchart/common/BaseConfig.as
+++ b/flash/source/lib/src/org/xas/jchart/common/BaseConfig.as
@@ -1,16 +1,80 @@
 package org.xas.jchart.common
 {
 	import flash.display.DisplayObject;
+	import flash.display.LoaderInfo;
 	import flash.external.ExternalInterface;
 	import flash.geom.Point;
 	
 	import org.xas.core.utils.Log;
+	import org.xas.core.utils.ObjectUtils;
 	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.data.Coordinate;
 	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.BaseMixChartModel;
 
-	public class BaseConfig
-	{
+	public class BaseConfig extends BaseAttrConfig
+	{		
+		public function get facade():BaseFacade{ return _facade; }
+		public var _facade:BaseFacade;
+		public function setFacade( _setter:BaseFacade ):void{ _facade = _setter; }
+		
+		public function get version():String{ return '0.1'; }
+		
+		public function serialDataLabelValue( _serialIx:int, _itemIx:int ):String{
+			var _r:String = '', _item:Object = displaySeries[ _serialIx ];		
+			
+			if( !_item ){
+				return '';
+			}
+			
+			if( 'labelData' in _item ){
+				_r = _item.labelData[ _itemIx ];
+			}else{
+				_r = StringUtils.printf( 
+					dataLabelFormat
+					, Common.moneyFormat( 
+						_item.data[ _itemIx ]
+						, 3
+						, dataLabelAbbrNumber( _item.data[ _itemIx ], floatLen, _item ) 
+						, ','
+						, dataLabelAbbrNumberEnabled( _item )
+					) 
+				);				
+			}			
+			
+			_item.dataLabels
+				&& _item.dataLabels.data
+				&& _item.dataLabels.data.length
+				&& ( _r = _item.dataLabels.data[_itemIx] );
+			
+			_item.dataLabel
+				&& _item.dataLabel.data
+				&& _item.dataLabel.data.length
+				&& ( _r = _item.dataLabel.data[_itemIx] );
+			
+			return _r;
+		}
+		
+		public function getTipsValue( _sitem:Object, _k:int, _format:String, _floatLen:int = 0 ):String{
+			var _r:String = '';
+			
+			if( _sitem.tipsData ){
+				_r = _sitem.tipsData[ _k ]
+			}else if( _sitem.data ){
+				_r = StringUtils.printf( _format, 
+					Common.moneyFormat( 
+						_sitem.data[ _k ]
+						, 3
+						, tooltipAbbrNumber( _sitem.data[ _k ], _floatLen ) 
+						, ','
+						, tooltipAbbrNumberEnabled
+					)
+				);
+			}
+			
+			return _r;
+		}
+		
 		/* trend */
 		protected var _hlabelNum:Number = 5;
 		public function get hlabelNum():Number{ return _hlabelNum; }
@@ -25,13 +89,16 @@ package org.xas.jchart.common
 		public static function setIns( _ins:BaseConfig ):BaseConfig{
 			
 			if( ExternalInterface.available ) {
-				ExternalInterface.addCallback( 'apiReady', apiReady );
+				try{
+					ExternalInterface.addCallback( 'apiReady', apiReady );
+				}catch( ex:Error ){
+				}
 			}
 			
 			return BaseConfig._ins = _ins;
 		}
 		
-		private static function apiReady():Boolean{
+		protected static function apiReady():Boolean{
 			return true;
 		}
 		
@@ -48,7 +115,7 @@ package org.xas.jchart.common
 			return _debug;
 		}
 		
-		private var _rateNum:Number = 2;
+		protected var _rateNum:Number = 2;
 		public function get rateNum():Number{ return _rateNum; }
 		public function setRateNum( _r:Number ):void{ this._rateNum = _r; }
 		
@@ -61,11 +128,45 @@ package org.xas.jchart.common
 		public function get displaySeries():Array{
 			return _displaySeries;	
 		}
+		
+		public function get itemLength():int{
+			var _r:int = 0;
+			this.displaySeries
+				&& this.displaySeries.length
+				&& this.displaySeries[0]
+				&& this.displaySeries[0].data
+				&& this.displaySeries[0].data.length
+				&& ( _r = this.displaySeries[0].data.length );
+			return _r;
+		}
+		public function get realItemLength():int{
+			var _r:int = 0;
+			this.series
+				&& this.series.length
+				&& this.series[0]
+				&& this.series[0].data
+				&& this.series[0].data.length
+				&& ( _r = this.series[0].data.length );
+			return _r;
+		}
+		
 		public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
 			_data = _data || chartData;
 			if( !( _data && _data.series && _data.series.length ) ) return this;
 			_displaySeries = JSON.parse( JSON.stringify( _data.series ) ) as Array;
-			_displaySeriesIndexMap = null;
+			_displaySeriesIndexMap = {};
+			
+			Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+				if( _item.data && _item.data.length ){
+					Common.each( _item.data, function( _sk:int, _sitem:Number ):void{
+						_item.data[ _sk ] = Number( _item.data[ _sk ] );
+					});
+				}
+			});
+			
+			Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+				_displaySeriesIndexMap[ _k ] = _k;
+			});
 			if( _filter ){
 				var _tmp:Array = [], _count:int = 0;
 				_displaySeriesIndexMap = {};
@@ -82,91 +183,23 @@ package org.xas.jchart.common
 			return this;
 		}
 		protected var _displaySeriesIndexMap:Object;
-		public function get displaySeriesIndexMap():Object{ return _displaySeriesIndexMap; }
-		
-		public function serialDataLabelValue( _serialIx:int, _itemIx:int ):String{
-			var _r:String = '', _item:Object = displaySeries[ _serialIx ];		
-			
-			if( !_item ){
-				return '';
-			}
-			
-			if( 'labelData' in _item ){
-				_r = _item.labelData[ _itemIx ];
-			}else{
-				_r = StringUtils.printf( dataLabelFormat, Common.moneyFormat( _item.data[ _itemIx ], 3, floatLen ) );				
-			}			
-			
-			return _r;
-		}
-		
+		public function get displaySeriesIndexMap():Object{ return _displaySeriesIndexMap || {}; }
+		protected var _displayLegend:Array = [];
+		public function get displayLegend():Array{ return _displayLegend; }
+				
 		public function get tooltipSerial():Array{
 			return tooltipSeries;
 		}
 		
-		public function get tooltipSeries():Array{
-			var _r:Array = [];
-			
-			//Log.log( 'tooltipSerial xxx ' );
-			
-			this.cd
-				&& this.cd.tooltip
-				&& this.cd.tooltip.serial
-				&& this.cd.tooltip.serial.length
-				&& ( _r = this.cd.tooltip.serial )
-				;
-			
-			this.cd
-				&& this.cd.tooltip
-				&& this.cd.tooltip.series
-				&& this.cd.tooltip.series.length
-				&& ( _r = this.cd.tooltip.series )
-				;
-			
-			return _r;
-		}
-		
 		public function get tooltipAfterSerial():Array{	
 			return tooltipAfterSeries;
 		}
 		
-		public function get tooltipAfterSeries():Array{
-			var _r:Array = [];
-			
-			//Log.log( 'tooltipSerial xxx ' );
-			
-			this.cd
-				&& this.cd.tooltip
-				&& this.cd.tooltip.afterSerial
-				&& this.cd.tooltip.afterSerial.length
-				&& ( _r = this.cd.tooltip.afterSerial )
-				;
-			
-			this.cd
-				&& this.cd.tooltip
-				&& this.cd.tooltip.afterSeries
-				&& this.cd.tooltip.afterSeries.length
-				&& ( _r = this.cd.tooltip.afterSeries )
-				;
-			
-			return _r;
-		}
-		
 		protected var _filterData:Object;
 		public function get filterData():Object{
 			return _filterData;	
 		}	
 		
-		protected var _chartData:Object;
-		public function setChartData( _d:Object ):Object { 		
-			reset();
-			_chartData = _d;
-			calcRate();
-			calcLabelDisplayIndex();
-			return _d;
-		}
-		public function get chartData():Object { return _chartData; }	
-		public function get cd():Object {	return _chartData; }
 		public function get rateZeroIndex():int{ return _rateZeroIndex; }
 		protected var _rateZeroIndex:int = 0; 
 		
@@ -176,8 +209,6 @@ package org.xas.jchart.common
 		
 		protected var _rate:Array;
 		public function get rate():Array{ return _rate; }
-
-
 		
 		protected var _floatLen:int = 0;
 		protected var _isFloatLenReady:Boolean = false;
@@ -197,20 +228,16 @@ package org.xas.jchart.common
 				
 				_tmpLen = 0;
 				Common.each( displaySeries, function( _k:int, _item:Object ):void{
-					Common.each( _item.data, function( _sk:int, _sitem:String ):void{
+					_item.data && Common.each( _item.data, function( _sk:int, _sitem:String ):void{
 						_tmpLen = Common.floatLen( _sitem );
 						_tmpLen > _floatLen && ( _floatLen = _tmpLen );
-						//Log.log( _sitem, _tmpLen, _floatLen );
 					});
 				});
 			}
 			_floatLen == 1 && ( _floatLen = 2 );
 			
-			//Log.log( _floatLen );
-			
 			return _floatLen;
 		}
-
 					
 		protected var _root:DisplayObject;
 		public function get root():DisplayObject{ return _root; }
@@ -228,265 +255,55 @@ package org.xas.jchart.common
 		protected var _height:uint;
 		public function get height():uint{ return _height; }
 		
-		protected var _coordinate:Coordinate
-		public function get c():Coordinate{ return _coordinate; }
-		public function get coordinate():Coordinate{	return _coordinate;	}
 		public function setCoordinate( _d:Coordinate ):Coordinate{
 			_coordinate = _d;
 			c.width = width;
 			c.height = height;
 			c.x = 0;
 			c.y = 0;
+			
+			c.minX = this.vlabelSpace;
+			c.minY = this.vspace * 2;
+			c.maxX = this.stageWidth - this.vlabelSpace;
+			c.maxY = this.stageHeight - this.vspace;
+
 			return _coordinate;
 		}
-		
-		public function get categories():Array{
-			var _r:Array = [];
-			if( cd && cd.xAxis && cd.xAxis.categories ){
-				_r = cd.xAxis.categories;
-			}
-			return _r;
-		}
-		
-		public function get tipsHeader():Array{
-			var _r:Array = [];
-			if( cd && cd.xAxis && cd.xAxis.tipsHeader ){
-				_r = cd.xAxis.tipsHeader;
-			}
-			if( cd && cd.tooltip && cd.tooltip.header ){
-				_r = cd.tooltip.header;
-			}
-			return _r;
-		}
-		
-		
+
 		public function getTipsHeader( _ix:int ):String{
 			var _r:String = this.tipsHeader[ _ix ] || this.categories[ _ix ] || '';
 			return _r;
 		}
 		
-		public function get tipTitlePostfix():String{
-			var _r:String = '{0}';
-			if( cd && cd.xAxis && ( 'tipTitlePostfix' in  cd.xAxis ) ){
-				_r = cd.xAxis.tipTitlePostfix;
-			}
-			return _r;
-		}
-		
-		public function get series():Array{
-			var _r:Array = [];
-			if( cd && cd.series && cd.series.length ){
-				_r = cd.series;
-			}
-			return _r;
-		}
-		
-		public function get legendEnabled():Boolean{
-			var _r:Boolean = true;
-			
-			if( cd && cd.legend && ( 'enabled' in cd.legend ) ){
-				_r = StringUtils.parseBool( cd.legend.enabled );
-			}
-			
-			return _r;
-		}
-		
-		public function get toggleBgEnabled():Boolean{
-			var _r:Boolean = false;
-			
-			if( cd && cd.toggleBg && ( 'enabled' in cd.toggleBg ) ){
-				_r = StringUtils.parseBool( cd.toggleBg.enabled );
-			}
-			
-			return _r;
-		}
-		
-		public function get yAxisEnabled():Boolean{
-			var _r:Boolean = true;
-			
-			if( cd && cd.rateLabel && ( 'enabled' in cd.rateLabel ) ){
-				_r = StringUtils.parseBool( cd.rateLabel.enabled );
-			}
-			
-			if( cd && cd.yAxis && ( 'enabled' in cd.yAxis ) ){
-				_r = StringUtils.parseBool( cd.yAxis.enabled );
-			}
-			
+		override public function get yAxisEnabled():Boolean{
+			var _r:Boolean = super.yAxisEnabled;			
+			!displaySeries.length && ( _r = false );			
 			return _r;
 		}
 		
-		public function get xAxisEnabled():Boolean{
-			var _r:Boolean = true;
-			
-			if( cd && cd.xAxis && ( 'enabled' in cd.xAxis ) ){
-				_r = StringUtils.parseBool( cd.xAxis.enabled );
-			}
-			
-			return _r;
-		}
-		
-		public function get dataLabelEnabled():Boolean{
-			var _r:Boolean = true;
-			//return false;
-			cd 
-				&& cd.plotOptions
-				&& cd.plotOptions.pie
-				&& cd.plotOptions.pie.dataLabels
-				&& ( 'enabled' in cd.plotOptions.pie.dataLabels )
-				&& ( _r = cd.plotOptions.pie.dataLabels.enabled );
-			
-			return _r;
-		}
-		
-		public function get dataLabelFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.dataLabels
-				&& ( 'format' in cd.dataLabels )
-				&& ( _r = cd.dataLabels.format );
-			
-			return _r;
-		}
-		
-		public function get xAxisFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.xAxis
-				&& ( 'format' in cd.xAxis )
-				&& ( _r = cd.xAxis.format );
-			
-			return _r;
-		}
-		
-		public function get yAxisFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.yAxis
-				&& ( 'format' in cd.yAxis )
-				&& ( _r = cd.yAxis.format );
-			
-			return _r;
-		}
-		
-		public function get tooltipPointFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.tooltip
-				&& ( 'pointFormat' in cd.tooltip )
-				&& ( _r = cd.tooltip.pointFormat );
-			
-			return _r;
-		}
-		
-		public function get tooltipSerialFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.tooltip
-				&& ( 'serialFormat' in cd.tooltip )
-				&& ( _r = cd.tooltip.serialFormat );
-			
-			return _r;
-		}
-		
-		public function get tooltipAfterSerialFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.tooltip
-				&& ( 'afterSerialFormat' in cd.tooltip )
-				&& ( _r = cd.tooltip.afterSerialFormat );
-			
-			return _r;
-		}
-		
-		public function get tooltipHeaderFormat():String{
-			var _r:String = "{0}";
-			cd 
-			&& cd.tooltip
-				&& ( 'headerFormat' in cd.tooltip )
-				&& ( _r = cd.tooltip.headerFormat );
-			
-			return _r;
-		}
-		
-		public function get xAxisWordwrap():Boolean{
-			var _r:Boolean = true;
-			//return false;
-			cd 
-			&& cd.xAxis
-				&& ( 'wordwrap' in cd.xAxis )
-				&& ( _r = StringUtils.parseBool( cd.xAxis.wordwrap ) );
-			
+		override public function get xAxisEnabled():Boolean{
+			var _r:Boolean = super.xAxisEnabled;			
+			!displaySeries.length && ( _r = false );		
+			!categories.length && ( _r = false );			
 			return _r;
 		}
+
 		
 		public function get serialLabelEnabled():Boolean{
-			var _r:Boolean = false;
-			//return false;
-			cd 
-			&& cd.dataLabels
-				&& ( 'enabled' in cd.dataLabels )
-				&& ( _r = StringUtils.parseBool( cd.dataLabels.enabled ) );
-			
-			return _r;
-		}
-		
-		public function get vlineEnabled():Boolean{
-			var _r:Boolean = true;
-			//return false;
-			cd 
-			&& cd.vline
-				&& ( 'enabled' in cd.vline )
-				&& ( _r = StringUtils.parseBool( cd.vline.enabled ) );
-			
-			return _r;
-		}		
-		
-		public function get vsideLineEnabled():Boolean{
-			var _r:Boolean = false;
-			//return false;
-			cd 
-			&& cd.vsideLine
-				&& ( 'enabled' in cd.vsideLine )
-				&& ( _r = StringUtils.parseBool( cd.vsideLine.enabled ) );
-			
-			return _r;
-		}
-		
-		public function get hlineEnabled():Boolean{
-			var _r:Boolean = true;
-			//return false;
-			cd 
-			&& cd.hline
-				&& ( 'enabled' in cd.hline )
-				&& ( _r = StringUtils.parseBool( cd.hline.enabled ) );
-			
-			return _r;
-		}
-		
-		public function get tooltipEnabled():Boolean{
-			var _r:Boolean = true;
-			//return false;
-			//Log.printJSON( cd.tooltip );
-			cd 
-			&& cd.tooltip
-				&& ( 'enabled' in cd.tooltip )
-				&& ( _r = StringUtils.parseBool( cd.tooltip.enabled ) );
-			
-			return _r;
-		}
-		
-		public function get cdataLabelEnabled():Boolean{
-			var _r:Boolean = false;
-			//return false;
-			cd 
-			&& cd.plotOptions
-				&& cd.plotOptions.dount
-				&& cd.plotOptions.dount.cdataLabels
-				&& ( 'enabled' in cd.plotOptions.dount.cdataLabels )
-				&& ( _r = cd.plotOptions.dount.cdataLabels.enabled );
+			var _r:Boolean = superSerialLabelEnabled;
+			if( !_r ){
+				Common.each( this.displaySeries, function( _k:int, _item:Object ):void{
+					if( _item.dataLabels && ( 'enabled' in _item.dataLabels ) ){
+						_r = StringUtils.parseBool( _item.dataLabels.enabled ) || _r;
+					}
+					if( _item.dataLabel && ( 'enabled' in _item.dataLabel ) ){
+						_r = StringUtils.parseBool( _item.dataLabel.enabled ) || _r;
+					}
+				});
+			}
 			
 			return _r;
-		}
+		}	
 				
 		protected var _maxNum:Number = 0;
 		public function get maxNum():Number{ return _maxNum; }
@@ -499,7 +316,7 @@ package org.xas.jchart.common
 		protected var _minNum:Number = 0;
 		public function get minNum():Number{ return _minNum; }
 		protected function calcMinNum():Number{
-			var _r:Number = 0, _tmp:Array;
+			var _r:Number = 0, _tmp:Array, _tmpR:Number;
 			if( this.isPercent ) return 0;
 			if( cd && cd.series ){
 				_tmp = [];
@@ -507,9 +324,27 @@ package org.xas.jchart.common
 					_tmp = _tmp.concat( displaySeries[ _k ].data );
 				});
 				_tmp.length && ( _r = Math.min.apply( null, _tmp ) );
-				
-				_r > 0 && ( _r = 0 );
-				_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ) ) );
+					
+				if( _tmp.length && !_hasNegative && this.isAutoRate ){
+					//Log.log( 'xxxxxxxxxx' + _r );
+					_tmpR = _r = Common.numberDown( _r, this.autoRateDeep );
+					
+					if( _r === 0 ){
+					}else{
+						//Log.log( [  Common.numberDown( _r ) * minOffset, _r ] );
+						_r = _r - Common.percentDown( _r ) * minOffset;
+					}
+					
+					!floatLen && ( _r = Math.floor( _r ) );
+					
+					if( _tmpR > 0 && _r < 0 ){
+						_r = _tmpR;
+					}
+					//Log.log( 'xxxxxxxxxx' + _r );
+				} else {
+					_r > 0 && ( _r = 0 );
+					_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ), 5, this.rateUp ) );
+				}
 			}
 			return _r;
 		}
@@ -523,7 +358,7 @@ package org.xas.jchart.common
 					Common.each( displaySeries, function( _k:int, _item:Object ):*{
 						if( _item.data ){
 							Common.each( _item.data, function( _sk:int, _item:Number ):void{
-								_r += _item;	
+								_r += _item;
 							});
 						}
 					});
@@ -539,16 +374,33 @@ package org.xas.jchart.common
 				
 				_r < 0 && ( _r = 0 );
 				
-				_r > 0 && _r && ( _r = Common.numberUp( _r ) );
+				//Log.log( _r + ', ' + this.rateUp );
+				_r >= 0 && ( _r = Common.numberUp( _r, 5, this.rateUp ) );
+				if( this.rateUp === 0 ){
+					//Log.log( _r + ', ' + Common.percentDown( _r, 1 ) );
+					_r = Common.numberDown( _r, 2 );
+				}
+				
+				//Log.log( _r + ', ' + Common.numberDown( _r, 2 ) );
 			}
 			
 			this.yAxisMaxValue && ( _r = this.yAxisMaxValue );
 				
-			_r === 0 && ( _r = 10 );
+			if( _r === 0 ){
+				_r = 100;
+			}else{
+				//Log.log( [ Common.numberDown( _r ), _r ] );
+				_r = _r + _r * maxOffset;
+			}
+			//Log.log( _r );
+			
+			!floatLen && ( _r = Math.floor( _r ) );
+			//return 11000;
+		
 			return _r;
 		}
 		
-		private var _itemMax:Array;
+		protected var _itemMax:Array;
 		public function itemMax( _ix:int ):Number {
 			var _r:Number = 0;
 			if( _itemMax && _ix >= 0 && ( _ix < _itemMax.length ) ){
@@ -557,8 +409,9 @@ package org.xas.jchart.common
 			return _r;
 		}
 		
-		public function calcRate():void{
-			var _data:Object = _chartData;
+		public function calcRate():void {
+			var _data:Object = _chartData
+				, _customRate:Boolean = this.isAutoRate;
 			_rate = [];
 			if( !_data ) return;
 			
@@ -567,210 +420,109 @@ package org.xas.jchart.common
 			_absNum = Math.abs( _minNum );
 			_finalMaxNum = Math.max( _maxNum, _absNum );
 			
-			if( _data && Common.hasNegative( displaySeries ) ){				
-				if( _maxNum > _absNum ){
-					if( Math.abs( _finalMaxNum * 0.33 ) > _absNum ){
+			if( _hasNegative ) {
+				
+				/* 有负数数据将不会处理_customRate*/
+				_customRate = false;
+				
+				if( _maxNum > _absNum ) {
+					if( Math.abs( _finalMaxNum * 0.33 ) > _absNum ) {
 						_rate = [ 1, 0.66, 0.33, 0, -0.33];
 						_rateZeroIndex = 3;
 					}
-				}else{
+				} else {
 					if( _maxNum == 0 ){
 						_rate = [ 0, -0.25, -0.5, -0.75, -1 ];
 						_rateZeroIndex = 0;
-					}else if( Math.abs( _finalMaxNum * 0.33 ) > _maxNum ){
+					} else if ( Math.abs( _finalMaxNum * 0.33 ) > _maxNum ) {
 						_rate = [ 0.33, 0, -0.33, -0.66, -1 ];
 						_rateZeroIndex = 1;
 					}
 				}
-				if( !_rate.length ){
+				
+				if( !_rate.length ) {
 					_rate = [ 1, .5, 0, -.5, -1 ];
 					_rateZeroIndex = 2;
-				} 
-				
-			}else{
+				}
+			} else {
 				_rate = [1, .75, .5, .25, 0 ];
 				_rateZeroIndex = 4;
 			}
 			
 			_realRate = [];
 			_realRateFloatLen = 0;
-			var _tmpLen:int = 0, _rateValue:Number = _finalMaxNum;
+			var _tmpLen:int = 0
+				, _rateValue:Number = _finalMaxNum
+				, _tmpRateValue:Number
+				;
+			
 			if( this.isPercent ){
 				_rateValue = 100;
-			}				
+			}
+			
 			_rate = yAxisRate || _rate;
 			Common.each( _rate, function( _k:int, _item:Number ):void{
 				if( _item === 0 ){
 					_rateZeroIndex = _k;
 				}
-			});
+			} );
 			this.yAxisMaxValue && ( _rateValue = this.yAxisMaxValue );
 			
+			_tmpRateValue = _rateValue;
+			if( _customRate ) {
+				_rateValue = _maxNum - _minNum;
+				
+				var _partNum:Number = _rateValue / ( _rate.length - 1 );
+				if( (_minNum - _partNum ) < 0 ){
+					_customRate = false;
+					_ignoreAutoRate = true;
+					
+					_rateValue = _tmpRateValue;
+				}
+				
+			}
+			
 			Common.each( _rate, function( _k:int, _item:Number ):void{
 				var _realItem:Number = _rateValue * _item;
 					_realItem = Common.parseFinance( _realItem, 10 );
 					
-					if( Common.isFloat( _realItem ) ){
-						_tmpLen = _realItem.toString().split( '.' )[1].length;
-						_tmpLen > _realRateFloatLen && ( _realRateFloatLen = _tmpLen );
-					}
+				if( Common.isFloat( _realItem ) ) {
+					_tmpLen = _realItem.toString().split( '.' )[1].length;
+					_tmpLen > _realRateFloatLen && ( _realRateFloatLen = _tmpLen );
+				}
+				
+				if( _customRate ) {
+					_realItem += _minNum;
+					
+				}
+				
 				_realRate.push( _realItem );
-				//Log.log( _realItem );
 			});
+			
 			_itemMax = [];
 			_realRateFloatLen === 1 && ( _realRateFloatLen = 2 );
 			
 			if( displaySeries && displaySeries.length &&  displaySeries[0].data && displaySeries[0].data.length ){
+				var _tmpMax:Number;
 				Common.each( displaySeries[0].data, function( _k:int, _item:Object ):void{
-					var _tmpMax:Number = 0;
+					_tmpMax = 0;
 					Common.each( displaySeries, function( _sk:int, _sitem:Object ):void{
 						_tmpMax += _sitem.data[ _k ];
 					});
 					_itemMax.push( _tmpMax );
 				});
 			}
-			//Log.log( _itemMax );
 		}
 		
-		public function get yAxisMaxValue():Number{
-			var _r:Number = 0;
-			
-			this.cd && this.cd.rateLabel && ( 'maxvalue' in this.cd.rateLabel )
-				&& ( _r = this.cd.rateLabel.maxvalue || _r );
-			
-			this.cd && this.cd.yAxis && ( 'maxvalue' in this.cd.yAxis )
-				&& ( _r = this.cd.yAxis.maxvalue || _r );
-			
-			return _r;
-		}
-		
-		public function get yAxisRate():Array{
-			var _r:Array;
-			this.cd && this.cd.rateLabel && ( 'data' in this.cd.rateLabel )
-				&& ( _r = this.cd.rateLabel.data );
-			
-			this.cd && this.cd.yAxis && ( 'data' in this.cd.yAxis )
-				&& ( _r = this.cd.yAxis.data );
-			
-			this.cd && this.cd.yAxis && ( 'rate' in this.cd.yAxis )
-				&& ( _r = this.cd.yAxis.rate );
-			return _r;
-		}
-		
-		private var _realRate:Array;
+		protected var _realRate:Array;
 		public function get realRate():Array{ return _realRate; }
 		
-		private var _realRateFloatLen:int;
-		public function get realRateFloatLen():int{ return _realRateFloatLen; }
-		
-		public function get titleStyle():Object{
-			var _r:Object = {};
+		public function get legendMargin():Object{
+			var _r:Object = { x: 0, y: 0, top: 0, bottom: 0 };
 			chartData 
-			&& chartData.xAxis
-				&& chartData.xAxis.title
-				&& chartData.xAxis.title.style
-				&& ( _r = chartData.xAxis.title.style )
-				;
-			return _r;
-		}		
-		public function get titleEnable():Boolean{
-			var _r:Boolean = true
-			chartData 
-				&& chartData.xAxis
-				&& chartData.xAxis.title
-				&& ( 'enabled' in chartData.xAxis.title )
-				&& ( _r = chartData.xAxis.title.enabled )
-				;
-			return _r;
-		}
-		public function get labelsStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.xAxis
-				&& chartData.xAxis.labels
-				&& chartData.xAxis.labels.style
-				&& ( _r = chartData.xAxis.labels.style )
-				;
-			return _r;
-		}
-		
-		public function get vtitleStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.yAxis
-				&& chartData.yAxis.title
-				&& chartData.yAxis.title.style
-				&& ( _r = chartData.yAxis.title.style )
-				;
-			return _r;
-		}
-		
-		public function get vtitleEnabled():Boolean{
-			var _r:Boolean = true;
-			chartData 
-				&& chartData.yAxis
-				&& chartData.yAxis.title
-				&& ( 'enabled' in chartData.yAxis.title )
-				&& ( _r = chartData.yAxis.title.enabled )
-				;
-			return _r;
-		}
-		
-		public function get vlabelsStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.yAxis
-				&& chartData.yAxis.labels
-				&& chartData.yAxis.labels.style
-				&& ( _r = chartData.yAxis.labels.style )
-				;
-			return _r;
-		}
-		
-		public function get subtitleStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.subtitle
-				&& chartData.subtitle.style
-				&& ( _r = chartData.subtitle.style )
-				;
-			return _r;
-		}		
-		public function get subtitleEnable():Boolean{
-			var _r:Boolean = true
-			chartData 
-				&& chartData.subtitle
-				&& ( 'enabled' in chartData.subtitle )
-				&& ( _r = StringUtils.parseBool( chartData.subtitle.enabled ) )
-				;
-			return _r;
-		}
-		
-		public function get creditsStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.credits
-				&& chartData.credits.style
-				&& ( _r = chartData.credits.style )
-				;
-			return _r;
-		}		
-		public function get creditsEnabled():Boolean{
-			var _r:Boolean = true;
-			chartData 
-				&& chartData.credits
-				&& ( 'enabled' in chartData.credits )
-				&& ( _r = chartData.credits.enabled )
-				;
-			return _r;
-		}
-		
-		public function get legendItemStyle():Object{
-			var _r:Object = {};
-			chartData 
-			&& chartData.legend
-				&& chartData.legend.itemStyle
-				&& ( _r = chartData.legend.itemStyle )
+				&& chartData.legend
+				&& chartData.legend.margin
+				&& ( _r = Common.extendObject( _r, chartData.legend.margin ) )
 				;
 			return _r;
 		}
@@ -788,17 +540,6 @@ package org.xas.jchart.common
 			return _r;
 		}
 		
-		public function get colors():Array{
-			var _r:Array = DefaultOptions.colors;
-			
-			chartData 
-				&& chartData.colors
-				&& chartData.colors.length
-				&& ( _r = chartData.colors );
-			
-			return _r;
-		}
-		
 		public function tooptipSerialItemColor( _ix:uint, _fixColorIndex:Boolean = true ):uint{
 			var _r:uint = 0, _colors:Array = tooltipSerialColors;
 			
@@ -811,114 +552,7 @@ package org.xas.jchart.common
 			_r = _colors[ _ix % ( _colors.length ) ];			
 			return _r;
 		}
-		
-		public function tooltipHeaderStyle():Object{
-			var _r:Object = {};
-			
-			chartData 
-				&& chartData.tooltip
-				&& chartData.tooltip.headerStyle
-				&& ( _r = chartData.tooltip.headerStyle );
-			
-			return _r;
-		}
-		
-		public function tooltipHeaderYSpace():Number{
-			var _r:Number = 6;
-			
-			chartData 
-				&& chartData.tooltip
-				&& ( 'headerYSpace' in chartData.tooltip )
-				&& ( _r = chartData.tooltip.headerYSpace as Number );
-			
-			return _r;
-		}
-		
-		public function tooltipItemYSpace():Number{
-			var _r:Number = 6;
-			
-			chartData 
-			&& chartData.tooltip
-				&& ( 'itemYSpace' in chartData.tooltip )
-				&& ( _r = chartData.tooltip.itemYSpace as Number );
-			
-			return _r;
-		}
-		
-		public function tooltipValueLabelXSpace():Number{
-			var _r:Number = 4;
-			
-			chartData 
-			&& chartData.tooltip
-				&& ( 'valueLabelXSpace' in chartData.tooltip )
-				&& ( _r = chartData.tooltip.valueLabelXSpace as Number );
-			
-			return _r;
-		}
-		
-		public function tooltipLabelStyle():Object{
-			var _r:Object = {};
-			
-			chartData 
-				&& chartData.tooltip
-				&& chartData.tooltip.labelStyle
-				&& ( _r = chartData.tooltip.labelStyle );
-			
-			return _r;
-		}
-		
-		public function tooltipValueStyle():Object{
-			var _r:Object = {};
-			
-			chartData 			
-			&& chartData.tooltip
-				&& chartData.tooltip.valueStyle
-				&& ( _r = chartData.tooltip.valueStyle );
-			
-			return _r;
-		}
-		
-		public function get tooltipHeaderIcon():Object{
-			var _r:Object = {};
-			
-			chartData 			
-			&& chartData.tooltip
-				&& chartData.tooltip.headerIcon
-				&& ( _r = chartData.tooltip.headerIcon );
-			
-			return _r;
-		}
-		
-		public function get tooltipHeaderIconStyle():Object{
-			var _r:Object = {};
-			
-			tooltipHeaderIcon 
-				&& tooltipHeaderIcon.style			
-				&& ( _r = tooltipHeaderIcon.style );
-			
-			return _r;
-		}
-		
-		public function get tooltipHeaderIconEnabled():Boolean{
-			var _r:Boolean = false;
-			
-			tooltipHeaderIcon 			
-				&& ( _r = StringUtils.parseBool( tooltipHeaderIcon.enabled ) );
-			
-			return _r;
-		}
-		
-		public function get tooltipSerialColors():Array{
-			var _r:Array = DefaultOptions.tooltip.serialColor;
-			
-			chartData 			
-				&& chartData.tooltip
-				&& chartData.tooltip.serialColor
-				&& chartData.tooltip.serialColor.length
-				&& ( _r = chartData.tooltip.serialColor );
-			
-			return _r;
-		}
+
 		
 		public function tooptipAfterSerialItemColor( _ix:uint, _fixColorIndex:Boolean = true ):uint{
 			var _r:uint = 0, _colors:Array = tooltipAfterSerialColors;
@@ -932,84 +566,107 @@ package org.xas.jchart.common
 			_r = _colors[ _ix % ( _colors.length ) ];			
 			return _r;
 		}
+
+		/* xlabel rotation start */
+
+		public function get absLabelRotationAngle():Number{
+			return Math.abs( labelRotationAngle );
+		}
 		
-		public function get tooltipAfterSerialColors():Array{
-			var _r:Array = DefaultOptions.tooltip.afterSerialColor;
+		protected var _labelRotationDir:int = 1; // 0 - 向右 | 1 - 向左
+		public function get labelRotationDir():int{
+			var _tmpDir:String;
 			
-			chartData 			
-				&& chartData.tooltip
-				&& chartData.tooltip.afterSerialColor
-				&& chartData.tooltip.afterSerialColor.length
-				&& ( _r = chartData.tooltip.afterSerialColor );
+			this.cd
+				&& this.cd.xAxis
+				&& this.cd.xAxis.rotation
+				&& this.cd.xAxis.rotation.dir
+				&& ( _tmpDir = this.cd.xAxis.rotation.dir );
 			
-			return _r;
+			_labelRotationDir = _tmpDir == "right" ? 0 : 1;
+			
+			if( labelRotationAngle && labelRotationAngle > 0 ) {
+				_labelRotationDir = 0;
+			}
+			
+			return _labelRotationDir;
 		}
 		
-		public function get displayAllLabel():Boolean{
-			var _r:Boolean = true;
-			chartData 
-				&& ( 'displayAllLabel' in chartData )
-				&& ( _r = chartData[ 'displayAllLabel' ] );
-			return _r;
+		public function setChartData( _d:Object ):Object { 		
+			_displayAllLabel = true;
+			reset();		
+			_chartData = _d;			
+			this._hasNegative = Common.hasNegative( displaySeries );
+			calcRate();
+			calcLabelDisplayIndex();
+			_chartData && ( _chartData.legend = _chartData.legend || {} );
+			return _d;
 		}
 		
+		public function setDisplayAllLabel( _dal:Boolean ):void {
+			_displayAllLabel = _dal;
+			_displayOverride = true;
+			_displayOverrideValue = _dal;
+		}
+
+		
 		/**
 		 * 获取要显示的水平标签索引位置
 		 * 如果返回 undefined, 将显示全部
 		 */
-		protected function calcLabelDisplayIndex():void{
+		public function calcLabelDisplayIndex():void{
 			var _tmp:Number, _len:int = categories.length, _tmp1:Number;
 			_labelDisplayIndex = {};
-			if( !displayAllLabel ){
-				_labelDisplayIndex[ 0 ] = true;
-				_labelDisplayIndex[ _len - 1 ] = true;
+			if( !displayAllLabel ) {
 				
-				_tmp1 = _len % 3;
-				_tmp = Math.floor( _len / 3 );
-				
-				//if( _len >= 7 ){	
-					switch( _tmp1 ){
-						case 0:{
-							_labelDisplayIndex[ Math.floor( _tmp * 1 ) - 1] = true;
-							_labelDisplayIndex[ Math.floor( _tmp * 2 ) - 0 ] = true;
-							break;
-						}
-						case 1: {
-							_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
-							_labelDisplayIndex[ Math.floor( _tmp * 2 )  ] = true;
-							break;
-						}
-						case 2: {
-							_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
-							_labelDisplayIndex[ Math.floor( _tmp * 2 ) + 1  ] = true;
-							break;
+				if( !displayMod ) {
+					_labelDisplayIndex[ 0 ] = true;
+					_labelDisplayIndex[ _len - 1 ] = true;
+					_tmp1 = _len % 3;
+					_tmp = Math.floor( _len / 3 );
+					
+					if( _len >= 7 ){	
+						switch( _tmp1 ){
+							case 0:{
+								_labelDisplayIndex[ Math.floor( _tmp * 1 ) - 1] = true;
+								_labelDisplayIndex[ Math.floor( _tmp * 2 ) - 0 ] = true;
+								break;
+							}
+							case 1: {
+								_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
+								_labelDisplayIndex[ Math.floor( _tmp * 2 )  ] = true;
+								break;
+							}
+							case 2: {
+								_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
+								_labelDisplayIndex[ Math.floor( _tmp * 2 ) + 1  ] = true;
+								break;
+							}
+							default: {
+								_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
+								_labelDisplayIndex[ Math.floor( _tmp * 2 )  ] = true;
+								break;
+							}
 						}
-						default: {
-							_labelDisplayIndex[ Math.floor( _tmp * 1 ) ] = true;
-							_labelDisplayIndex[ Math.floor( _tmp * 2 )  ] = true;
-							break;
+					}
+				} else {
+					var _item:Object;
+					var _idx:int = startIndex;
+					
+					for( var _i:Number = _idx; _i < _len; _i++ ){
+						_item = _labelDisplayIndex[ _i ];
+						if( _i == _idx ){
+							_labelDisplayIndex[ _i ] = true;
+						} else if( ( _i - _idx ) % displayMod == 0 ) {
+							_labelDisplayIndex[ _i ] = true;
 						}
-					}			
-			/*
-				}else{
-					_labelDisplayIndex[ 1 ] = true;
-					_labelDisplayIndex[ _len - 2 ] = true;
+					}
 				}
-					*/
 			}
 		}
 		protected var _labelDisplayIndex:Object = {};
 		public function get labelDisplayIndex():Object{ return _labelDisplayIndex; }
-		
-		public function get offsetAngle():Number{
-			var _r:Number = 270;
-			
-			cd 
-				&& ( 'offsetAngle' in cd )
-				&& ( _r = cd.offsetAngle );
-			
-			return _r;
-		}
+
 		public function get totalNum():Number{
 			return 0;
 		}
@@ -1019,11 +676,18 @@ package org.xas.jchart.common
 		public function set selected( _setter:int ):void{ _selected = _setter; }
 		public function get itemName():String{ return ''; }
 		
+		protected var _dataInited:Boolean = false;
+		public function get dataInited():Boolean{ return _dataInited };
+		public function set dataInited( _setter:Boolean ):void{ _dataInited = _setter }
+		
 		public function clearData():BaseConfig{
 			_displaySeries = [];
 			_displaySeriesIndexMap = {};
 			_filterData = {};
 			_chartData = {};
+			_displayLegend = [];
+			_selected = -1;			
+			_dataInited = false;
 			
 			return this;
 		}
@@ -1069,7 +733,7 @@ package org.xas.jchart.common
 			this.cd 
 				&& this.cd.chart
 				&& ( _r = this.cd.chart );
-						return _r;
+			return _r;
 		}
 		
 		public function get hoverBgParams():Object{
@@ -1137,6 +801,7 @@ package org.xas.jchart.common
 			var _r:Number = this.c.vlabelSpace || 4;
 			return _r;
 		}
+
 		
 		public function get stageWidth():Number{
 			var _r:Number = this.width;			
@@ -1166,7 +831,15 @@ package org.xas.jchart.common
 			_isFloatLenReady = false;
 			_isMaxValueReady = false;
 			_maxValue = 0;			
-			selected = -1;
+//			selected = -1;
+			_ignoreAutoRate = false;
+			
+			_labelRotationEnable = false;
+			_labelRotationAngle = -45;
+			_labelRotationDir = 1;
+			
+			_displayOverride = false;
+			_displayOverrideValue = false;
 		}
 		
 		public function get animation():Object {
@@ -1179,17 +852,93 @@ package org.xas.jchart.common
 			var _r:Boolean;
 			//return true;
 			'enabled' in animation && ( _r =  StringUtils.parseBool( this.animation.enabled ) );
+			!displaySeries.length && ( _r = false );
+			return _r;
+		}
+
+		
+		/* legend start */
+		
+		public function get legendInterval():Number {
+			var _interval:Number= 2;
+			if( cd && cd.legend && legendEnabled && ( 'interval' in cd.legend ) ){
+				_interval = cd.legend.interval;
+			}
+			return _interval;
+		}
+		
+		public function get legendDir():Number {
+			var _interval:Number= 7;
+			var _intervalDesc:String;
+			if( legendEnabled && ( 'direction' in cd.legend ) ){
+				_interval = cd.legend.direction;
+				
+				if( isNaN( _interval ) ){
+					_intervalDesc = cd.legend.direction;
+					
+					switch( _intervalDesc ){
+						case 'TOP_LEFT' : { _interval = 0;break; }
+						case 'TOP_CENTER' : { _interval = 1;break; }
+						case 'TOP_RIGHT' : { _interval = 2;break; }
+						
+						case 'RIGHT_TOP' : { _interval = 3;break; }
+						case 'MIDDLE_RIGHT' : 
+						case 'RIGHT_MIDDLE' : { 
+							_interval = 4;break; 
+						}
+						case 'RIGHT_BOTTOM' : { _interval = 5;break; }
+							
+						case 'BOTTOM_LEFT' : { _interval = 6;break; }
+						case 'BOTTOM_CENTER' : { _interval = 7;break; }
+						case 'BOTTOM_RIGHT' : { _interval = 8;break; }
+							
+						case 'LEFT_TOP' : { _interval = 9;break; }
+						case 'MIDDLE_LEFT' :
+						case 'LEFT_MIDDLE' : { _interval = 10;break; }
+						case 'LEFT_BOTTOM' : { _interval = 11;break; }
+						
+						default : { _interval = 7;break; }
+					}
+				} else {
+					if( _interval < 0 || _interval > 11 ){
+						_interval = 7;
+					}
+				}
+			}
+			return _interval;
+		}
+		
+		public function get groupEnabled():Boolean{
+			var _r:Boolean = StringUtils.parseBool( group.enabled );
+			!( group.data && group.data.length ) && ( _r = false );
 			return _r;
 		}
 		
-		public function get animationDuration():Number {
-			var _r:Number = .75;
-			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+		protected var _mixModel:BaseMixChartModel;
+		public function get mixModel():BaseMixChartModel{ return _mixModel; }
+		
+		public function getYAxisIndex( _seriesItem:Object ):int{
+			var _r:int = 0;
+			return _r;
+		}	
+				
+		public function get hasVTitle():Boolean{
+			var _r:Boolean;
+			return _r;
+		}
+				
+		public function get chartName():String{ return ''; }
+		public function get chartUrl():String{ return ''; }
+		
+		public function getItemStyle():Array{
+			var _r:Array = [];
+			
+			cd.itemsStyle && ( _r = cd.itemsStyle );
+			
 			return _r;
 		}
 		
-		public function BaseConfig()
-		{
+		public function BaseConfig() {
 		}
 		
 	}
diff --git a/flash/source/lib/src/org/xas/jchart/common/BaseFacade.as b/flash/source/lib/src/org/xas/jchart/common/BaseFacade.as
index 6e04e9f..c37cc9e 100644
--- a/flash/source/lib/src/org/xas/jchart/common/BaseFacade.as
+++ b/flash/source/lib/src/org/xas/jchart/common/BaseFacade.as
@@ -1,8 +1,22 @@
 package org.xas.jchart.common
 {
+	import flash.display.DisplayObjectContainer;
+	import flash.events.ContextMenuEvent;
+	import flash.net.URLRequest;
+	import flash.net.navigateToURL;
+	import flash.ui.ContextMenu;
+	import flash.ui.ContextMenuItem;
+	
 	import org.puremvc.as3.multicore.interfaces.IFacade;
 	import org.puremvc.as3.multicore.patterns.facade.Facade;
+	import org.xas.core.i.IContextMenu;
+	import org.xas.core.model.ContextMenuData;
 	import org.xas.core.utils.Log;
+	import org.xas.core.utils.SystemUtils;
+	import org.xas.core.utils.URLUtils;
+	import org.xas.jchart.common.controller.*;
+	import org.xas.jchart.common.data.ProjectInfo;
+	import org.xas.jchart.common.event.JChartEvent;
 	
 	public class BaseFacade extends Facade implements IFacade
 	{
@@ -12,7 +26,31 @@ package org.xas.jchart.common
 		public function BaseFacade( _name:String)
 		{
 			this._name = _name;
-			super( _name );
+			super( _name );			
+			BaseConfig.ins.setFacade( this );
+		}
+		
+		override protected function initializeController():void{		
+			super.initializeController();	
+			//Log.log( 'BaseFacade.initializeController' );
+			
+			registerCommand( JChartEvent.INITED, InitedCmd );
+			
+			registerCommand( JChartEvent.SHOW_CHART				, GlobalShowChartCmd );
+			registerCommand( JChartEvent.DRAW					, GlobalDrawCmd );
+			
+			registerCommand( JChartEvent.UI_ITEM_CLICK			, UIItemClickCmd );
+			registerCommand( JChartEvent.ITEM_CLICK				, ItemClickCmd );
+			registerCommand( JChartEvent.GROUP_CLICK			, GroupClickCmd );
+			
+			registerCommand( JChartEvent.DISPLAY_ALL_CHECK		, DisplayAllCheckCmd );
+			registerCommand( JChartEvent.ROTATION_LABELS		, GlobalRotationLabelsCmd );
+			registerCommand( JChartEvent.ROTATION_LABELS_YAXIS	, GlobalRotationLabelsYAxisCmd )
+			;
+			registerCommand( JChartEvent.READY					, GlobalReadyCmd );
+			
+//			Log.log( 'BaseFacade', new Date().getTime() );
+			ProjectInfo.getInstance( BaseConfig.ins as Config, { facadeName: _name } );
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/Common.as b/flash/source/lib/src/org/xas/jchart/common/Common.as
index a80d461..36c9cdb 100644
--- a/flash/source/lib/src/org/xas/jchart/common/Common.as
+++ b/flash/source/lib/src/org/xas/jchart/common/Common.as
@@ -1,90 +1,46 @@
 package org.xas.jchart.common
 {
 	import flash.display.DisplayObject;
+	import flash.display.Graphics;
+	import flash.geom.Matrix;
 	import flash.geom.Point;
+	import flash.geom.Rectangle;
+	import flash.geom.Transform;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
 	import flash.text.TextFormat;
 	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.GeoUtils;
 	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.Common;
 	
 	public class Common
 	{		
-				
-		public static function numberUp( _in:Number, _floatLen:int = 5 ):Number{
-			var _out:Number = 0, _inStr:String = _in.toFixed( _floatLen )
-				, _part:Array = _inStr.split( '.' )
-				, _int:Number = Math.abs( _part[0] ), _float:Number = parseFloat( '0.' + _part[ 1 ] )
-				, _isNegative:Boolean = _in < 0
-				, _ar:Array
-				, i:int, j:int, tmp:Number
-				, _midNum:int, _char:int
-				;
-			
-			//Log.log( 'xxxxxx', _int.toString() );
-			
-			if( /[1-9]/.test( _int.toString( ) ) ){
-				tmp = Math.pow( 10, _int.toString().length - 1  );
-				_char = parseInt( _int.toString().charAt(0 ));
-				_midNum = tmp * _char + ( tmp * ( _char + 1 ) - tmp * _char ) / 2;
-				
-				if( _in < _midNum ){
-					_out = _midNum;
-				}else{					
-					_out = tmp * ( _char  +  1);
-					if( _out < _in ){
-						_out = tmp * 10;
-					}
-				}
-				
-			}else{						
-				for( _ar = _float.toFixed( _floatLen ).split(''), i = 0, j = _ar.length; i < j; i++ ){
-					if( _ar[i] != '0' && _ar[i] != '.' ){
-						tmp = parseFloat( _ar.slice( 0, i ).join('') + '1'  )
-							, _out = tmp + parseFloat( _ar.slice( 0, i ).join('') + parseInt( _ar[i] )  )
-							;
-						if( _out < _float ){
-							_out = tmp * 10;
-						}
-						
-						break;
-					}
-				}
-			}
-			
-			_isNegative && ( _out = -_out );
-			
-			return _out;
-		}
-		
 		
-		public static function each( _items:*, _cb:Function ):*{
-			var i:int, j:int, k:String;
+		public static function shortNumber( _num:Number, _precision:int = 2 ):String{
+			var _r:String = ''
+				, _absNum:Number = Math.abs( _num )
+				, _tmp:Number
+				, _billion:Number = Math.pow( 10, 8 )
+				, _tenThousand:Number = Math.pow( 10, 4 )
+				, _prefix:String = '';
+				;
+			_num < 0 && ( _prefix = '-' );
 			
-			if( 'length' in _items ){				
-				for( i = 0, j = _items.length; i < j; i++ ){
-					if( _cb( i, _items[ i ] ) === false ) break;
-				}				
+			if( _absNum >= _billion ){
+				_r = _prefix + ( _absNum / _billion ).toFixed( _precision ) + '亿';
+			}else if( _absNum >= _tenThousand ){
+				_r = _prefix + ( _absNum / _tenThousand ).toFixed( _precision ) + '万';
 			}else{
-				for( k in _items ){
-					if( _cb( k, _items[ k ] ) === false ) break;
-				}
+				_r = _num.toString();
 			}
 			
-			return _items;
-		}
-			
-		public static function isNegative( _num:Number ):Boolean{
-			return _num < 0;
-		}
-		
-		public static function　pointRectangleIntersection( p:Object, r:Object ):Boolean {
-			return p.x >= r.x && p.x <= r.x2 && p.y >= r.y && p.y <= r.y2;
+			return _r;
 		}
 		
-		
-		
 		/**
 		 * 逗号格式化金额
 		 * @method  moneyFormat
@@ -95,14 +51,23 @@ package org.xas.jchart.common
 		 * @return  string
 		 * @static
 		 */
-		public static function moneyFormat(_number:*, _len:uint = 3, _floatLen:uint = 2, _splitSymbol:String = ',' ):String{
-			var _def:String = '0.00';
+		public static function moneyFormat(
+			_number:*
+			, _len:uint = 3
+			, _floatLen:uint = 2
+			, _splitSymbol:String = ',' 
+			, _isShort:Boolean = false
+		):String{
+			
 			!_len && ( _len = 3 );
 			!_splitSymbol && ( _splitSymbol = ',' );
-			var _isNegative:Boolean = false, _r:String;
+			var _isNegative:Boolean = false
+				, _def:String = '0.00'
+				, _r:String
+				;
 			
+			//_number = parseFinance( _number, _floatLen );
 			
-			_number = parseFinance( _number, _floatLen );
 			
 			if( typeof _number == 'string' ){
 				_number = _number.replace( /[,]/g, '' );
@@ -111,6 +76,12 @@ package org.xas.jchart.common
 			}
 			
 			_number = _number || 0;
+			
+			if( _isShort && Math.abs( _number ) >= Math.pow( 10, 4 ) ){
+				_r = Common.shortNumber( _number, _floatLen );
+				return _r;
+			} 
+			
 			_number += ''; 
 			
 			/^\-/.test( _number ) && ( _isNegative = true );
@@ -141,6 +112,310 @@ package org.xas.jchart.common
 			
 			return _r;
 		}
+				
+		public static function numberUp( _in:Number, _floatLen:int = 5, _upBound:Number = 5 ):Number{
+			_upBound = _upBound < 0 ? 0 : _upBound;
+			var _out:Number = 0, _inStr:String = _in.toFixed( _floatLen )
+				, _oldBound:Number = _upBound
+				, _part:Array = _inStr.split( '.' )
+				, _int:Number = Math.abs( _part[0] ), _float:Number = parseFloat( '0.' + _part[ 1 ] )
+				, _isNegative:Boolean = _in < 0
+				, _ar:Array
+				, i:int, j:int, tmp:Number
+				, _midNum:int, _char:int
+				;
+			
+			if( _upBound <=0 ){
+				return _in;
+			}
+			
+			if( /[1-9]/.test( _int.toString( ) ) ){
+				tmp = Math.pow( 10, _int.toString().length - 1  );
+				//Log.log( [tmp, _in, _oldBound, _upBound ].join() );
+				_char = parseInt( _int.toString().charAt( 0 ));
+				_out = tmp + tmp / 10 * _upBound;
+				//Log.log( [_out ].join() );
+				
+				if( _out < _in && tmp > 0 ){
+					do{
+						_upBound = _upBound + _oldBound;
+						_out = tmp + tmp / 10 * ( _upBound );					
+					}while( _out < _in );
+				}
+				
+			}else{						
+				for( _ar = _float.toFixed( _floatLen ).split(''), i = 0, j = _ar.length; i < j; i++ ){
+					if( _ar[i] != '0' && _ar[i] != '.' ){
+						
+						tmp = parseFloat( _ar.slice( 0, i ).join('') + '1'  );
+						_out = tmp + tmp / 10 * _upBound;
+						//Log.log( [_out ].join() );
+						
+						if( _out < _in && tmp > 0 ){
+							do{
+								_upBound = _upBound + _oldBound;
+								_out = tmp + tmp / 10 * ( _upBound );					
+							}while( _out < _in );
+						}
+						
+						break;
+					}
+				}
+			}
+			
+			_isNegative && ( _out = -_out );
+			
+			return _out;
+		}
+		
+		public static function percentDown( _in:Number, _deep:int = 1 ):Number{
+			
+			var _out:Number = 0
+				, _find:Boolean
+				, _inStr:String = _in.toString()
+				, _tmpAr:Array = _inStr.split( '' )
+				, _findCount:int = 1
+				;
+			
+			Common.each( _tmpAr, function( _k:int, _item:String ):void{
+				if( /[1-9]/.test( _item ) ){
+					_find = true;
+					if( _findCount > _deep ){
+						_tmpAr[ _k ] = 0;
+					}else{
+						_tmpAr[ _k ] = 1;
+					}
+				}
+				if( _find && /[0-9]/.test( _item ) ){
+					_findCount++;
+				}
+			});
+			
+			_out = Number( _tmpAr.join('' ) );
+			
+			return _out;
+		}
+		
+		public static function calcRotationLabelPoint( _item:TextField, _angle:Number ):Rectangle{
+			
+			var _r:Rectangle = new Rectangle()
+				, _rpoint:Point, _tmpPoint:Point
+				, _cpoint:Point = new Point( _item.x, _item.y )
+				, _rect:Rectangle = _item.getRect( _item )
+				, _bound:Rectangle = _item.getBounds( _item )
+				, _rwidth:Number, _rheight:Number
+				, _oangle:Number = _angle
+				, _absAngle:Number = Math.abs( _angle )
+				;
+			
+			if( _absAngle > 0 ){
+				_item.rotationZ = _angle;
+				
+				_angle %= 180;
+				if( _angle === 0 ){
+					_angle = _oangle;
+				}
+			}
+
+			
+			_rwidth = _item.width;
+			_rheight = _item.height;
+			
+			
+//			if( _angle > 0 ){
+//				_tf.x = _newPoint.x + _rect.height / 2;
+//			}else{
+//				_tf.x = _newPoint.x - _rect.height / 2;
+//			}
+			_tmpPoint = new Point( _item.x, _item.y );
+			if( _angle === 0 ){
+				var _tf:TextFormat = _item.defaultTextFormat;
+				_item.text = _item.text.replace( /[\r\n\-]+/g, '' ).split('').join('\r');
+				_tf.leading = -4;
+				_item.setTextFormat( _tf );
+				_tmpPoint.y -= 1;
+				_tmpPoint.x -= _item.width / 2;	
+			}else if( _angle < 0 ){
+				_rpoint = GeoUtils.moveByAngle( _angle, new Point( 0, 0 ), _rect.width );
+				_tmpPoint = _cpoint.subtract( _rpoint );
+				
+//				Log.log( _angle, _absAngle );
+				
+				if( _absAngle >= 180 ){	
+					_tmpPoint.y += 18;
+					_tmpPoint.x -= 4;				
+				}else if( _absAngle >= 170  ){
+					_tmpPoint.y += 16;
+					_tmpPoint.x -= 7;
+				}else if( _absAngle >= 160 ){
+					_tmpPoint.y += 14;
+					_tmpPoint.x -= 9;
+				}else if( _absAngle >= 150 ){
+					_tmpPoint.y += 12;
+					_tmpPoint.x -= 9;
+				}else if( _absAngle >= 140 ){
+					_tmpPoint.y += 10;
+					_tmpPoint.x -= 11;
+				}else if( _absAngle >= 130 ){
+					_tmpPoint.y += 8;
+					_tmpPoint.x -= 11;
+				}else if( _absAngle >= 120 ){
+					_tmpPoint.y += 5;
+					_tmpPoint.x -= 12;
+				}else if( _absAngle >= 110 ){
+					_tmpPoint.y += 4;
+					_tmpPoint.x -= 11;
+				}else if( _absAngle >= 100 ){
+					_tmpPoint.y += 2;
+					_tmpPoint.x -= 10;
+				}else if( _absAngle >= 90 ){
+					_tmpPoint.x -= _rect.height / 2;
+				}else if( _absAngle >= 80 ){
+					_tmpPoint.y -= 1;
+					_tmpPoint.x -= 9;
+				}else if( _absAngle >= 70 ){
+					_tmpPoint.y -= 2;
+					_tmpPoint.x -= 7;
+				}else if( _absAngle >= 60 ){
+					_tmpPoint.y -= 3;
+					_tmpPoint.x -= 5;
+				}else if( _absAngle >= 50 ){
+					_tmpPoint.y -= 3;
+					_tmpPoint.x -= 3;
+				}else if( _absAngle >= 40 ){
+					_tmpPoint.y -= 3;
+					_tmpPoint.x -= 4;
+				}else if( _absAngle >= 30 ){
+					_tmpPoint.y -= 3;
+				}else if( _absAngle >= 20 ){
+					_tmpPoint.x += 4;
+					_tmpPoint.y -= 3;
+				}else if( _absAngle >= 10 ){
+					_tmpPoint.x += 3;
+					_tmpPoint.y -= 3;
+				}else{
+					_tmpPoint.x += 4;
+					_tmpPoint.y -= 3;
+				}
+			}else{
+				_tmpPoint = new Point( _item.x, _item.y );
+				if( _absAngle >= 180 ){
+					_tmpPoint.x += 6;
+					_tmpPoint.y += 19;			
+				}else if( _absAngle >= 170  ){
+					_tmpPoint.x += 7;
+					_tmpPoint.y += 18;
+				}else if( _absAngle >= 160 ){
+					_tmpPoint.x += 8;
+					_tmpPoint.y += 17;
+				}else if( _absAngle >= 150 ){
+					_tmpPoint.x += 9;
+					_tmpPoint.y += 15;
+				}else if( _absAngle >= 140 ){
+					_tmpPoint.x += 10;
+					_tmpPoint.y += 13;
+				}else if( _absAngle >= 130 ){
+					_tmpPoint.x += 10;
+					_tmpPoint.y += 10;
+				}else if( _absAngle >= 120 ){
+					_tmpPoint.x += 11;
+					_tmpPoint.y += 8;
+				}else if( _absAngle >= 110 ){
+					_tmpPoint.x += 11;
+					_tmpPoint.y += 6;
+				}else if( _absAngle >= 100 ){
+					_tmpPoint.x += 11;
+					_tmpPoint.y += 4;
+				}else if( _absAngle >= 90 ){
+					_tmpPoint.x += _rect.height / 2;
+					_tmpPoint.y += 2;
+				}else if( _absAngle >= 80 ){
+					_tmpPoint.x += 9;
+					_tmpPoint.y += 1;
+				}else if( _absAngle >= 70 ){
+					_tmpPoint.x += 8;
+					_tmpPoint.y -= 0;
+				}else if( _absAngle >= 60 ){
+					_tmpPoint.x += 6;
+					_tmpPoint.y -= 1;
+				}else if( _absAngle >= 50 ){
+					_tmpPoint.x += 4;
+					_tmpPoint.y -= 1;
+				}else if( _absAngle >= 40 ){
+					_tmpPoint.x += 2;
+					_tmpPoint.y -= 2;
+				}else if( _absAngle >= 30 ){
+					_tmpPoint.x -= 0;
+					_tmpPoint.y -= 2;
+				}else if( _absAngle >= 20 ){
+					_tmpPoint.x -= 2;
+					_tmpPoint.y -= 1;
+				}else if( _absAngle >= 10 ){
+					_tmpPoint.x -= 3;
+					_tmpPoint.y -= 1;
+				}else{
+					_tmpPoint.x -= 4;
+					_tmpPoint.y -= 0;
+				}
+			}
+			_r.x = _tmpPoint.x;
+			_r.y = _tmpPoint.y;
+			_r.width = _item.width;
+			_r.height = _item.height;
+			
+			//Log.log( _absAngle, _r.height );
+			if( _absAngle == 90 ){
+				_r.height += 8; 
+			}
+			//Log.log( _absAngle, _r.height );
+
+			return _r;
+		}
+		
+		public static function trans( d:DisplayObject ):void {
+			var tr:Transform = d.transform;
+			var m:Matrix = tr.matrix;
+			m.scale( .5, 2 );
+			m.translate( 50, 100 );
+			tr.matrix = m;
+			d.transform = tr;
+		}
+		
+		
+		public static function numberDown( _in:Number, _deep:int = 1 ):Number{
+			
+			var _out:Number = 0
+				, _find:Boolean
+				, _inStr:String = _in.toString()
+				, _tmpAr:Array = _inStr.split( '' )
+				, _findCount:int = 1
+				;
+						
+			Common.each( _tmpAr, function( _k:int, _item:String ):void{
+				if( /[1-9]/.test( _item ) ){
+					_find = true;
+					if( _findCount > _deep ){
+						_tmpAr[ _k ] = 0;
+					}
+				}
+				if( _find && /[0-9]/.test( _item ) ){
+					_findCount++;
+				}
+			});
+				
+			_out = Number( _tmpAr.join('' ) );
+			
+			return _out;
+		}
+			
+		public static function isNegative( _num:Number ):Boolean{
+			return _num < 0;
+		}
+		
+		public static function　pointRectangleIntersection( p:Object, r:Object ):Boolean {
+			return p.x >= r.x && p.x <= r.x2 && p.y >= r.y && p.y <= r.y2;
+		}
+
 
 		
 		/**
@@ -197,7 +472,7 @@ package org.xas.jchart.common
 			var _r:Boolean = false;
 			
 			if( _data && _data.length ){
-				each( _data, function( _ix:int, _item:Object ):*{
+				Common.each( _data, function( _ix:int, _item:Object ):*{
 					var _tmp:Number = Math.min.apply( null, _item.data );
 					if( _tmp < 0 ){
 						_r = true;
@@ -205,6 +480,23 @@ package org.xas.jchart.common
 					}
 				});
 			}			
+
+			return _r;
+		}
+		
+		public static function hasPositive( _data:Array ):Boolean{
+			var _r:Boolean = false;
+			
+			if( _data && _data.length ){
+				each( _data, function( _ix:int, _item:Object ):*{
+					var _tmp:Number = Math.min.apply( null, _item.data );
+					if( _tmp > 0 ){
+						_r = true;
+						return false;
+					}
+				});
+			}
+
 			return _r;
 		}
 		
@@ -407,11 +699,100 @@ package org.xas.jchart.common
 		 * @return  number
 		 */
 		public static function parseFinance( _i:Number, _dot:int = 2 ):Number{
-			
 			_i = parseFloat( _i.toString() ) || 0;
 			_i && ( _i = parseFloat( _i.toFixed( _dot ) ) );
 			
 			return _i;
 		}
+		
+		public static function drawCircleArc( 
+			_g:Graphics
+			, _centerPoint:Point 
+			, _radius:Number
+			, _startAngle:Number
+			, _endAngle:Number
+			, _angleStep:Number = .5
+			, _data:Object = null
+		):Object {
+			_data = _data || {};
+			var _r:Object = {
+					centerPoint: _centerPoint
+					, radius: _radius
+					
+					, startAngle: _startAngle
+					, endAngle: _endAngle
+					
+					, angleStep: _angleStep
+					
+					, countAngle: _startAngle
+					, data: _data
+				}
+				, _tmpPoint:Point
+				;
+			
+			if( 'color' in _data ){
+				_g.lineStyle( 1, _data.color );
+			}
+			
+			if( 'firstColor' in _data ){
+				_g.lineStyle( 1, _data.firstColor );
+			}
+			
+			while( true )
+			{
+				
+				if( _startAngle > _endAngle ){
+					if( _r.countAngle <= _endAngle )
+					{
+						_r.countAngle = _endAngle;
+						_tmpPoint = GeoUtils.moveByAngle( _endAngle, _centerPoint, _radius );
+						_g.lineTo( _tmpPoint.x, _tmpPoint.y );
+						break;
+					}
+					_tmpPoint = GeoUtils.moveByAngle( _r.countAngle, _centerPoint, _radius );
+					_g.lineTo( _tmpPoint.x, _tmpPoint.y );				
+					_r.countAngle -= _angleStep;
+					
+				}else{
+					if( _r.countAngle >= _endAngle )
+					{
+						_r.countAngle = _endAngle;
+						_tmpPoint = GeoUtils.moveByAngle( _endAngle, _centerPoint, _radius );
+						_g.lineTo( _tmpPoint.x, _tmpPoint.y );
+						break;
+					}
+					_tmpPoint = GeoUtils.moveByAngle( _r.countAngle, _centerPoint, _radius );
+					_g.lineTo( _tmpPoint.x, _tmpPoint.y );				
+					_r.countAngle += _angleStep;
+				}
+				if( 'color' in _data ){
+					_g.lineStyle( 1, _data.color );
+				}
+			}
+			
+			return _r;
+		}
+		
+		public static function each( _items:*, _cb:Function, _isReverse:Boolean = false ):*{
+			var i:int, j:int, k:String;
+			
+			if( 'length' in _items ){				
+				if( _isReverse ){
+					for( i = _items.length - 1; i >= 0; i-- ){
+						if( _cb( i, _items[ i ] ) === false ) break;
+					}		
+				}else{
+					for( i = 0, j = _items.length; i < j; i++ ){
+						if( _cb( i, _items[ i ] ) === false ) break;
+					}		
+				}		
+			}else{
+				for( k in _items ){
+					if( _cb( k, _items[ k ] ) === false ) break;
+				}
+			}
+			
+			return _items;
+		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/config/BasePieConfig.as b/flash/source/lib/src/org/xas/jchart/common/config/BasePieConfig.as
new file mode 100644
index 0000000..03e25c0
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/config/BasePieConfig.as
@@ -0,0 +1,464 @@
+package org.xas.jchart.common.config
+{
+	import flash.geom.Rectangle;
+	
+	import flashx.textLayout.formats.TextAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.view.mediator.LegendMediator.BaseLegendMediator;
+	
+	public class BasePieConfig extends BaseConfig
+	{
+		public function BasePieConfig()
+		{
+			super();
+		}
+		 
+		protected var _pseries:Array = [];
+		
+		override public function setChartData(_d:Object):Object{
+			super.setChartData( _d );
+			
+			_pseries = [];
+			
+			if( this.cd.series && this.cd.series.length ){
+				Common.each( this.cd.series[0].data, function( _k:int, _item: * ):void{
+					var _o:Object, _a:Array = _item as Array;
+					if( !_a ){
+						_o = _item as Object;
+					}else{
+						_o = { 'name': _a[0], 'y': _a[1] };
+					}
+					_pseries.push( _o );
+				});
+				//Log.printJSON( _pseries );
+			}
+			
+			return this.chartData;
+		}
+		
+		override public function get series():Array{
+			
+			return _pseries;
+		}
+		
+		override public function updateDisplaySeries( _filter:Object = null, _data:Object = null ):BaseConfig{
+			_data = _data || chartData;
+			if( !( _data && _data.series && _data.series.length ) ) return this;
+			var _tmpSeries:Array = JSON.parse( JSON.stringify( _data.series ) ) as Array
+				;
+			
+			_displaySeries = []
+			_displaySeriesIndexMap = {};
+			//Log.printJSON( _tmpSeries[0].data );
+			
+			Common.each( _tmpSeries[0].data, function( _k:int, _item: * ):void{
+				var _o:Object, _a:Array = _item as Array;
+				if( !_a ){
+					_o = _item as Object;
+				}else{
+					_o = { 'name': _a[0], 'y': _a[1] };
+				}
+				_displaySeries.push( _o );
+				_displaySeriesIndexMap[ _k ] = _k;
+			});			
+						
+			if( _filter ){
+				var _tmp:Array = [], _count:int = 0;
+				_displaySeriesIndexMap = {};
+				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+					if( !(_k in _filter) ){
+						_tmp.push( _item );	
+						_displaySeriesIndexMap[ _count++ ] = _k;
+					}
+				});
+				_displaySeries = _tmp;
+			}
+			
+			_filterData = _filter || {};		
+			
+			return this;
+		}
+		
+		override public function get totalNum():Number{
+			var _r:Number = 0;
+			
+			if( this.isPercent ){
+				_r = 100;
+			}else{
+				Common.each( _displaySeries, function( _k:int, _item:Object ):void{
+					_r += _item.y;
+				});
+			}
+			
+			return _r;
+		}
+		
+		override public function get itemName():String{
+			var _r:String = '';
+			cd && cd.series && cd.series.length && ( _r = cd.series[0].name || '' );
+			return _r;
+		}
+		
+		override public function get floatLen():int{
+			
+			if( _isFloatLenReady ){
+				return _floatLen;
+			}
+			_isFloatLenReady = true;
+			
+			if( cd && ( 'floatLen' in cd ) ){
+				_floatLen = cd.floatLen;
+			}else{
+				_floatLen = 0;
+				var _tmpLen:int = 0;
+				Common.each( series, function( _k:int, _item:Object ):void{
+					_tmpLen = Common.floatLen( _item.y );
+					_tmpLen > _floatLen && ( _floatLen = _tmpLen );
+				});
+			}
+			_floatLen == 1 && ( _floatLen = 2 );
+			
+			return _floatLen;
+		}
+		
+		public function get innerRadiusEnabled():Boolean{
+			var _r:Boolean = false;
+			
+			cd 
+				&& cd.innerRadius
+				&& 'enabled' in cd.innerRadius
+				&& ( _r = StringUtils.parseBool( cd.innerRadius.enabled ) );
+			
+			return _r;
+		}
+		
+		public function get innerRadiusThickness():uint{
+			var _r:uint = 2;
+			
+			cd 
+				&& cd.innerRadius
+				&& 'thickness' in cd.innerRadius
+				&& ( _r = cd.innerRadius.thickness );
+			
+			return _r; 
+		}
+		
+		public function get innerRadiusMargin():uint{
+			var _r:uint = 6;
+			
+			cd 
+				&& cd.innerRadius
+				&& 'margin' in cd.innerRadius
+				&& ( _r = cd.innerRadius.margin );
+			
+			return _r;
+		}
+		
+		public function get radius():Number{
+			var _r:Number = this.coordinate.radius;
+			_r < 10 && ( _r = 10 );
+			return _r;
+		}
+		
+		public function get outRadius():Number{
+			return radius;
+		}
+		
+		public function get inRadius():Number{
+			return outRadius - radiusWidth;
+		}
+		
+		public function get radiusWidth():Number{
+			var _r:Number = radius - radius * this.radiusInnerRate;
+			
+			radiusData.width 
+				&& ( _r = radiusData.width );
+			
+			_r < 5 && ( _r = 5 );
+			
+			return _r;
+		}
+		
+		public function get radiusInnerRate():Number{
+			var _r:Number = .6;
+			radiusData.innerRate && ( _r = radiusData.innerRate );
+			return _r;
+		}		
+
+		
+		public function get radiusData():Object{
+			var _r:Object = {};
+			cd && cd.radius && ( _r = cd.radius || _r );
+			return _r;
+		}
+		
+		public function get dataLabelLineStart():Number{
+			var _r:Number = 0;
+			
+			cd 
+				&& cd.plotOptions
+				&& cd.plotOptions.pie
+				&& cd.plotOptions.pie.dataLabels
+				&& cd.plotOptions.pie.dataLabels.line
+				&& ( 'start' in cd.plotOptions.pie.dataLabels.line )
+				&& ( _r = cd.plotOptions.pie.dataLabels.line.start );
+			
+			cd 
+				&& cd.dataLabels
+				&& cd.dataLabels.line
+				&& ( 'start' in cd.dataLabels.line )
+				&& ( _r = cd.dataLabels.line.start );
+			
+			return _r;
+		}
+		
+		
+		public function get dataLabelLineLength():Number{
+			var _r:Number = 40;
+			
+			cd 
+			&& cd.plotOptions
+				&& cd.plotOptions.pie
+				&& cd.plotOptions.pie.dataLabels
+				&& cd.plotOptions.pie.dataLabels.line
+				&& ( 'length' in cd.plotOptions.pie.dataLabels.line )
+				&& ( _r = cd.plotOptions.pie.dataLabels.line.length );
+			
+			cd 
+			&& cd.dataLabels
+				&& cd.dataLabels.line
+				&& ( 'length' in cd.dataLabels.line )
+				&& ( _r = cd.dataLabels.line.length );
+			
+			return _r;
+		}
+		
+		public function get dataLabelLineControlXOffset():Number{
+			var _r:Number = 5;
+			
+			cd 
+			&& cd.plotOptions
+				&& cd.plotOptions.pie
+				&& cd.plotOptions.pie.dataLabels
+				&& cd.plotOptions.pie.dataLabels.line
+				&& ( 'controlX' in cd.plotOptions.pie.dataLabels.line )
+				&& ( _r = cd.plotOptions.pie.dataLabels.line.controlX );
+			
+			cd 
+			&& cd.dataLabels
+				&& cd.dataLabels.line
+				&& ( 'controlX' in cd.dataLabels.line )
+				&& ( _r = cd.dataLabels.line.controlX );
+			
+			return _r;
+		}
+				
+		public function get dataLabelLineControlYOffset():Number{
+			var _r:Number = 5;
+			
+			cd 
+			&& cd.plotOptions
+				&& cd.plotOptions.pie
+				&& cd.plotOptions.pie.dataLabels
+				&& cd.plotOptions.pie.dataLabels.line
+				&& ( 'controlY' in cd.plotOptions.pie.dataLabels.line )
+				&& ( _r = cd.plotOptions.pie.dataLabels.line.controlY );
+			
+			cd 
+			&& cd.dataLabels
+				&& cd.dataLabels.line
+				&& ( 'controlY' in cd.dataLabels.line )
+				&& ( _r = cd.dataLabels.line.controlY );
+			
+			return _r;
+		}
+		
+		public function get moveDistance():Number{
+			var _r:Number = 10;
+			cd
+				&& cd.animation
+				&& 'moveDistance' in cd.animation
+				&& ( _r = cd.animation.moveDistance );
+				
+			return _r;
+		}
+		
+		public function get selectableEnabled():Boolean{
+			var _r:Boolean = true;
+			
+			cd 
+				&& cd.selectable
+				&& 'enabled' in cd.selectable
+				&& ( _r = StringUtils.parseBool( cd.selectable.enabled ) );
+			
+			return _r;
+		}
+		
+		override public function get offsetAngle():Number{
+			var _r:Number = 270;
+			
+			cd 
+				&& ( 'offsetAngle' in cd )
+				&& ( _r = cd.offsetAngle );
+			
+			
+			cd 
+				&& cd.angle
+				&& ( 'offset' in cd.angle )
+				&& ( _r = cd.angle.offset );
+							
+			return _r;
+		}
+				
+		public function get angleMargin():Number{
+			var _r:Number = 0;
+			
+			cd 
+				&& cd.angle
+				&& ( 'margin' in cd.angle )
+				&& ( _r = cd.angle.margin );
+			
+			return _r;
+		}
+		
+		public function legendIntersect( _radius:Number, _offsetWidth:Number, _offsetPad:Number ):Boolean{
+			var _r:Boolean = false
+				, _legendRect:Rectangle
+				, _chartRect:Rectangle
+				;
+
+			if( this.legendEnabled && this.c && this.c.legend ){
+				_chartRect = new Rectangle( 
+					this.c.cx - _radius - _offsetWidth - _offsetPad
+					, this.c.cy - _radius - _offsetPad
+					, ( _radius + _offsetWidth + _offsetPad ) * 2
+					, ( _radius + _offsetPad ) * 2
+					)
+				_legendRect = new Rectangle( this.c.legend.x, this.c.legend.y, pLegendMediator.maxWidth, pLegendMediator.maxHeight );
+//				Log.log( _chartRect, _legendRect );
+				_r = _chartRect.intersects( _legendRect );
+			}
+			
+			return _r;
+		}
+		
+		protected function get pLegendMediator():BaseLegendMediator{
+			return facade.retrieveMediator( BaseLegendMediator.name ) as BaseLegendMediator;
+		}
+		
+		public function get totalLabelEnabled():Boolean{
+			var _r:Boolean = false;
+			//return false;
+
+//			return true && this.totalNum; 
+			
+			cd 
+				&& cd.totalLabel
+				&& ( 'enabled' in cd.totalLabel )
+				&& ( _r = StringUtils.parseBool( cd.totalLabel.enabled ) && this.totalNum );
+			
+			return _r;
+		}
+		
+		public function get totalLabelFormat():String{
+			var _r:String = "{0}";
+			cd 
+				&& cd.totalLabel
+				&& ( 'format' in cd.totalLabel )
+				&& ( _r = cd.totalLabel.format );
+			
+			return _r;
+		}
+		
+		
+		public function get totalLabelBgColor():uint{
+			var _r:uint = 0xF5F5DC;
+			cd  
+				&& cd.totalLabel
+				&& cd.totalLabel.bgStyle
+				&& ( 'color' in cd.totalLabel.bgStyle )
+				&& ( _r = cd.totalLabel.bgStyle.color );
+			
+			return _r;
+		}	
+			
+		
+		public function get totalLabelBgAlpha():Number{
+			var _r:Number = .9;
+			cd 
+				&& cd.totalLabel
+				&& cd.totalLabel.bgStyle
+				&& ( 'alpha' in cd.totalLabel.bgStyle )
+				&& ( _r = cd.totalLabel.bgStyle.alpha );
+			
+			return _r;
+		}	
+		
+		public function get totalLabelLabelStyle():Object{
+			var _r:Object = {
+				size: 16
+//				, bold: true
+				, color: 0xff0000
+			};
+			cd 
+				&& cd.totalLabel
+				&& cd.totalLabel.labelStyle
+				&& ( _r = Common.extendObject( _r, cd.totalLabel.labelStyle, true ) );	
+				
+			return _r;
+		}
+		
+		
+		public function get totalLabelRadiusRate():Number{
+			var _r:Number = .6;
+			this.cd
+				&& this.cd.totalLabel
+				&& 'rate' in this.cd.totalLabel
+				&& ( _r = this.cd.totalLabel.rate )
+				;
+			return _r;
+		}
+		
+		public function get totalLabelRadius():Number{
+			return inRadius * totalLabelRadiusRate;
+		}
+		
+		public function calcRadius( _w:Number, _h:Number, _maxLabelWidth:Number, _maxLabelHeight:Number ):Number{
+			var _radius:Number = Math.min( _w, _h );
+			
+			_radius /= 2;
+			
+			//			Log.log( '_maxLabelWidth:', _maxLabelWidth );
+			
+			if( this.dataLabelEnabled ){			
+				_radius -= (this.dataLabelLineLength - this.dataLabelLineStart );	
+				if(
+					_w > _h && !this.legendIntersect( _radius - _maxLabelHeight
+						, _maxLabelWidth
+						,  this.dataLabelLineLength - this.dataLabelLineStart
+					)
+				){
+					_radius = _radius - _maxLabelHeight;
+				}else{
+					_radius = _radius - _maxLabelWidth;
+				}
+			}else{ 
+				_radius -= this.moveDistance;
+			}
+			//			Log.log( this.c.chartWidth,this.c.chartHeight, _radius );
+			
+			return _radius;
+		}
+
+//		
+//		override public function get animationDuration():Number {
+//			var _r:Number = .5;
+//			'duration' in animation && ( _r =  parseFloat( this.animation.duration ) );
+//			return _r;
+//		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/config/BaseStackConfig.as b/flash/source/lib/src/org/xas/jchart/common/config/BaseStackConfig.as
new file mode 100644
index 0000000..e3f647b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/config/BaseStackConfig.as
@@ -0,0 +1,126 @@
+package org.xas.jchart.common.config
+{
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	
+	public class BaseStackConfig extends BaseConfig
+	{
+		public function BaseStackConfig()
+		{
+			super();
+		}
+		override public function get isPercent():Boolean{
+			return false;
+		}
+		
+		override public function calcRate():void {
+			super.calcRate();
+			
+			_hrate = this.rate.slice().reverse();
+			_hrealRate = this.realRate.slice().reverse();
+			
+			_hrateZeroIndex = ( this.rate.length - 1 ) - rateZeroIndex;
+		}
+		
+		protected var _hrateZeroIndex:int;
+		protected var _hrate:Array;
+		protected var _hrealRate:Array;
+		
+		public function get hrateZeroIndex():int{ return _hrateZeroIndex; }
+		public function get hrate():Array{ return _hrate; }
+		public function get hrealRate():Array{ return _hrealRate; }
+		
+		override protected function calcMaxNum():Number{
+			var _r:Number = 0, _tmp:Number;
+			
+
+			if( displaySeries && displaySeries.length && displaySeries[0].data && displaySeries[0].data.length  ){
+				
+				Common.each( displaySeries[0].data, function( _k:int, _item:Number ):void {
+					_tmp = 0;
+					Common.each( displaySeries, function( _sk:int, _sitem:Object ):void {
+						if( _sitem && _sitem.data && _sitem.data.length && _sitem.data[ _k ] && _sitem.data[ _k ] > 0 ){
+							_tmp += _sitem.data[ _k ];
+						}
+					});
+					
+					_tmp > _r && ( _r = _tmp );
+				});
+
+			}
+			
+			_r < 0 && ( _r = 0 );
+			
+			_r >= 0 && ( _r = Common.numberUp( _r, 5, this.rateUp ) );
+			if( this.rateUp === 0 ){
+				_r = Common.numberDown( _r, 2 );
+			}
+			
+			this.yAxisMaxValue && ( _r = this.yAxisMaxValue );
+			
+			if( _r === 0 ){
+				_r = 100;
+			}else{
+				_r = _r + _r * maxOffset;
+			}
+			
+			!floatLen && ( _r = Math.floor( _r ) );
+			
+			return _r;
+		}
+		
+		override protected function calcMinNum():Number{
+			var _r:Number = 0, _tmp:Number, _tmpR:Number, _tmpAr:Array;
+			
+			if( displaySeries && displaySeries.length && displaySeries[0].data && displaySeries[0].data.length  ){
+				
+				if( this.hasNegative ){
+					Common.each( displaySeries[0].data, function( _k:int, _item:Number ):void {
+						_tmp = 0;
+						Common.each( displaySeries, function( _sk:int, _sitem:Object ):void {
+							if( _sitem && _sitem.data && _sitem.data.length && _sitem.data[ _k ] && _sitem.data[ _k ] < 0 ){
+								_tmp += Math.abs( _sitem.data[ _k ] );
+	//							Log.log( _sitem.data[ _k ] );
+							}
+						});
+						
+						_tmp > _r && ( _r = _tmp );
+					});
+					_r > 0 && ( _r = -_r );
+				}else{
+					_tmpAr = [];
+					Common.each( displaySeries, function( _k:int, _item:Number ):*{
+						_tmpAr = _tmpAr.concat( displaySeries[ _k ].data );
+					});
+					_tmpAr.length && ( _r = Math.min.apply( null, _tmpAr ) );
+				}
+				
+				if( !_hasNegative && this.isAutoRate ){
+//					Log.log( 'xxxxxxxxxx' + _r ); 
+					_tmpR = _r = Common.numberDown( _r, this.autoRateDeep );
+					
+					if( _r === 0 ){
+					}else{
+						//Log.log( [  Common.numberDown( _r ) * minOffset, _r ] );
+						_r = _r - Common.percentDown( _r ) * minOffset;
+					}
+					
+					!floatLen && ( _r = Math.floor( _r ) );
+					
+					if( _tmpR > 0 && _r < 0 ){
+						_r = _tmpR;
+					}
+					//Log.log( 'xxxxxxxxxx' + _r );
+				} else {
+					_r > 0 && ( _r = 0 );
+					_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ), 5, this.rateUp ) );
+				}
+			}
+			
+			return _r;
+		}
+				
+//		override public function get isAutoRate():Boolean { return false; }
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/config/TestGramConfig.as b/flash/source/lib/src/org/xas/jchart/common/config/TestGramConfig.as
deleted file mode 100644
index 87758bf..0000000
--- a/flash/source/lib/src/org/xas/jchart/common/config/TestGramConfig.as
+++ /dev/null
@@ -1,15 +0,0 @@
-package org.xas.jchart.common.config
-{
-	import flash.geom.Point;
-	
-	import org.xas.jchart.common.BaseConfig;
-
-	public class TestGramConfig extends BaseConfig
-	{
-		public function TestGramConfig()
-		{
-			super();
-		}
-
-	}
-}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/DisplayAllCheckCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/DisplayAllCheckCmd.as
new file mode 100644
index 0000000..34e1fbd
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/DisplayAllCheckCmd.as
@@ -0,0 +1,95 @@
+package org.xas.jchart.common.controller
+{
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class DisplayAllCheckCmd extends SimpleCommand implements ICommand
+	{
+		private var _type:String = '', _body:Object;
+		private var _config:Config;
+		private var _itemWidth:Number;
+		private var _itemHeight:Number;
+		private var _labels:Vector.<TextField>;
+		private var _isReset:Boolean;
+		
+		public function DisplayAllCheckCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute( notification:INotification ):void{
+			_body = notification.getBody();
+			_type = notification.getType() || '';
+			
+			if( !_config.xAxisEnabled ) return;
+			if( !_config.displayAllLabel ) return;
+			if( !hlabelMediator ) return;
+			
+			_labels = hlabelMediator.labels;
+			if( !( _labels && _labels.length) ) return;
+			
+			_itemWidth = _config.c.chartWidth / ( _labels.length );
+							
+			switch( _type ){
+				case 'hstack': {
+//					Log.log( 'DisplayAllCheckCmd', _type );
+					_itemHeight = _config.c.chartHeight / ( _config.realItemLength );
+					vAction();
+					break;
+				}
+				case 'vzbar':
+				case 'vbar': {
+					_itemHeight = _config.c.chartHeight / ( _labels.length );
+					vAction();
+					break;
+				}
+				default: {
+					normalAction();
+					break;
+				}
+			}
+			_isReset && sendNotification( JChartEvent.RESET_HLABELS );
+//			Log.log( _isReset );
+		}
+		
+		protected function vAction():void{
+//			Log.log( _itemHeight  );
+			if( _itemHeight && _itemHeight < 12 ){
+				_isReset = true;
+			}
+		}
+		
+		protected function normalAction():void{
+			//Log.log( 'DisplayAllCheckCmd normalAction', _itemWidth );
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):Boolean{
+				
+				if( _config.labelRotationEnable ){
+					if( _itemWidth < 16  ){			
+						_isReset = true;
+						return false;
+					}					
+				}else if( _item.width > _itemWidth ){	
+					_isReset = true;
+					return false;
+				} 				
+				
+				return true;
+			});
+		}
+		
+		protected function get hlabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GlobalDrawCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalDrawCmd.as
new file mode 100644
index 0000000..b28e54e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalDrawCmd.as
@@ -0,0 +1,20 @@
+package org.xas.jchart.common.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class GlobalDrawCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		
+		public function GlobalDrawCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GlobalReadyCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalReadyCmd.as
new file mode 100644
index 0000000..4567357
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalReadyCmd.as
@@ -0,0 +1,22 @@
+package org.xas.jchart.common.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class GlobalReadyCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		
+		public function GlobalReadyCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}		
+		
+		override public function execute( notification:INotification ):void{			
+			_config.dataInited = true;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsCmd.as
new file mode 100644
index 0000000..9df7fbc
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsCmd.as
@@ -0,0 +1,400 @@
+package org.xas.jchart.common.controller
+{
+	import fl.motion.MatrixTransformer;
+	
+	import flash.display.Sprite;
+	import flash.geom.Matrix;
+	import flash.geom.Point;
+	import flash.geom.Rectangle;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	 
+	public class GlobalRotationLabelsCmd extends SimpleCommand implements ICommand
+	{
+		private var _type:String = '', _body:Object;
+		private var _config:Config;
+		private var _itemWidth:Number;
+		private var _labels:Vector.<TextField>;
+		private var _isReset:Boolean;
+		private var _chartWidth:Number;
+		
+		public function GlobalRotationLabelsCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute( notification:INotification ):void{
+			_body = notification.getBody();
+			_type = notification.getType();
+			
+			//Log.log( _config.labelRotationEnable, _config.displayAllLabel );
+			if( !_config.xAxisEnabled ) return;
+			if( !_config.labelRotationEnable ) return;
+			
+			_labels = hlabelMediator.labels;
+			if( !_labels.length ) return;
+			
+			_chartWidth = _config.c.maxX - _config.c.minX - _config.vspace;
+			
+			_itemWidth = Math.floor( _chartWidth / ( _labels.length ) );
+							
+			switch( _type ){
+				case 'mix': {
+					mixAction();
+					break;
+				}
+				case 'line': {
+					lineAction();
+					break;
+				}
+				default: {
+					normalAction();
+					break;
+				}
+			}
+			//Log.log( '_isReset' );
+			_isReset && sendNotification( JChartEvent.RESET_HLABELS );
+		}
+		
+		protected function lineAction():void{
+			//Log.log( 'GlobalRotationLablesCmd normalAction', _itemWidth );
+			
+			_config.c.rotationCoor = [];
+			var _maxWidth:Number = 0, _maxHeight:Number = 0, _labelMaxWidth:Number = 0, _offsetY:int = 1;
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):void{
+				//Log.log( _item.x, _item.y, _config.labelRotationAngle );
+				var _default:Point = new Point( _item.x, _item.y )
+				, _rect:Rectangle = Common.calcRotationLabelPoint( _item, _config.labelRotationAngle )
+				, _new:Point = _default.subtract( new Point( _rect.x, _rect.y + _offsetY ) )
+				, _plus:Number = 0;
+				;
+								
+				_config.c.rotationCoor.push( 
+					{
+						old: _default
+						, rect: _rect
+						, offset: _new
+					}
+				);
+				_item.width > _maxWidth && ( _maxWidth = _item.width );
+				_rect.height > _maxHeight && ( _maxHeight = _rect.height );
+				
+//				if( _config.labelRotationAngle < 0 ){
+//					_plus = _k * _itemWidth - _itemWidth / 2;		
+//				}else if( _config.labelRotationAngle > 0 ){
+//					_plus = ( _labels.length - _k - 1 ) * _itemWidth - _itemWidth / 2;		
+//				}
+				
+				if( _config.labelRotationAngle < 0 ){
+					_plus = _k * _itemWidth;	
+					( _item.width - _plus ) > _labelMaxWidth && ( _labelMaxWidth = _item.width - _plus );	
+				}else if( _config.labelRotationAngle > 0 ){
+					_plus = ( _labels.length - _k - 1 ) * _itemWidth;	
+					( _item.width - _plus ) > _labelMaxWidth && ( _labelMaxWidth = _item.width - _plus );
+				}
+				
+			});
+			//Log.printJSON( _config.c.rotationCoor );
+			_maxHeight += _offsetY;
+			hlabelMediator.maxHeight = _maxHeight;
+			
+			if( 
+				( _config.labelRotationAngle > 0 && _config.absLabelRotationAngle <= 90 )
+				|| ( _config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90 )
+			){
+				if( _labelMaxWidth > 0 ){
+					_labelMaxWidth -= 5;
+					//Log.log( _labelMaxWidth, _maxWidth,  _itemWidth, _chartWidth, _labels.length );
+					hlabelMediator.maxWidth = ( _labelMaxWidth )- _itemWidth / 2	
+					hlabelMediator.maxWidth < 0 && (　hlabelMediator.maxWidth = 0 );
+				}	
+			}else if( 
+				(_config.labelRotationAngle < 0 && _config.absLabelRotationAngle <= 90)
+				|| (_config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90)  
+			){				
+				_labelMaxWidth -= _itemWidth / 2
+				_labelMaxWidth -= 0;
+				if( _config.yAxisEnabled ){
+					_labelMaxWidth -= _config.c.minX;
+				}
+				if( _labelMaxWidth > 0 ){
+					_config.c.minX += _labelMaxWidth;	
+				}
+			}			
+		}
+		
+		protected function normalAction():void{
+			//Log.log( 'GlobalRotationLablesCmd normalAction', _itemWidth );			
+//			testPoint();
+//			test( -1 );
+//			test( -10 );
+//			test( -20 );
+//			test( -30 );
+//			test( -40 );
+//			test( -50 );
+//			test( -60 );
+//			test( -70 );
+//			test( -80 );
+//			test( -90 );
+//			test( -100 );
+//			test( -110 );
+//			test( -120 );
+//			test( -130 );
+//			test( -140 );
+//			test( -150 );
+//			test( -160 );
+//			test( -170 );
+//			test( -180 );
+//			
+//			test( 0 );
+//			test( 1 );
+//			test( 10 );
+//			test( 20 );
+//			test( 30 );
+//			test( 40 );
+//			test( 50 );
+//			test( 60 );
+//			test( 70 );
+//			test( 80 );
+//			test( 90 );
+//			test( 100 );
+//			test( 110 );
+//			test( 120 );
+//			test( 130 );
+//			test( 140 );
+//			test( 150 );
+//			test( 160 );
+//			test( 170 );
+//			test( 180 );
+
+			_config.c.rotationCoor = [];
+			var _maxWidth:Number = 0, _maxHeight:Number = 0, _labelMaxWidth:Number = 0;
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):void{
+				//Log.log( _item.x, _item.y, _config.labelRotationAngle );
+				var _default:Point = new Point( _item.x, _item.y )
+					, _rect:Rectangle = Common.calcRotationLabelPoint( _item, _config.labelRotationAngle )
+					, _new:Point = _default.subtract( new Point( _rect.x, _rect.y ) )
+					, _plus:Number = 0;
+					;
+					
+					
+				_config.c.rotationCoor.push( 
+					{
+						old: _default
+						, rect: _rect
+						, offset: _new
+					}
+				);
+				_item.width > _maxWidth && ( _maxWidth = _item.width );
+				_rect.height > _maxHeight && ( _maxHeight = _rect.height );
+				
+				if( _config.labelRotationAngle < 0 ){
+					_plus = _k * _itemWidth;	
+					( _item.width - _plus ) > _labelMaxWidth && ( _labelMaxWidth = _item.width - _plus );			
+				}else if( _config.labelRotationAngle > 0 ){
+					_plus = ( _labels.length - _k - 1 ) * _itemWidth;	
+					//Log.log( _plus, _k, _itemWidth, _chartWidth, _labels.length );
+					//Log.log( _item.width, _item.getBounds( _item ).width, _item.getRect( _item ).width  );
+					if( ( _item.width - _plus ) > _labelMaxWidth ){
+						_labelMaxWidth = _item.width - _plus;
+					}
+				}
+			});
+			//Log.printJSON( _config.c.rotationCoor );
+			hlabelMediator.maxHeight = _maxHeight;
+			
+			if( 
+				( _config.labelRotationAngle > 0 && _config.absLabelRotationAngle <= 90 )
+				|| ( _config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90 )
+			){
+				
+				if( _labelMaxWidth > 0 ){
+					_labelMaxWidth -= 5;
+					//Log.log( _labelMaxWidth, _maxWidth,  _itemWidth, _chartWidth, _labels.length );
+					hlabelMediator.maxWidth = ( _labelMaxWidth )- _itemWidth / 2	
+					hlabelMediator.maxWidth < 0 && (　hlabelMediator.maxWidth = 0 );
+				}
+				
+				//Log.log( _labelMaxWidth, _itemWidth );
+				
+//				_labelMaxWidth -= _itemWidth / 2;
+//				_labelMaxWidth -= 10;
+//				
+//				if( _labelMaxWidth > 0 ){
+//					hlabelMediator.maxWidth = _labelMaxWidth;
+//				}				
+			}else if( 
+				(_config.labelRotationAngle < 0 && _config.absLabelRotationAngle <= 90)
+				|| (_config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90)  
+			){
+				
+				_labelMaxWidth -= _itemWidth / 2
+				_labelMaxWidth -= 10;
+				if( _config.yAxisEnabled ){
+					_labelMaxWidth -= _config.c.minX;
+				}
+				if( _labelMaxWidth > 0 ){
+					_config.c.minX += _labelMaxWidth + 2;	
+				}
+			}			
+		}
+		
+		protected function mixAction():void{
+			//Log.log( 'GlobalRotationLablesCmd normalAction', _itemWidth );			
+			
+			_config.c.rotationCoor = [];
+			var _maxWidth:Number = 0
+				, _maxHeight:Number = 0
+				, _labelMaxWidth:Number = 0
+				, _tmp:Number = 0
+				;
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):void{
+				//Log.log( _item.x, _item.y, _config.labelRotationAngle );
+				var _default:Point = new Point( _item.x, _item.y )
+				, _rect:Rectangle = Common.calcRotationLabelPoint( _item, _config.labelRotationAngle )
+				, _new:Point = _default.subtract( new Point( _rect.x, _rect.y ) )
+				, _plus:Number = 0;
+				;
+				
+				
+				_config.c.rotationCoor.push( 
+					{
+						old: _default
+						, rect: _rect
+						, offset: _new
+					}
+				);
+				_item.width > _maxWidth && ( _maxWidth = _item.width );
+				_rect.height > _maxHeight && ( _maxHeight = _rect.height );
+				
+				if( _config.labelRotationAngle < 0 ){
+					_plus = _k * _itemWidth;	
+					( _item.width - _plus ) > _labelMaxWidth && ( _labelMaxWidth = _item.width - _plus );			
+				}else if( _config.labelRotationAngle > 0 ){
+					_plus = ( _labels.length - _k - 1 ) * _itemWidth;	
+					//Log.log( _plus, _k, _itemWidth, _chartWidth, _labels.length );
+					//Log.log( _item.width, _item.getBounds( _item ).width, _item.getRect( _item ).width  );
+					if( ( _item.width - _plus ) > _labelMaxWidth ){
+						_labelMaxWidth = _item.width - _plus;
+					}
+				}
+			});
+			//Log.printJSON( _config.c.rotationCoor );
+			hlabelMediator.maxHeight = _maxHeight;
+			 
+			if( 
+				( _config.labelRotationAngle > 0 && _config.absLabelRotationAngle <= 90 )
+				|| ( _config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90 )
+			){
+				
+				if( _labelMaxWidth > 0 ){
+					_labelMaxWidth -= 5;
+					//Log.log( _labelMaxWidth, _maxWidth,  _itemWidth, _chartWidth, _labels.length );
+					
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						if( !_item.enabeld ) return;
+						if( !_item.isOpposite ) return;
+						
+//						if( pMixChartVLabelMediator ){
+							_tmp += 1;
+							_tmp += pMixChartVLabelMediator.getMaxWidth( _k );
+							
+							if( _item.hasVTitle ){
+								_tmp += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+								_tmp += pMixChartVTitleMediator.getWidth( _k ) / 2 ;
+								_tmp += _config.vlabelSpace;
+							}
+//						}
+					} );
+					_labelMaxWidth -= _tmp;
+					
+					hlabelMediator.maxWidth = ( _labelMaxWidth )- _itemWidth / 2	
+					hlabelMediator.maxWidth < 0 && (　hlabelMediator.maxWidth = 0 );
+				}
+				
+			}else if( 
+				(_config.labelRotationAngle < 0 && _config.absLabelRotationAngle <= 90)
+				|| (_config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90)  
+			){
+				
+				_labelMaxWidth -= _itemWidth / 2
+				_labelMaxWidth -= 10;
+				if( _config.yAxisEnabled ){
+					_labelMaxWidth -= _config.c.minX;
+				}
+				if( _labelMaxWidth > 0 ){
+					_config.c.minX += _labelMaxWidth + 2;	
+				}
+			}			
+		}
+		
+		private function testPoint():void{
+			var _sp:Sprite = new Sprite();
+				_sp.graphics.beginFill( 0xff0000 ); 
+				_sp.graphics.drawRect( _config.stageWidth / 2, _config.stageHeight / 2, 10, 10 );
+				
+				mainMediator.view.index12.addChild( _sp );
+		}
+		
+		private function test( _angle:Number ):void{
+			
+			var _tf:TextField = new TextField()
+				, _new:Rectangle
+				, _matrix:Matrix
+				, _rect:Rectangle
+				;
+			_tf.text = '123456789123456789123456789';
+
+			_tf.autoSize = TextFieldAutoSize.LEFT;
+			_rect = _tf.getRect( _tf );
+			
+			mainMediator.view.index12.addChild( _tf );
+			//Log.log( _tf.getBounds( _tf ) );
+			//Common.rotateAroundCenter( _tf, 0 );
+			_tf.x = _config.stageWidth / 2 ;
+			_tf.y = _config.stageHeight / 2;
+			
+			_new = Common.calcRotationLabelPoint( _tf, _angle );
+			_tf.x = _new.x;
+			_tf.y = _new.y;
+		}
+		
+		protected function get vlabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		protected function get hlabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pMixChartVTitleMediator():BaseMixChartVTitleMediator{
+			return facade.retrieveMediator( BaseMixChartVTitleMediator.name ) as BaseMixChartVTitleMediator;
+		}
+		
+		private function get pMixChartVLabelMediator():BaseMixChartVLabelMediator{
+			return facade.retrieveMediator( BaseMixChartVLabelMediator.name ) as BaseMixChartVLabelMediator;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsYAxisCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsYAxisCmd.as
new file mode 100644
index 0000000..7a8363a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalRotationLabelsYAxisCmd.as
@@ -0,0 +1,240 @@
+package org.xas.jchart.common.controller
+{
+	import fl.motion.MatrixTransformer;
+	
+	import flash.display.Sprite;
+	import flash.geom.Matrix;
+	import flash.geom.Point;
+	import flash.geom.Rectangle;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.HLabelMediator.BaseHLabelMediator;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVLabelMediator.BaseMixChartVLabelMediator;
+	import org.xas.jchart.common.view.mediator.MixChartVTitleMediator.BaseMixChartVTitleMediator;
+	import org.xas.jchart.common.view.mediator.VLabelMediator.BaseVLabelMediator;
+	  
+	public class GlobalRotationLabelsYAxisCmd extends SimpleCommand implements ICommand
+	{
+		private var _type:String = '', _body:Object;
+		private var _config:Config;
+		private var _itemWidth:Number;
+		private var _labels:Vector.<TextField>;
+		private var _isReset:Boolean;
+		private var _chartWidth:Number;
+		
+		public function GlobalRotationLabelsYAxisCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function execute( notification:INotification ):void{
+			_body = notification.getBody();
+			_type = notification.getType();
+			
+//			Log.log( 'GlobalRotationLabelsYAxisCmd', _type, _config.labelRotationEnable, _config.labelRotationAngle );
+
+			if( !_config.yAxisEnabled ) return;
+			if( !_config.labelRotationEnable ) return;
+			
+			_labels = vlabelMediator.labels;
+			if( !_labels.length ) return;
+			_chartWidth = _config.c.maxX - _config.c.minX - _config.vspace;
+			
+			_itemWidth = Math.floor( _chartWidth / ( _labels.length - 1 ) );
+							
+			switch( _type ){
+				default: {
+					normalAction();
+					break;
+				}
+			}
+			//Log.log( '_isReset' );
+			_isReset && sendNotification( JChartEvent.RESET_VLABELS );
+		}
+		
+		protected function normalAction():void{
+			//Log.log( 'GlobalRotationLablesCmd normalAction', _itemWidth );			
+//			testPoint();
+//			test( -1 );
+//			test( -10 );
+//			test( -20 );
+//			test( -30 );
+//			test( -40 );
+//			test( -50 );
+//			test( -60 );
+//			test( -70 );
+//			test( -80 );
+//			test( -90 );
+//			test( -100 );
+//			test( -110 );
+//			test( -120 );
+//			test( -130 );
+//			test( -140 );
+//			test( -150 );
+//			test( -160 );
+//			test( -170 );
+//			test( -180 );
+//			
+//			test( 0 );
+//			test( 1 );
+//			test( 10 );
+//			test( 20 );
+//			test( 30 );
+//			test( 40 );
+//			test( 50 );
+//			test( 60 );
+//			test( 70 );
+//			test( 80 );
+//			test( 90 );
+//			test( 100 );
+//			test( 110 );
+//			test( 120 );
+//			test( 130 );
+//			test( 140 );
+//			test( 150 );
+//			test( 160 );
+//			test( 170 );
+//			test( 180 );
+
+			_config.c.rotationCoor = [];
+			var _maxWidth:Number = 0
+				, _maxHeight:Number = 0
+				, _labelMaxWidth:Number = 0
+				, _count:int = 0
+				, _maxXOffset:Number = _config.stageWidth - _config.c.maxX
+				;
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):void{
+				var _default:Point = new Point( _item.x, _item.y )
+					, _rect:Rectangle = Common.calcRotationLabelPoint( _item, _config.labelRotationAngle )
+					, _new:Point = _default.subtract( new Point( _rect.x, _rect.y ) )
+					, _plus:Number = 0;
+					;
+					
+					
+				_config.c.rotationCoor.push( 
+					{
+						old: _default
+						, rect: _rect
+						, offset: _new
+					}
+				);
+				_item.width > _maxWidth && ( _maxWidth = _item.width );
+				_rect.height > _maxHeight && ( _maxHeight = _rect.height );
+				
+				if( _config.labelRotationAngle < 0 ){
+					_plus = _k * _itemWidth;	
+					( _item.width - _plus ) > _labelMaxWidth && ( _labelMaxWidth = _rect.width - _plus );	
+				}else if( _config.labelRotationAngle > 0 ){
+					_plus = ( _labels.length - 1 - _k ) * _itemWidth;	
+					
+					( _item.width + _plus - 10 ) > _chartWidth
+					&& ( _labelMaxWidth =  _item.width + _plus - _chartWidth - 10 - _maxXOffset );
+				}
+//				Log.log( _rect.width, _plus, _item.text );
+			});
+			//Log.printJSON( _config.c.rotationCoor );
+			vlabelMediator.maxHeight = _maxHeight;
+			vlabelMediator.maxWidth = 0;
+//			Log.log( _chartWidth, _labelMaxWidth, _itemWidth );
+			
+			if( 
+				( _config.labelRotationAngle > 0 && _config.absLabelRotationAngle <= 90 )
+				|| ( _config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90 )
+			){
+//				Log.log( 1111111111111 );
+				
+				if( _labelMaxWidth > 0 ){
+					//Log.log( _labelMaxWidth, _maxWidth,  _itemWidth, _chartWidth, _labels.length );
+					vlabelMediator.maxWidth = ( _labelMaxWidth );	
+					vlabelMediator.maxWidth < 0 && (　vlabelMediator.maxWidth = 0 );
+				}
+				
+				//Log.log( _labelMaxWidth, _itemWidth );
+				
+//				_labelMaxWidth -= _itemWidth / 2;
+//				_labelMaxWidth -= 10;
+//				
+//				if( _labelMaxWidth > 0 ){
+//					vlabelMediator.maxWidth = _labelMaxWidth;
+//				}				
+			}else if( 
+				(_config.labelRotationAngle < 0 && _config.absLabelRotationAngle <= 90)
+				|| (_config.labelRotationAngle < 0 && _config.absLabelRotationAngle > 90)  
+			){
+				
+				_labelMaxWidth -= _itemWidth / 2
+				_labelMaxWidth -= 10;
+				if( _config.yAxisEnabled ){
+					_labelMaxWidth -= _config.c.minX;
+				}
+				if( _labelMaxWidth > 0 ){
+					_config.c.minX += _labelMaxWidth + 2;	
+				}
+			}			
+		}
+
+		
+		private function testPoint():void{
+			var _sp:Sprite = new Sprite();
+				_sp.graphics.beginFill( 0xff0000 ); 
+				_sp.graphics.drawRect( _config.stageWidth / 2, _config.stageHeight / 2, 10, 10 );
+				
+				mainMediator.view.index12.addChild( _sp );
+		}
+		
+		private function test( _angle:Number ):void{
+			
+			var _tf:TextField = new TextField()
+				, _new:Rectangle
+				, _matrix:Matrix
+				, _rect:Rectangle
+				;
+			_tf.text = '123456789123456789123456789';
+
+			_tf.autoSize = TextFieldAutoSize.LEFT;
+			_rect = _tf.getRect( _tf );
+			
+			mainMediator.view.index12.addChild( _tf );
+			//Log.log( _tf.getBounds( _tf ) );
+			//Common.rotateAroundCenter( _tf, 0 );
+			_tf.x = _config.stageWidth / 2 ;
+			_tf.y = _config.stageHeight / 2;
+			
+			_new = Common.calcRotationLabelPoint( _tf, _angle );
+			_tf.x = _new.x;
+			_tf.y = _new.y;
+		}
+		
+		protected function get vlabelMediator():BaseVLabelMediator{
+			return facade.retrieveMediator( BaseVLabelMediator.name ) as BaseVLabelMediator;
+		}
+		protected function get hlabelMediator():BaseHLabelMediator{
+			return facade.retrieveMediator( BaseHLabelMediator.name ) as BaseHLabelMediator;
+		}
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		private function get pMixChartVTitleMediator():BaseMixChartVTitleMediator{
+			return facade.retrieveMediator( BaseMixChartVTitleMediator.name ) as BaseMixChartVTitleMediator;
+		}
+		
+		private function get pMixChartVLabelMediator():BaseMixChartVLabelMediator{
+			return facade.retrieveMediator( BaseMixChartVLabelMediator.name ) as BaseMixChartVLabelMediator;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GlobalShowChartCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalShowChartCmd.as
new file mode 100644
index 0000000..6062eb3
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GlobalShowChartCmd.as
@@ -0,0 +1,25 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class GlobalShowChartCmd extends SimpleCommand implements ICommand {
+		
+		private var _config:Config;
+		
+		public function GlobalShowChartCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{			
+			_config.facade.sendNotification( JChartEvent.INITED, {} );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/GroupClickCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/GroupClickCmd.as
new file mode 100644
index 0000000..5135d9d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/GroupClickCmd.as
@@ -0,0 +1,39 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class GroupClickCmd extends SimpleCommand implements ICommand {
+		
+		private var _config:Config;
+		
+		public function GroupClickCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			
+			var _data:Object = notification.getBody();
+			var _loader:Object = _config.chartData;
+			var _callBackSet:Object;
+
+			if( !_data || !_loader ){
+				return;
+			}
+			
+			_callBackSet = _loader.callback;
+			
+			try{
+				if( ExternalInterface.available && _callBackSet && _callBackSet.groupClickCallback ) {
+					ExternalInterface.call( _callBackSet.groupClickCallback, _data );
+				}
+			}catch(ex:Error){}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/InitedCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/InitedCmd.as
new file mode 100644
index 0000000..5cb2dfc
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/InitedCmd.as
@@ -0,0 +1,41 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class InitedCmd extends SimpleCommand implements ICommand {
+		
+		private var _config:Config;
+		
+		public function InitedCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			
+			var _data:Object = notification.getBody() || {};
+			var _loader:Object = _config.chartData;
+			var _callBackSet:Object;
+			
+			//Log.log( 'InitedCmd' );
+
+			if( !_loader ){
+				return;
+			}
+			
+			_callBackSet = _loader.callback;
+			
+			try{
+				if( ExternalInterface.available && _callBackSet && _callBackSet.initedCallback ) {
+						ExternalInterface.call( _callBackSet.initedCallback, _data );
+				}
+			}catch(ex:Error){}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/ItemClickCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/ItemClickCmd.as
new file mode 100644
index 0000000..8e8fb51
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/ItemClickCmd.as
@@ -0,0 +1,47 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class ItemClickCmd extends SimpleCommand implements ICommand{
+		
+		private var _config:Config;
+		
+		public function ItemClickCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			
+			var _data:Object = notification.getBody();
+			var _loader:Object = _config.chartData;
+			var _callBackSet:Object;
+			
+			//Log.log( 'ItemClickCmd 1 ' );
+			if( !_data || !_loader ){
+				return;
+			}
+			
+			_callBackSet = _loader.callback;
+			
+			//Log.printFormatJSON( _callBackSet );
+			
+			try{				
+				if( ExternalInterface.available && _callBackSet ) {
+					if( _callBackSet.itemClickCallback ) {
+						ExternalInterface.call( _callBackSet.itemClickCallback, _data );
+					} 
+					if( _callBackSet.clickCallback ) {
+						ExternalInterface.call( _callBackSet.clickCallback, _data );
+					}
+				}
+			}catch(ex:Error){}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/ItemHoverCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/ItemHoverCmd.as
new file mode 100644
index 0000000..0c0e2d2
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/ItemHoverCmd.as
@@ -0,0 +1,45 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	
+	public class ItemHoverCmd extends SimpleCommand implements ICommand {
+		
+		private var _config:Config;
+		
+		public function ItemHoverCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			
+			var _data:Object = notification.getBody();
+			var _loader:Object = _config.params;
+			var _callBackSet:Object;
+
+			if( !_data || !_loader ){
+				return;
+			}
+			
+			_callBackSet = _loader.callback;
+			
+			
+			try{				
+				if( ExternalInterface.available && _callBackSet ) {
+					if( _callBackSet.itemHoverCallback ){
+						ExternalInterface.call( _callBackSet.itemHoverCallback, _data );
+					} 
+					if( _callBackSet.hoverCallback ) {
+						ExternalInterface.call( _callBackSet.hoverCallback, _data );
+					}
+				}
+			}catch(ex:Error){}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/LegendUpdateCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/LegendUpdateCmd.as
new file mode 100644
index 0000000..88a2702
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/LegendUpdateCmd.as
@@ -0,0 +1,32 @@
+package org.xas.jchart.common.controller
+{
+	import flash.external.ExternalInterface;
+	
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class LegendUpdateCmd extends SimpleCommand implements ICommand {
+		
+		protected var _config:Config;
+		
+		public function LegendUpdateCmd() {
+			_config = BaseConfig.ins as Config;
+			super();
+		}
+		
+		override public function execute( notification:INotification ):void{
+			
+			var _data:Object = notification.getBody();
+			
+			if( !_data ) { return; }
+			 
+			_config.updateDisplaySeries( _data );
+			_config.setChartData( BaseConfig.ins.chartData );
+			facade.sendNotification( JChartEvent.DRAW );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/controller/UIItemClickCmd.as b/flash/source/lib/src/org/xas/jchart/common/controller/UIItemClickCmd.as
new file mode 100644
index 0000000..39f6fc6
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/controller/UIItemClickCmd.as
@@ -0,0 +1,72 @@
+package org.xas.jchart.common.controller
+{
+	import org.puremvc.as3.multicore.interfaces.ICommand;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.command.SimpleCommand;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class UIItemClickCmd extends SimpleCommand implements ICommand
+	{
+		private var _config:Config;
+		private var _data:Object, _type:String;
+		
+		public function UIItemClickCmd()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}	
+		
+		override public function execute( notification:INotification ):void{	
+			
+			_data = notification.getBody();
+			_type = notification.getType() || '';
+			
+			if( !_data ) return; 
+			
+			switch( _type ){
+				default: {
+					defaultAction();
+					break;
+				}
+			}
+		}
+		
+		private function defaultAction():void{
+			var _itemData:Object = {}, _groupData:Array = [];
+			
+			
+			Common.each( _config.displaySeries, function( _six:Number, _dataObj:Object ):void{
+				var _tmpObject:Object = {
+					seriesIndex: _six
+					, dataIndex: _data.dataIndex
+					, originSeriesIndex: ( _six in _config.displaySeriesIndexMap ) ? _config.displaySeriesIndexMap[ _six ] : _six
+					, name: _dataObj.name
+					, categorie : _config.categories[ _data.dataIndex ] || ''
+					, data: _dataObj.data[ _data.dataIndex ]
+					, type: _type
+				};
+			
+				if( _type == 'line' ){
+					_tmpObject = Common.extendObject( _tmpObject, {
+						categories : _config.categories[ _data.dataIndex ]
+						, lineIndex : _six
+						, orglineIndex : _tmpObject.originSeriesIndex
+						, pointIndex : _data.dataIndex
+					});
+				}
+
+				_groupData.push( _tmpObject );
+				( _data.seriesIndex == _six ) && ( _itemData = _tmpObject );
+			} );
+			
+//			Log.printFormatJSON( _itemData );
+//			Log.printFormatJSON( _groupData );
+			
+			sendNotification( JChartEvent.ITEM_CLICK, _itemData );
+			sendNotification( JChartEvent.GROUP_CLICK, _groupData );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/ChartType.as b/flash/source/lib/src/org/xas/jchart/common/data/ChartType.as
new file mode 100644
index 0000000..54af3b7
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/ChartType.as
@@ -0,0 +1,63 @@
+package org.xas.jchart.common.data
+{
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+
+	public class ChartType
+	{
+		
+		public static const BAR:String = 'bar';
+		public static const LINE:String = 'line';
+		public static const PIE:String = 'pie';
+		public static const COLUMN:String = 'column';
+		public static const STACK:String = 'stack';
+		
+		
+		public function ChartType()
+		{
+		}
+		
+		public static function fixChartType( _type:String ):String{
+			switch( BaseConfig.ins.version ){
+				case '0.2': {
+					_type = fixChartType02( _type );
+					break;
+				}
+				default: {
+					_type = fixChartTypeNormal( _type );
+					break;
+				}
+			}
+			
+			return _type;
+		}
+		protected static function fixChartTypeNormal( _type:String ):String{
+			_type = ( _type || '' ).toString();
+			
+			if( _type != BAR
+				&& _type != LINE
+				&& _type != PIE
+				&& _type != COLUMN
+			){
+				_type = BAR;
+			}
+			
+			return _type;
+		}
+		
+		protected static function fixChartType02( _type:String ):String{
+			_type = ( _type || '' ).toString();
+			
+			if( _type != BAR
+				&& _type != LINE
+				&& _type != PIE
+				&& _type != COLUMN
+				&& _type != STACK
+			){
+				_type = BAR;
+			}
+			
+			return _type;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/DefaultOptions.as b/flash/source/lib/src/org/xas/jchart/common/data/DefaultOptions.as
index a0c25a3..7e9de30 100644
--- a/flash/source/lib/src/org/xas/jchart/common/data/DefaultOptions.as
+++ b/flash/source/lib/src/org/xas/jchart/common/data/DefaultOptions.as
@@ -780,11 +780,13 @@ package org.xas.jchart.common.data
 		public static var colors:Array =
 			[
 				0x09c100, 
-				0x0c76c4, 				
+				0x0c76c4, 	
 				0xff0619,
 				
 				0xFFBF00, 			
-				0xff7100,	
+				0xff7100,
+				
+				0x434348,	
 				0xff06b3, 
 				
 				0x41e2e6,			
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/ProjectInfo.as b/flash/source/lib/src/org/xas/jchart/common/data/ProjectInfo.as
new file mode 100644
index 0000000..50e82b2
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/ProjectInfo.as
@@ -0,0 +1,83 @@
+package org.xas.jchart.common.data
+{
+	import flash.display.DisplayObjectContainer;
+	import flash.events.ContextMenuEvent;
+	import flash.events.EventDispatcher;
+	import flash.net.URLRequest;
+	import flash.net.navigateToURL;
+	import flash.ui.ContextMenu;
+	import flash.ui.ContextMenuItem;
+	
+	import org.xas.core.model.ContextMenuData;
+	import org.xas.core.utils.SystemUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+
+	public class ProjectInfo extends EventDispatcher
+	{
+		public static const url:String = "http://fchart.openjavascript.org/docs_api/classes/JC.FChart.html";
+		public static const name:String = "JC.FChart";
+		
+		protected static var _instance:ProjectInfo;
+		
+		protected var _config:Config;
+		protected var _data:Object;
+		
+		public static function getInstance( _config:Config = null, _data:Object = null ):ProjectInfo{
+			if( !_instance ){
+				_instance = new ProjectInfo( _config, _data );
+			}
+			
+			
+			return _instance;
+		}
+		
+		public function ProjectInfo( _config:Config, _data:Object )
+		{
+			if( _instance ){
+				throw new Error( 'ProjectInfo is singleton, pls use ProjectInfo.getInstance()!' );
+			} 
+			
+			this._config = _config;
+			this._data = _data;
+			
+			init();
+		}
+		
+		protected var _menuData:Vector.<ContextMenuData>;
+		
+		protected function init():void{
+			initContentMenu();
+		}
+				
+		protected function initContentMenu():void{
+			
+			var _menu:ContextMenu
+				, _menuData:Vector.<ContextMenuData> = new Vector.<ContextMenuData>();
+				;
+			
+			_menuData.push( new ContextMenuData( 'about ' + ProjectInfo.name , true, ProjectInfo.url )  );	
+			
+			if( _config.chartName ){
+				_menuData.push( new ContextMenuData( 'about ' + _config.chartName , true, _config.chartUrl )  );	
+			}
+			
+			_menu = SystemUtils.contentmenuX( BaseConfig.ins.root as DisplayObjectContainer, _menuData );
+					
+			Common.each( _menu.customItems, function( _k:int, _item:ContextMenuItem ):void{
+				initMenuEvent( _item, _menuData[ _k ] );
+			});
+		}
+		
+		protected function initMenuEvent( _item:ContextMenuItem, _data:ContextMenuData ):void{
+			_item.addEventListener( ContextMenuEvent.MENU_ITEM_SELECT, function( _evt:ContextMenuEvent ):void{
+				if( _data.url ){
+					//					Log.log( _data.url );
+					//URLUtils.openWindow( _data.url, 'JCFChart' );
+					var _url:URLRequest = new URLRequest( _data.url );
+					navigateToURL( _url, 'JCFChart' );
+				}
+			});
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/mixchart/BaseMixChartModel.as b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/BaseMixChartModel.as
new file mode 100644
index 0000000..beb7bcd
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/BaseMixChartModel.as
@@ -0,0 +1,142 @@
+package org.xas.jchart.common.data.mixchart
+{
+	import flash.events.EventDispatcher;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.ChartType;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.StackMixChartModelItem;
+
+	public class BaseMixChartModel extends EventDispatcher
+	{
+		protected var _config:Config;
+				
+		protected var _items:Vector.<BaseMixChartModelItem>;
+		public function get items():Vector.<BaseMixChartModelItem>{ return _items; }
+		
+		protected var _graphicType:Object;
+		public function get graphicType():Object{ return _graphicType;  }
+		
+		protected var _columnIndexCount:int = 0;
+		
+		public function BaseMixChartModel( _config:Config )
+		{
+			this._config = _config;
+			_items = new Vector.<BaseMixChartModelItem>();
+			_graphicType = {};
+			
+			process();
+		}
+		
+		protected function process():void{
+			
+			var _yType:Object = {}
+				, _yAxisList:Array = []
+				, _yAxisParams:Array = []
+				;
+			
+			if( !(
+				_config.cd
+				&& _config.cd.yAxis 
+				&& _config.cd.yAxis.length
+			)){
+				_yAxisParams.push( _config.cd.yAxis || {} );
+			}else{
+				_yAxisParams = _config.cd.yAxis;
+			}
+			
+			var _stackIndex:Object = {};
+			
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+				var _key:int = parseInt( _item.yAxis || '0' )
+					, _tmp:Object 
+					, _type:String = ChartType.fixChartType( _item.type )
+					;
+				if( !( _key in _yType ) ){
+					_yType [ _key ] = [];
+					_yAxisList.push( { index: _key } );
+				}
+				_tmp = { index: _k, data: _item };
+				
+				if( _type == ChartType.STACK ){
+					_tmp.isStack = true;
+				}
+				
+				switch( _type ){
+					case ChartType.BAR: {
+						_item.columnIndex = _columnIndexCount++;
+						break;
+					}
+					case ChartType.STACK: {
+						
+						if( !( _key in _stackIndex ) ){
+							_stackIndex[ _key ] = {};
+						}
+						
+						if( !_stackIndex[ _key ].findStackIndex ){
+							_stackIndex[ _key ].stackIndex = _columnIndexCount;
+							_columnIndexCount++;
+						}
+						_item.columnIndex = _stackIndex[ _key ].stackIndex;
+						_stackIndex[ _key ].findStackIndex = true;
+						break;
+					}
+				}
+				
+				_yType [ _key ].push( _tmp );
+				
+			});
+			
+			if( !_yAxisList.length ){
+				return;
+			}
+			_yAxisList.sort();
+			//Log.log( _yAxisList );
+//			Log.printFormatJSON( _yAxisList );
+			
+			Common.each( _yAxisList, function( _k:int, _v:Object ):void {
+				var _param:Object = _yAxisParams[ _v.index ] || {}
+					, _tmp:Array = _yType[ _v.index ]
+					;
+					_param.yAxisIndex = _k;
+				if( _tmp && _tmp.length && _tmp[0].isStack ){
+					_items.push( new StackMixChartModelItem( _v.index, _param, _config ) );
+				}else{
+					_items.push( new BaseMixChartModelItem( _v.index, _param, _config ) );
+				}
+			});
+			
+			initGraphicType();
+			
+//			Log.log( columnLen );
+		}
+		
+		protected function initGraphicType():void{
+			
+			Common.each( _items, function( _k:int, _item:BaseMixChartModelItem ):void{
+				Common.each( _item.displaySeries, function( _sk:int, _sitem:Object ):void{
+					//Log.printJSON( _sitem );
+					var _type:String = _sitem.type || ChartType.BAR, _tmp:Object;
+					switch( _type ){
+						case 'column': _type = ChartType.BAR; break;
+						case 'spline': _type = ChartType.LINE; break;
+					}
+					_type = ChartType.fixChartType( _type );
+					
+					!( _type in _graphicType ) && ( _graphicType[ _type ] = [] );
+					_tmp = { data: _sitem, type: _type, modelIndex: _k, dataIndex: _sk };
+//					Log.log( _sk );
+					_graphicType[ _type ].push( _tmp );
+				});
+			});
+//			Log.printFormatJSON( _graphicType );
+		}
+		
+		public function get columnLen():int{
+			return _columnIndexCount;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/BaseMixChartModelItem.as b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/BaseMixChartModelItem.as
new file mode 100644
index 0000000..fbca989
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/BaseMixChartModelItem.as
@@ -0,0 +1,534 @@
+package org.xas.jchart.common.data.mixchart.MixChartModelItem
+{
+	import flash.events.EventDispatcher;
+	import flash.events.IEventDispatcher;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseAttrConfig;
+	import org.xas.jchart.common.Common;
+	
+	public class BaseMixChartModelItem
+	{
+		
+		public function BaseMixChartModelItem( _index:int, _params:Object, _config:Config )
+		{
+			this._index = _index;
+			this._params = _params || {};
+			this._config = _config;
+			
+			init();
+		}
+		
+		protected var _config:Config;
+		protected var _index:int;
+		protected var _params:Object;
+		public function get params():Object{ return _params; }
+		
+		protected var _displaySeries:Array;
+		public function get displaySeries():Array{ return _displaySeries; }
+		
+		protected var _hasNegative:Boolean;
+		public function get hasNegative():Boolean{ return _hasNegative; }
+		
+		public function get isOpposite():Boolean{
+			var _r:Boolean;			
+			_r = _params.opposite || _r;			
+			return _r;
+		}
+		
+		protected var _ignoreAutoRate:Boolean;		
+		public function get isAutoRate():Boolean {
+			var _r:Boolean = false;
+			this._params
+				&& this._params.autoRate
+				&& ( 'enabled' in this._params.autoRate )
+				&& ( _r = this._params.autoRate.enabled );
+			
+			this._params
+				&& this._params.customRate
+				&& ( _r = this._params.customRate );
+			
+			if( _ignoreAutoRate ){
+				_r = false;
+			}
+			
+			return _r;
+		} 
+		protected var _rate:Array;
+		public function get rate():Array{ return _rate; }
+		
+		public function get rateUp():int {
+			var _r:int = 5;
+			
+			this._params
+				&& this._params.autoRate
+				&& ( 'rateUp' in this._params.autoRate )
+				&& ( _r = this._params.autoRate.rateUp );
+			
+			_r <= 0 && ( _r = 0 );
+			
+			return _r;
+		}
+				
+		public function get yAxisMaxValue():Number{
+			var _r:Number = 0;
+			
+			_config.cd && _config.cd.rateLabel && ( 'maxvalue' in _config.cd.rateLabel )
+				&& ( _r = _config.cd.rateLabel.maxvalue || _r );
+			
+			this._params && ( 'maxvalue' in this._params )
+				&& ( _r = this._params.maxvalue || _r );
+			
+			return _r;
+		}
+		
+		protected function get maxOffset():Number {
+			var _r:Number = 0;
+			
+			this._params
+				&& this._params.autoRate
+				&& ( 'maxOffset' in this._params.autoRate )
+				&& ( _r = parseFloat( this._params.autoRate.maxOffset ));
+			
+			_r < 0 && ( _r = 0 );
+			
+			return _r;
+		}
+		
+		protected function get minOffset():Number {
+			var _r:Number = 0;
+			//Log.printFormatJSON( this._params );
+			
+			this._params
+				&& this._params.autoRate
+				&& ( 'minOffset' in this._params.autoRate )
+				&& ( _r = parseFloat( this._params.autoRate.minOffset ));
+			
+			_r < 0 && ( _r = 0 );
+			//Log.log( _r );
+			
+			return _r;
+		}
+		
+		protected var _floatLen:int = 0;
+		protected var _isFloatLenReady:Boolean = false;
+		public function get floatLen():int{
+			
+			if( _isFloatLenReady ){
+				return _floatLen;
+			}
+			_isFloatLenReady = true;
+			
+			if( _config.cd && ( 'floatLen' in _config.cd ) ){
+				_floatLen = _config.cd.floatLen;
+			}else{
+				_floatLen = 0;
+				
+				var _tmpLen:int;
+				
+				_tmpLen = 0;
+				Common.each( displaySeries, function( _k:int, _item:Object ):void{
+					Common.each( _item.data, function( _sk:int, _sitem:String ):void{
+						_tmpLen = Common.floatLen( _sitem );
+						_tmpLen > _floatLen && ( _floatLen = _tmpLen );
+						//Log.log( _sitem, _tmpLen, _floatLen );
+					});
+				});
+			}
+			_floatLen == 1 && ( _floatLen = 2 );
+			
+			//Log.log( _floatLen );
+			
+			return _floatLen;
+		}
+		
+		public function get rateZeroIndex():int{ return _rateZeroIndex; }
+		protected var _rateZeroIndex:int = 0; 
+		
+		protected var _absNum:Number;
+		protected var _finalMaxNum:Number;
+		public function get finalMaxNum():Number{ return _finalMaxNum; }
+		
+		protected var _maxNum:Number = 0;
+		public function get maxNum():Number{ return _maxNum; }
+		
+		
+		public function get chartMaxNum():Number{
+			return finalMaxNum * rate[0];
+		}
+		
+		protected var _minNum:Number = 0;
+		public function get minNum():Number{ return _minNum; }
+		
+		protected var _realRate:Array;
+		public function get realRate():Array{ return _realRate; }
+		
+		protected var _realRateFloatLen:int;
+		public function get realRateFloatLen():int{ 
+			var _r:Number = _realRateFloatLen;
+			
+			this._params && ( 'realRateFloatLen' in this._params )
+				&& ( _r = Number( this._params.realRateFloatLen ) );
+			
+			return _r; 
+		}
+		
+		
+		public function get yAxisRate():Array{
+			var _r:Array;
+			_config.cd && _config.cd.rateLabel && ( 'data' in _config.cd.rateLabel )
+				&& ( _r = _config.cd.rateLabel.data );
+			
+			this._params && ( 'data' in this._params )
+				&& ( _r = this._params.data );
+			
+			this._params && this._params && ( 'rate' in this._params )
+				&& ( _r = this._params.rate );
+			return _r;
+		}
+		protected var _itemMax:Array;
+		public function itemMax( _ix:int ):Number {
+			var _r:Number = 0;
+			if( _itemMax && _ix >= 0 && ( _ix < _itemMax.length ) ){
+				_r = _itemMax[ _ix ];
+			}
+			return _r;
+		}
+		
+		public function get autoRateDeep():int {
+			var _r:int = 1;
+			
+			if( this.isAutoRate ){
+				this._params
+					&& this._params.autoRate
+					&& this._params.autoRate.enabled
+					&& ( 'deep' in this._params.autoRate )
+					&& ( _r = this._params.autoRate.deep );
+			}
+			
+			return _r;
+		}
+		
+		public function get enabeld():Boolean{
+			var _r:Boolean = true;
+			if( this._params && ( 'enabled' in this._params ) ){
+				_r = StringUtils.parseBool( this._params.enabled );
+			}
+			return _r;
+		}
+		
+		public function get hasVTitle():Boolean{
+			var _r:Boolean;
+			
+			if( 
+				this.enabeld 
+				&& this.params
+				&& this.params.title
+				&& this.params.title.text 
+			){
+				var _isEnabled:Boolean = true;
+				if( 'enabled' in this.params.title ){
+					_isEnabled = StringUtils.parseBool( this.params.title.enabled ) && this.params.title.text;
+				}
+				_r = _isEnabled;
+			}
+			
+			return _r;
+		}
+		
+		public function get vtitleText():String{
+			var _r:String = '';		
+			
+			if( 
+				this.params
+				&& this.params.title
+				&& this.params.title.text 
+			){
+				_r = this.params.title.text;
+			}
+			
+			return _r;
+		}
+		
+		protected var _left:Number = 0;
+		public function get left():Number{ return _left; }
+		public function set left( _setter:Number ):void{ _left = _setter; }
+		
+		public function get vlabelsStyle():Object{
+			var _r:Object = {};
+			this._params 
+				&& this._params.labels
+				&& this._params.labels.style
+				&& ( _r = this._params.labels.style )
+				;
+			return _r;
+		}
+		
+		public function get vtitleStyle():Object{
+			var _r:Object = {};
+			this._params 
+				&& this._params.title
+				&& this._params.title.style
+				&& ( _r = this._params.title.style )
+				;
+			return _r;
+		}
+
+		
+		protected function init():void{
+			_displaySeries = [];
+			
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+				if( _config.getYAxisIndex( _item ) === _index ){
+					//Log.log( [ _k, _config.getYAxisIndex( _item ) ] );
+					_item.displayIndex = _k;
+					_displaySeries.push( _item );
+				}
+			});
+			
+			this._hasNegative = Common.hasNegative( displaySeries );
+			
+			calcRate();
+			//_chartData && ( _chartData.legend = _chartData.legend || {} );
+		}
+		
+		public function calcRate():void {
+			var _data:Object = _config.cd
+				, _customRate:Boolean = this.isAutoRate;
+			_rate = [];
+			if( !_data ) return;
+			
+			_maxNum = calcMaxNum();
+			_minNum = calcMinNum();
+			_absNum = Math.abs( _minNum );
+			_finalMaxNum = Math.max( _maxNum, _absNum );
+			
+			if( _hasNegative ) {
+				
+				/* 有负数数据将不会处理_customRate*/
+				_customRate = false;
+				
+				if( _maxNum > _absNum ) {
+					if( Math.abs( _finalMaxNum * 0.33 ) > _absNum ) {
+						_rate = [ 1, 0.66, 0.33, 0, -0.33];
+						_rateZeroIndex = 3;
+					}
+				} else {
+					if( _maxNum == 0 ){
+						_rate = [ 0, -0.25, -0.5, -0.75, -1 ];
+						_rateZeroIndex = 0;
+					} else if ( Math.abs( _finalMaxNum * 0.33 ) > _maxNum ) {
+						_rate = [ 0.33, 0, -0.33, -0.66, -1 ];
+						_rateZeroIndex = 1;
+					}
+				}
+				
+				if( !_rate.length ) {
+					_rate = [ 1, .5, 0, -.5, -1 ];
+					_rateZeroIndex = 2;
+				}
+			} else {
+				_rate = [1, .75, .5, .25, 0 ];
+				_rateZeroIndex = 4;
+			}
+			
+			
+			_realRate = [];
+			_realRateFloatLen = 0;
+			var _tmpLen:int = 0
+				, _rateValue:Number = _finalMaxNum
+				, _tmpRateValue:Number
+				;
+			
+			if( _config.isPercent ){
+				_rateValue = 100;
+			}
+			
+			_rate = yAxisRate || _rate;
+			Common.each( _rate, function( _k:int, _item:Number ):void{
+				if( _item === 0 ){
+					_rateZeroIndex = _k;
+				}
+			} );
+			this.yAxisMaxValue && ( _rateValue = this.yAxisMaxValue );
+			
+			_tmpRateValue = _rateValue;
+			if( _customRate ) {
+				_rateValue = _maxNum - _minNum;
+				
+				var _partNum:Number = _rateValue / ( _rate.length - 1 );
+				if( (_minNum - _partNum ) < 0 ){
+					_customRate = false;
+					_ignoreAutoRate = true;
+					
+					_rateValue = _tmpRateValue;
+				}
+				
+			}
+//			Log.log( '_customRate:', _customRate, _minNum, _partNum, _rateValue );
+			
+			Common.each( _rate, function( _k:int, _item:Number ):void{
+				var _realItem:Number = _rateValue * _item;
+				_realItem = Common.parseFinance( _realItem, 10 );
+				
+				if( Common.isFloat( _realItem ) ) {
+					_tmpLen = _realItem.toString().split( '.' )[1].length;
+					_tmpLen > _realRateFloatLen && ( _realRateFloatLen = _tmpLen );
+				}
+				
+				if( _customRate ) {
+					_realItem += _minNum;
+					
+				}
+//				Log.log( 'xxxxxxxx: ', _realItem, _customRate);
+				
+				_realRate.push( _realItem );
+			});
+			
+			_itemMax = [];
+			_realRateFloatLen === 1 && ( _realRateFloatLen = 2 );
+			
+			if( displaySeries && displaySeries.length &&  displaySeries[0].data && displaySeries[0].data.length ){
+				var _tmpMax:Number;
+				Common.each( displaySeries[0].data, function( _k:int, _item:Object ):void{
+					_tmpMax = 0;
+					Common.each( displaySeries, function( _sk:int, _sitem:Object ):void{
+						_tmpMax += _sitem.data[ _k ];
+					});
+					_itemMax.push( _tmpMax );
+				});
+			}
+//			Log.log( _realRate );
+		}
+		
+		protected function calcMaxNum( _series:Array = null ):Number{
+			var _r:Number = 0, _tmp:Array;
+			_series = _series || displaySeries;
+			
+			if( _config.isPercent ){
+				if( _series ){
+					_tmp = [];
+					Common.each( _series, function( _k:int, _item:Object ):*{
+						if( _item.data ){
+							Common.each( _item.data, function( _sk:int, _item:Number ):void{
+								_r += _item;	
+							});
+						}
+					});
+				}
+			}else{
+				if( _series ){
+					_tmp = [];
+					Common.each( _series, function( _k:int, _item:Number ):*{
+						_tmp = _tmp.concat( _series[ _k ].data );
+					});
+					_tmp.length && ( _r = Math.max.apply( null, _tmp ) );
+				}
+				
+				_r < 0 && ( _r = 0 );
+				
+				//Log.log( _r + ', ' + this.rateUp );
+				_r >= 0 && ( _r = Common.numberUp( _r, 5, this.rateUp ) );
+				if( this.rateUp === 0 ){
+					//Log.log( _r + ', ' + Common.percentDown( _r, 1 ) );
+					_r = Common.numberDown( _r, 2 );
+				}
+				
+				//Log.log( _r + ', ' + Common.numberDown( _r, 2 ) );
+			}
+			
+			this.yAxisMaxValue && ( _r = this.yAxisMaxValue );
+			
+			if( _r === 0 ){
+				_r = 100;
+			}else{
+				//Log.log( [ Common.numberDown( _r ), _r ] );
+				_r = _r + _r * maxOffset;
+			}
+			//Log.log( _r );
+			
+			!floatLen && ( _r = Math.floor( _r ) );
+			//return 11000;
+			
+			return _r;
+		}
+		
+		protected function calcMinNum():Number{
+			var _r:Number = 0, _tmp:Array, _tmpR:Number;
+			if( _config.isPercent ) return 0;
+			if(_config.cd && _config.cd.series ){
+				_tmp = [];
+				Common.each( displaySeries, function( _k:int, _item:Number ):*{
+					_tmp = _tmp.concat( displaySeries[ _k ].data );
+				});
+				_tmp.length && ( _r = Math.min.apply( null, _tmp ) );
+				
+				if( _tmp.length && !_hasNegative && isAutoRate ){
+					//Log.log( 'xxxxxxxxxx' + _r );
+					_tmpR = _r = Common.numberDown( _r, autoRateDeep );
+					
+					if( _r === 0 ){
+					}else{
+						//Log.log( [  Common.numberDown( _r ) * minOffset, minOffset, _r ] );
+						_r = _r - Common.percentDown( _r ) * minOffset;
+					}
+					
+					!floatLen && ( _r = Math.floor( _r ) );
+					
+					if( _tmpR > 0 && _r < 0 ){
+						_r = _tmpR;
+					}
+					//Log.log( 'xxxxxxxxxx' + _r );
+				} else {
+					_r > 0 && ( _r = 0 );
+					_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ), 5, this.rateUp ) );
+				}
+			}
+			
+			return _r;
+		}
+		
+		
+		public function yAxisAbbrNumber( _num:Number, _def:int = 2 ):int{
+			var _r:int = _def, _num:Number = Math.abs( _num );
+			
+			if( yAxisAbbrNumberEnabled ){
+				if( _num >= Math.pow( 10, 8 ) ){
+					_r = yAxisAbbrNumber9;
+				}else if( _num >= Math.pow( 10, 4 ) ){
+					_r = yAxisAbbrNumber5;
+				}
+			}
+			
+			return _r;
+		}
+		
+		public function get yAxisAbbrNumber5():uint{
+			var _r:uint = _config.abbrNumber5( _config.abbrNumberPrecision );
+			_r = BaseAttrConfig.getAttr( this._params, 'abbrNumber.5', _r ) as uint;			
+			return _r;
+		} 
+		
+		public function get yAxisAbbrNumber9():int{
+			var _r:int = _config.abbrNumber9( _config.abbrNumberPrecision );
+			_r = BaseAttrConfig.getAttr( this._params, 'abbrNumber.9', _r ) as uint;			
+			return _r;
+		}
+		
+		public function get yAxisAbbrNumberEnabled():Boolean{
+			var _r:Boolean = BaseAttrConfig.getAttr( this._params, 'abbrNumber.enabled', _config.abbrNumberEnabled ) as Boolean;
+			return _r;
+		}
+		
+		public function get yAxisFormat():String{
+			var _r:String = "{0}";
+			_r =  BaseAttrConfig.getAttr( this._params, 'format', _r ) as String;				
+			return _r;
+		}
+				
+		public function get isPercent():Boolean{
+			return _config.isPercent;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/StackMixChartModelItem.as b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/StackMixChartModelItem.as
new file mode 100644
index 0000000..c518d89
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/mixchart/MixChartModelItem/StackMixChartModelItem.as
@@ -0,0 +1,130 @@
+package org.xas.jchart.common.data.mixchart.MixChartModelItem
+{
+	import flash.events.EventDispatcher;
+	import flash.events.IEventDispatcher;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseAttrConfig;
+	import org.xas.jchart.common.Common;
+	
+	public class StackMixChartModelItem extends BaseMixChartModelItem
+	{
+		
+		public function StackMixChartModelItem( _index:int, _params:Object, _config:Config )
+		{
+			super( _index, _params, _config );
+		}
+		
+		override public function get isPercent():Boolean{
+			return false;
+		}
+		
+		override public function calcRate():void {
+			super.calcRate();
+			
+			_hrate = this.rate.slice().reverse();
+			_hrealRate = this.realRate.slice().reverse();
+			
+			_hrateZeroIndex = ( this.rate.length - 1 ) - rateZeroIndex;
+		}
+		
+		protected var _hrateZeroIndex:int;
+		protected var _hrate:Array;
+		protected var _hrealRate:Array;
+		
+		public function get hrateZeroIndex():int{ return _hrateZeroIndex; }
+		public function get hrate():Array{ return _hrate; }
+		public function get hrealRate():Array{ return _hrealRate; }
+		
+		override protected function calcMaxNum( _series:Array = null ):Number{
+			var _r:Number = 0, _tmp:Number;
+			_series = _series || displaySeries;
+			
+			if( _series && _series.length && _series[0].data && _series[0].data.length  ){
+				
+				Common.each( _series[0].data, function( _k:int, _item:Number ):void {
+					_tmp = 0;
+					Common.each( _series, function( _sk:int, _sitem:Object ):void {
+						if( _sitem && _sitem.data && _sitem.data.length && _sitem.data[ _k ] && _sitem.data[ _k ] > 0 ){
+							_tmp += _sitem.data[ _k ];
+						}
+					});
+					
+					_tmp > _r && ( _r = _tmp );
+				});
+				
+			}
+			
+			_r < 0 && ( _r = 0 );
+			
+			_r >= 0 && ( _r = Common.numberUp( _r, 5, this.rateUp ) );
+			if( this.rateUp === 0 ){
+				_r = Common.numberDown( _r, 2 );
+			}
+			
+			this.yAxisMaxValue && ( _r = this.yAxisMaxValue );
+			
+			if( _r === 0 ){
+				_r = 100;
+			}else{
+				_r = _r + _r * maxOffset;
+			}
+			
+			!floatLen && ( _r = Math.floor( _r ) );
+			
+			return _r;
+		}
+		
+		override protected function calcMinNum():Number{
+			var _r:Number = 0, _tmp:Number, _tmpR:Number, _tmpAr:Array;
+			
+			if( displaySeries && displaySeries.length && displaySeries[0].data && displaySeries[0].data.length  ){
+				
+				if( this.hasNegative ){
+					Common.each( displaySeries[0].data, function( _k:int, _item:Number ):void {
+						_tmp = 0;
+						Common.each( displaySeries, function( _sk:int, _sitem:Object ):void {
+							if( _sitem && _sitem.data && _sitem.data.length && _sitem.data[ _k ] && _sitem.data[ _k ] < 0 ){
+								_tmp += Math.abs( _sitem.data[ _k ] );
+								//							Log.log( _sitem.data[ _k ] );
+							}
+						});
+						
+						_tmp > _r && ( _r = _tmp );
+					});
+					_r > 0 && ( _r = -_r );
+				}else{
+					_tmpAr = [];
+					Common.each( displaySeries, function( _k:int, _item:Number ):*{
+						_tmpAr = _tmpAr.concat( displaySeries[ _k ].data );
+					});
+					_tmpAr.length && ( _r = Math.min.apply( null, _tmpAr ) );
+				}
+				
+				if( !_hasNegative && this.isAutoRate ){
+					//					Log.log( 'xxxxxxxxxx' + _r ); 
+					_tmpR = _r = Common.numberDown( _r, this.autoRateDeep );
+					
+					if( _r === 0 ){
+					}else{
+						//Log.log( [  Common.numberDown( _r ) * minOffset, _r ] );
+						_r = _r - Common.percentDown( _r ) * minOffset;
+					}
+					
+					!floatLen && ( _r = Math.floor( _r ) );
+					
+					if( _tmpR > 0 && _r < 0 ){
+						_r = _tmpR;
+					}
+					//Log.log( 'xxxxxxxxxx' + _r );
+				} else {
+					_r > 0 && ( _r = 0 );
+					_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ), 5, this.rateUp ) );
+				}
+			}
+			
+			return _r;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultData.as
index b6f784b..e0532a3 100644
--- a/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultData.as
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultData.as
@@ -15,12 +15,4276 @@ package org.xas.jchart.common.data.test
 		}
 		
 		public function DefaultData()
-		{
-			init();
+		{ 
+			init();  
 		}
 		
 		private function init():void{
 			_data = new Vector.<Object>();
+//			return;
+			
+			_data.push(
+				{
+					'title': {
+						'text':'Chart Title'
+					},
+					'subtitle': {
+						'text': 'sub title'
+					}, 
+					'xAxis': {
+						'categories': [ '营销', '市场', '研发', '客服', '信息技术', '管理' ]
+					}, 
+					'yAxis': {
+						'title': {
+							'text': '(Vertical Title - 中文)'
+						}
+					},
+					'series':[{
+						'name': '公司A'
+						, 'data': [ 0, 19000, 50000, 35000, 28000, 10000 ]
+						, 'style': { 'stroke': '#ff7100' } 
+						, 'pointStyle': {}
+					}, {
+						'name': '公司B',
+						'data': [ 5000, 21000, 42000, 31000, 28000, 14000 ]
+					}],
+					'credits': {
+						'enabled': true
+						, 'text': 'fchart.openjavascript.org'
+						, 'href': 'http://fchart.openjavascript.org/'
+					},
+					'displayAllLabel': true,
+					'legend': {
+						'enabled': true
+					},
+					'animation': {
+						'enabled': true
+						, 'duration': 1
+					},
+					'point': {
+						'enabled': true
+					}
+				}
+			);
+			 
+			_data.push(  
+				{
+					"series":
+					[
+						{
+							"data":
+							[
+								46421, 
+								30213, 
+								28856, 
+								28213, 
+								24544, 
+								21955, 
+								13951, 
+								13107, 
+								12119, 
+								11564, 
+								9270, 
+								8776, 
+								7688, 
+								7591, 
+								7451, 
+								6793, 
+								5731, 
+								5020, 
+								4134, 
+								4095, 
+								3650, 
+								3613, 
+								3067, 
+								2994, 
+								2848, 
+								2313, 
+								2154, 
+								1768, 
+								1679, 
+								1392, 
+								1383, 
+								1346, 
+								1322, 
+								1280, 
+								1251, 
+								1124, 
+								1071, 
+								1056, 
+								1009, 
+								975, 
+								950, 
+								838, 
+								834, 
+								794, 
+								789, 
+								780, 
+								764, 
+								747, 
+								720, 
+								711
+							], 
+							"name": "PV"
+						}, 
+						{
+							"data":
+							[
+								2029, 
+								1300, 
+								2034, 
+								1198, 
+								1324, 
+								1453, 
+								1054, 
+								5198, 
+								4968, 
+								1897, 
+								910, 
+								932, 
+								727, 
+								2133, 
+								2674, 
+								936, 
+								732, 
+								512, 
+								818, 
+								800, 
+								526, 
+								79, 
+								690, 
+								885, 
+								607, 
+								68, 
+								613, 
+								524, 
+								357, 
+								377, 
+								593, 
+								243, 
+								64, 
+								52, 
+								87, 
+								205, 
+								41, 
+								579, 
+								373, 
+								16, 
+								13, 
+								96, 
+								45, 
+								160, 
+								91, 
+								54, 
+								88, 
+								31, 
+								28, 
+								281
+							], 
+							"name": "UV"
+						}, 
+						{
+							"data":
+							[
+								54962, 
+								22718, 
+								73664, 
+								29226, 
+								30159, 
+								20641, 
+								9912, 
+								13461, 
+								17036, 
+								15313, 
+								8890, 
+								487, 
+								6774, 
+								6766, 
+								6759, 
+								10604, 
+								2040, 
+								4814, 
+								6089, 
+								1734, 
+								3485, 
+								4961, 
+								2263, 
+								3658, 
+								2249, 
+								2976, 
+								1639, 
+								347, 
+								1830, 
+								1772, 
+								1414, 
+								1106, 
+								1042, 
+								1682, 
+								1179, 
+								816, 
+								880, 
+								4793, 
+								1665, 
+								969, 
+								68, 
+								1172, 
+								1205, 
+								507, 
+								777, 
+								560, 
+								753, 
+								691, 
+								727, 
+								780
+							], 
+							"name": "点击次数"
+						}, 
+						{
+							"data":
+							[
+								1946, 
+								991, 
+								1985, 
+								1145, 
+								1287, 
+								1324, 
+								981, 
+								4934, 
+								4923, 
+								1735, 
+								881, 
+								68, 
+								674, 
+								2030, 
+								2560, 
+								751, 
+								372, 
+								486, 
+								762, 
+								682, 
+								483, 
+								79, 
+								463, 
+								854, 
+								581, 
+								68, 
+								510, 
+								147, 
+								334, 
+								347, 
+								534, 
+								227, 
+								63, 
+								51, 
+								77, 
+								178, 
+								40, 
+								569, 
+								335, 
+								16, 
+								12, 
+								93, 
+								43, 
+								32, 
+								73, 
+								31, 
+								85, 
+								26, 
+								29, 
+								-1
+							], 
+							"name": "点击人数"
+						}
+					], 
+					"animation":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"direction": "TOP_RIGHT"
+					}, 
+					"chart":
+					{
+						"type": "bar"
+					}, 
+					"xAxis":
+					{
+						"rotation":
+						{
+							"enabled": true
+						}, 
+						"categories":
+						[
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03", 
+							"2015-02-03"
+						]
+					}
+				});
+  
+			_data.push( {
+				"chart": {
+					"type": "stack", 
+					"bgAlpha": "0", 
+					"bgColor": "0xff0000"
+				}, 
+				"series": [
+					{
+						"name": "Temperature", 
+						"data": [
+							"10", 
+							"0", 
+							"3", 
+							"10", 
+							"20", 
+							"27", 
+							"28", 
+							"32", 
+							"30", 
+							"25", 
+							"15", 
+							"5"
+						]
+					}, 
+					{
+						"name": "Rainfall", 
+						"data": [
+							"20", 
+							"21", 
+							"20", 
+							"100", 
+							"200", 
+							"210", 
+							"220", 
+							"100", 
+							"20", 
+							"10", 
+							"20", 
+							"10"
+						]
+					}
+				], 
+				"title": {
+					"enabled": true, 
+					"text": "Chart Title"
+				}, 
+				"subtitle": {
+					"enabled": true, 
+					"text": "Chart Subtitle"
+				}, 
+				"xAxis": {
+					"enabled": true, 
+					"wordwrap": "true", 
+//					"categories": [
+//						"11", 
+//						"2", 
+//						"3", 
+//						"4", 
+//						"5", 
+//						"6", 
+//						"7", 
+//						"8", 
+//						"9", 
+//						"10", 
+//						"11", 
+//						"122"
+//					], 
+					"display": {
+						"enabled": true
+					}, 
+					"rotation": {
+						"enabled": true, 
+						"angle": ""
+					}
+				}, 
+				"yAxis": {
+					"enabled": true, 
+					"title": {
+						"enabled": true, 
+						"text": "(Vertical Title - 中文)"
+					}
+				}, 
+				"legend": {
+					"enabled": true, 
+					"direction": "7", 
+					"interval": "10"
+				},
+				"hline": {
+					"enabled": true
+				}, 
+				"vline": {
+					"enabled": true
+				}, 
+				"animation": {
+					"enabled": true, 
+					"duration": 0.75
+				}, 
+				"line": {
+					"smooth": {
+						"enabled": true,
+						"type": "0"
+					}
+				},
+				"point": {
+					"hoverShow": true
+				},
+				"credits": {
+					"enabled": true, 
+					"text": "fchart.openjavascript.org222", 
+					"duration": "http://fchart.openjavascript.org/"
+				}
+			});
+			
+			_data.push(  {
+				"chart": {
+					"type": "hstack"
+				},
+				"title": {
+					"text": "日趋势"
+				},
+				"xAxis": {
+					"categories": [
+						"2014-11-17",
+						"2014-11-18",
+						"2014-11-19",
+						"2014-11-20",
+						"2014-11-21",
+						"2014-11-22",
+						"2014-11-23",
+						"2014-11-24",
+						"2014-11-25",
+						"2014-11-26",
+						"2014-11-27",
+						"2014-11-28",
+						"2014-11-29",
+						"2014-11-30",
+						"2014-12-01",
+						"2014-12-02",
+						"2014-12-03",
+						"2014-12-04",
+						"2014-12-05",
+						"2014-12-06",
+						"2014-12-07",
+						"2014-12-08",
+						"2014-12-09",
+						"2014-12-10",
+						"2014-12-11",
+						"2014-12-12",
+						"2014-12-13",
+						"2014-12-14",
+						"2014-12-15",
+						"2014-12-16"
+					]
+					, "rotation": {
+						"enabled": true
+					}
+				},
+				"yAxis": {
+					"autoRate": {
+						"enabled": true
+						, "deep": 1
+						, "rateUp": 2
+						, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+						, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+					}
+				},
+				"animation": {
+					"enabled": true
+				},
+				"series": [
+					{
+						"name": "北汽",
+						"data": [
+							0,
+							0,
+							0,
+							0,
+							84018,
+							81892,
+							82004,
+							87625,
+							85015,
+							120000,
+							86120,
+							74182,
+							71184,
+							72038,
+							72711,
+							74956,
+							81987,
+							75229,
+							86195,
+							76900,
+							78624,
+							84466,
+							84498,
+							83873,
+							83656,
+							85722,
+							77151,
+							79772,
+							107068,
+							90566
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					},
+					{
+						"name": "MG名爵",
+						"data": [
+							84039,
+							82828,
+							81567,
+							85531,
+							83544,
+							75332,
+							74107,
+							82759,
+							83733,
+							79110,
+							80264,
+							68606,
+							61461,
+							61599,
+							70562,
+							75320,
+							0,
+							0,
+							0,
+							0,
+							73675,
+							83763,
+							81138,
+							79073,
+							79821,
+							76209,
+							69474,
+							70292,
+							82381,
+							79333
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"legend": {
+					"enabled": true
+				},
+				"plotOptions": {
+					"area": {
+						"fillColor": {}
+					}
+				},
+				"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+				],
+				"lineBreak":{
+					"enabled": true
+				},
+				"callback": {
+					"initedCallback": "initedCallback"
+				}
+			});
+			
+			_data.push(                    {
+				chart: {
+					type: 'stack' 
+				}
+				, title: {
+				},
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+				}, 
+				yAxis: {
+					title: {
+					}
+				},
+				series:[{
+					name: 'Temperature',
+					data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+				}, {
+					name: 'Rainfall',
+					data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+				}],
+				credits: {
+					enabled: false,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "bar",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				"colors":
+				[
+					44015, 
+					10333619, 
+					639232, 
+					816836, 
+					16713241
+				], 
+				"vline":
+				{
+					//					"enabled": true
+				}, 
+				"xAxis":
+				{
+					"wordwrap": true, 
+					"categories":
+					[
+						"pos.baidu.com", 
+						"www.baidu.com", 
+						"hao.360.cn", 
+						"wd.360.cn", 
+						"internal.host.com", 
+						"eclick.baidu.com", 
+						"googleads.g.doubleclick.net", 
+						"user.qzone.qq.com", 
+						"www.so.com", 
+						"ptlogin2.qq.com"
+					]
+				}, 
+				"yAxis":
+				{
+					//					"enabled": false
+					"labels": {
+						"rotation": -45
+					}
+					, abbrNumber: {
+						"enabled": true
+					}
+				}, 
+				"legend":
+				{
+					//					"enabled": false
+				}, 
+				"displayAllLabel": true, 
+				"maxItem":
+				{
+					"style":
+					{
+						"size": 18, 
+						"color": 6146425
+					}
+				}				
+				, "tooltip": {
+					"type": "simple"					
+				}
+				, "hline":
+				{
+					//					"enabled": false
+				}, 
+				"series":
+				[
+					{
+						"name": "pv", 
+						"data":
+						[
+							7026299386, 
+							2243248546, 
+							1918390720, 
+							1887903406, 
+							1517144906, 
+							1463547200, 
+							958396100, 
+							951335880, 
+							941430913, 
+							914735040
+						]
+					}
+				],
+				"animation": {
+					"enabled": true
+				}
+				, dataLabels: {
+					"format": "{0}"
+					, "enabled": true
+					, "abbrNumber": {
+						"enabled": true
+					}
+				}
+			});
+			
+			_data.push({
+				"chart": {
+					"type": "stack"
+				},
+				"title": {
+					"text": "日趋势"
+				},
+				"xAxis": {
+					"categories": [
+						"2014-11-16",
+						"2014-11-17",
+						"2014-11-18",
+						"2014-11-19",
+						"2014-11-20",
+						"2014-11-21",
+						"2014-11-22",
+						"2014-11-23",
+						"2014-11-24",
+						"2014-11-25",
+						"2014-11-26",
+						"2014-11-27",
+						"2014-11-28",
+						"2014-11-29",
+						"2014-11-30",
+						"2014-12-01",
+						"2014-12-02",
+						"2014-12-03",
+						"2014-12-04",
+						"2014-12-05",
+						"2014-12-06",
+						"2014-12-07",
+						"2014-12-08",
+						"2014-12-09",
+						"2014-12-10",
+						"2014-12-11",
+						"2014-12-12",
+						"2014-12-13",
+						"2014-12-14",
+						"2014-12-15"
+					]
+					, "rotation": {
+						"enabled": true
+					}
+				},
+				"yAxis": {
+					"autoRate": {
+						"enabled": true
+					}
+				},
+				"series": [
+					{
+						"name": "宝马",
+						"data": [
+							176860,
+							196424,
+							195231,
+							199324,
+							199135,
+							195460,
+							182204,
+							183666,
+							204611,
+							198314,
+							194346,
+							194150,
+							166646,
+							155503,
+							152753,
+							168358,
+							178876,
+							187454,
+							180138,
+							199983,
+							175656,
+							175451,
+							198325,
+							199036,
+							193808,
+							194871,
+							183148,
+							171972,
+							174395,
+							210501
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					},
+					{
+						"name": "别克",
+						"data": [
+							136029,
+							151341,
+							148358,
+							148603,
+							149719,
+							146800,
+							136326,
+							139291,
+							155798,
+							150060,
+							147560,
+							149341,
+							128774,
+							119725,
+							120879,
+							128208,
+							135880,
+							144561,
+							137500,
+							149427,
+							131567,
+							131653,
+							150249,
+							148043,
+							145478,
+							144805,
+							140207,
+							131481,
+							133515,
+							159550
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"legend": {
+					"enabled": true
+				},
+				"plotOptions": {
+					"area": {
+						"fillColor": {}
+					}
+				},
+				"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+				],
+				"callback": {
+					"initedCallback": "initedCallback"
+				}
+				, "animation": {
+					enabled: true
+				}
+				, "abbrNumber": {
+					"enabled": true
+//					, "precision": 6
+				}
+				, "tooltip": {
+					"abbrNumber": {
+//						enabled: true
+					}
+				}
+//				, "dataLabels": {
+//					"enabled": true
+//				}
+			});
+			
+			_data.push(                     {
+				"chart": {
+					"type": "stack"
+				},
+				"title": {
+					"text": "日趋势"
+				},
+				"xAxis": {
+					"categories": [
+						"2014-11-17",
+						"2014-11-18",
+						"2014-11-19",
+						"2014-11-20",
+						"2014-11-21",
+						"2014-11-22",
+						"2014-11-23",
+						"2014-11-24",
+						"2014-11-25",
+						"2014-11-26",
+						"2014-11-27",
+						"2014-11-28",
+						"2014-11-29",
+						"2014-11-30",
+						"2014-12-01",
+						"2014-12-02",
+						"2014-12-03",
+						"2014-12-04",
+						"2014-12-05",
+						"2014-12-06",
+						"2014-12-07",
+						"2014-12-08",
+						"2014-12-09",
+						"2014-12-10",
+						"2014-12-11",
+						"2014-12-12",
+						"2014-12-13",
+						"2014-12-14",
+						"2014-12-15",
+						"2014-12-16"
+					]
+					, "wordwrap": false
+					, "rotation": {
+						"enabled": true
+					}
+				},
+				"yAxis": {
+					"autoRate": {
+						"enabled": true
+						, "deep": 1
+						, "rateUp": 2
+						, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+						, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+					}
+				},
+				"animation": {
+					"enabled": true
+				},
+				"series": [
+					{
+						"name": "北汽",
+						"data": [
+							0,
+							0,
+							0,
+							0,
+							84018,
+							81892,
+							82004,
+							87625,
+							85015,
+							120000,
+							86120,
+							74182,
+							71184,
+							72038,
+							72711,
+							74956,
+							81987,
+							75229,
+							86195,
+							76900,
+							78624,
+							84466,
+							84498,
+							83873,
+							83656,
+							85722,
+							77151,
+							79772,
+							107068,
+							90566
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					},
+					{
+						"name": "MG名爵",
+						"data": [
+							84039,
+							82828,
+							81567,
+							85531,
+							83544,
+							75332,
+							74107,
+							82759,
+							83733,
+							79110,
+							80264,
+							68606,
+							61461,
+							61599,
+							70562,
+							75320,
+							0,
+							0,
+							0,
+							0,
+							73675,
+							83763,
+							81138,
+							79073,
+							79821,
+							76209,
+							69474,
+							70292,
+							82381,
+							79333
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"legend": {
+					"enabled": true
+				},
+				"plotOptions": {
+					"area": {
+						"fillColor": {}
+					}
+				},
+				"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+				],
+				"lineBreak":{
+					"enabled": true
+				},
+				"callback": {
+					"initedCallback": "initedCallback"
+				}
+			});
+			
+			_data.push( {
+				title: { text: 'test title 中文' }
+				, subtitle: { text: 'test subtitle 中文' }
+				, yAxis: { title: { text: 'vtitle 中文' } }
+				, credits: {
+					enabled: true
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				xAxis: {
+					categories: [2111111111111, 2, 3, 4, 5, 6, 7, 8, 999999999999]
+					, tipTitlePostfix: '{0}月'
+				}, 
+				xAxis: {
+					"autoRate": {
+						enabled: true
+					}
+				},
+				series:[{
+					name: 'Rainfall999',
+					data: [-40, 0, -20, -100, -10, -210, -120, -100, -20]
+				}
+					
+				],
+				legend: {
+					enabled: true
+				}
+				, animation: {
+					enabled: true
+				}
+				, dataLabels: {
+					enabled: true
+				}
+			});
+
+			
+			_data.push({
+				chart: {
+					type: "stack"
+					, bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, xAxis: {
+					categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+				}
+				, yAxis: {					
+//					enabled: false	
+				} 
+				, series:[{
+					name: '全体覆盖率'
+					, data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+				}, {
+					name: '样式覆盖率',
+					data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+				}]
+				, tooltip: {		
+					"headerFormat": "{0}"			
+					, "pointFormat": "{0}%"
+					//, enabled: false
+					, afterSerial: [
+						{
+							name: '区分度',
+							data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+						}
+					]
+					
+					, headerYSpace: 6
+					, itemYSpace: 6
+					, valueLabelXSpace: 0
+					
+					, headerStyle: {
+						font: "Microsoft YaHei"
+						, size: 14
+						, color: 0x777777
+					}
+					, labelStyle: {
+						font: "Microsoft YaHei"
+						, size: 12
+						, color: 0xaaaaaa
+					}
+					, valueStyle: {
+						font: "Microsoft YaHei"
+						, size: 12
+						, color: 0x5dc068
+					}
+					
+					, headerIcon: {
+						enabled: true
+						, style: {
+							color: 0x5DC068
+						}
+					}
+					
+				}
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}%'
+				}
+				, vline: {
+					enabled: true
+				}
+				, hline: {
+					enabled: true
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]       
+				, hoverBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 2
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "bar",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				"colors":
+				[
+					44015, 
+					10333619, 
+					639232, 
+					816836, 
+					16713241
+				], 
+				"vline":
+				{
+					//					"enabled": true
+				}, 
+				"xAxis":
+				{
+					"wordwrap": true, 
+					"categories":
+					[
+						"pos.baidu.com", 
+						"www.baidu.com", 
+						"hao.360.cn", 
+						"wd.360.cn", 
+						"internal.host.com",  
+						"eclick.baidu.com", 
+						"googleads.g.doubleclick.net", 
+						"user.qzone.qq.com", 
+						"www.so.com",  
+						"ptlogin2.qq.com"
+					]
+					, "title": {
+						"enabled": true
+//						, "text": 'test title...' 
+					}
+					, "subtitle": {
+//						"enabled": true
+//						"text": 'test subtitle...' 
+					}
+				}, 
+				"yAxis":
+				{
+					"enabled": false,
+					"labels": {
+						"rotation": 45
+					}	
+					, "title": { 
+//						"enabled": true,
+						"text": 'test vtitle...' 
+					}
+				}, 
+				"legend":
+				{
+					//					"enabled": false
+				}, 
+				"displayAllLabel": true, 
+				"maxItem":
+				{
+					"style":
+					{
+						"size": 18, 
+						"color": 6146425
+					}
+				}, 
+				"tooltip":
+				{
+					//					"enabled": true
+				}, 
+				"hline":
+				{
+					//					"enabled": false
+				}, 
+				"series":
+				[
+					{
+						"name": "pv", 
+						"data":
+						[
+							7026299386, 
+							2243248546, 
+							1918390720, 
+							1887903406, 
+							1517144906, 
+							1463547200, 
+							958396100, 
+							951335880, 
+							941430913, 
+							914735040
+						]
+						, dataLabel: {
+							"format": "{0}", 
+							"enabled": true,
+							"data": [
+								"70.26亿", 
+								"22.43亿", 
+								"19.18亿", 
+								"18.87亿", 
+								"15.17亿", 
+								"14.63亿", 
+								"9.58亿", 
+								"9.51亿", 
+								"9.41亿", 
+								"9.14亿"
+							]
+						}
+					}
+				],
+				"animation": {
+					"enabled": true
+				}
+			});
+
+			     
+			_data.push({
+				"chart":
+				{
+					"type": "bar",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				"colors":
+				[
+					44015, 
+					10333619, 
+					639232, 
+					816836, 
+					16713241
+				], 
+				"vline":
+				{
+					"enabled": true
+				}, 
+				"xAxis":
+				{
+					"wordwrap": true, 
+					"categories":
+					[
+						"pos.baidu.com", 
+						"www.baidu.com", 
+						"hao.360.cn", 
+						"wd.360.cn", 
+						"internal.host.com", 
+						"eclick.baidu.com", 
+						"googleads.g.doubleclick.net", 
+						"user.qzone.qq.com", 
+						"www.so.com", 
+						"ptlogin2.qq.com"
+					]
+				}, 
+				"dataLabels":
+				{
+					"format": "{0}", 
+					"enabled": true
+				}, 
+				"yAxis":
+				{
+					"enabled": false
+				}, 
+				"legend":
+				{
+					"enabled": false
+				}, 
+				"displayAllLabel": true, 
+				"maxItem":
+				{
+					"style":
+					{
+						"size": 18, 
+						"color": 6146425
+					}
+				}, 
+				"tooltip":
+				{
+					"enabled": true
+				}, 
+				"hline":
+				{
+					"enabled": false
+				}, 
+				"series":
+				[
+					{
+						"name": "pv", 
+						"data":
+						[
+							7026299386, 
+							2243248546, 
+							1918390720, 
+							1887903406, 
+							1517144906, 
+							1463547200, 
+							958396100, 
+							951335880, 
+							941430913, 
+							914735040
+						]
+						, "labelData": [
+							"70.26亿", 
+							"22.43亿", 
+							"19.18亿", 
+							"18.87亿", 
+							"15.17亿", 
+							"14.63亿", 
+							"9.58亿", 
+							"9.51亿", 
+							"9.41亿", 
+							"9.14亿"
+						]
+					}
+				]
+			});
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22--11111111111111111111111111111111123",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09", 
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18", 
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "labels": {
+							"rotation": -45
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25--11111111111111111111111111111111123",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09", 
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18", 
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "labels": {
+							"rotation": -45
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09", 
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18", 
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21--11111111111111111111111111111111123"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "labels": {
+							"rotation": 45
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			 
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09", 
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18--11111111111111111111111111111111123", 
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "labels": {
+							"rotation": 45
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21" 
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "rotation": { 
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"animation": {
+						"enabled": false,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);				
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"display": {
+							"enabled": true,
+							"startIndex": 0,
+							"mod": 7
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"animation": {
+						"enabled": false,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dash',
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								0,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								5077,
+								8291,
+								7025,
+								8832,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16",
+							"2014-12-17",
+							"2014-12-18",
+							"2014-12-19",
+							"2014-12-20",
+							"2014-12-21"
+						],
+						"displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							//"enabled": true
+						}
+					},
+					"animation": {
+						"enabled": true,
+						"duration": 1
+					},
+					"yAxis": {
+						"autoRate": {
+							"rateUp": -1,
+							"enabled": true,
+							"deep": 1,
+							"maxOffset": 0.1,
+							"minOffset": 0.1
+						}
+					},
+					"series": [
+						{
+							"name": "奥迪",
+							"dashStyle": 'Dot',
+							"data": [
+								6394,
+								6284,
+								8345,
+								8053,
+								8524,
+								7976,
+								7833,
+								9080,
+								9000,
+								5447,
+								0,
+								0,
+								0,
+								0,
+								6277,
+								6045,
+								8713,
+								8217,
+								7738,
+								7607,
+								6978,
+								6148,
+								6434,
+								8899,
+								7972,
+								8456,
+								7750,
+								7109,
+								5923,
+								5790
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"tooltip": {
+						"valueStyle": {
+							"font": "Calibri"
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+						, "autoRate": {
+							enabled: true
+							, deep: 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						'serialFormat': '{0}%',
+						'afterSerialFormat': '{0}%',
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.25", 
+									"3.03", 
+									"2.87", 
+									"2.65", 
+									"0", 
+									"0", 
+									"2.23", 
+									"2.01", 
+									"1.56"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					},
+					"lineBreak":{
+						"enabled": true
+					},
+					"hline":
+					{
+						"enabled": false
+					}, 
+					"vline":
+					{
+						"enabled": false
+					}, 
+					"vsideLine":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.25", 
+								"3.03", 
+								"2.87", 
+								"2.65", 
+								"0", 
+								"0", 
+								"2.23", 
+								"2.01", 
+								"1.56"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						area: {
+							fillColor: { linearGradient: true }
+						}
+					}
+				});
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-2011111111111111111111111111111111111111111111111111", 
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02", 
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+						, "autoRate": {
+							enabled: true
+							, deep: 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						'serialFormat': '{0}%',
+						'afterSerialFormat': '{0}%',
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					},
+					"lineBreak":{
+						"enabled": true
+					},
+					"hline":
+					{
+						"enabled": false
+					}, 
+					"vline":
+					{
+						"enabled": false
+					}, 
+					"vsideLine":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						area: {
+							fillColor: { linearGradient: true }
+						}
+					}
+				});
+			
+			_data.push( {
+				"chart": {
+					"type": "line"
+				},
+				"title": {
+					"text": "月趋势"
+				},
+				"xAxis": {
+					"categories": [
+						"2013-12",
+						"2014-01",
+						"2014-02",
+						"2014-03",
+						"2014-04",
+						"2014-05",
+						"2014-06",
+						"2014-07",
+						"2014-08",
+						"2014-09",
+						"2014-10",
+						"2014-11"
+					]
+				},
+				"yAxis": {
+					"title": {
+						"text": "搜索指数"
+					}
+					, "autoRate": {
+						enabled: true
+						, deep: 2
+					}
+				},
+				"series": [
+					{
+						"name": "宝马",
+						"data": [
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					},
+					{
+						"name": "别克",
+						"data": [
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"displayAllLabel": false,
+				"legend": {
+					"enabled": true
+				},
+				"plotOptions": {
+					"area": {
+						"fillColor": {}
+					}
+				},
+				"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+				],
+				"callback": {
+					"initedCallback": "initedCallback"
+				},
+				"animation": {
+					"enabled": true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'subtitle' 
+				},
+				xAxis: {
+					categories: [ 
+						"01","02","03","04"
+						,"01","02","03","04"
+						,"01","02","03","04"
+					]
+				}, 
+				yAxis: {
+					"autoRate": {
+						enabled: true
+					}
+				},
+				series:[{
+					name: '公司1',
+					point: {  },
+					data: [
+						0.018773,0.021724,0.022130,0.021296
+						,0.022255,0.022128,0.020949,0.023862
+						,0.026974,0.028055,0.024992,0.024721
+					],
+					tipsData: [
+						"1.8773%","2.1724%","2.2130%","2.1296%"
+						,"2.2255%","2.2128%","2.0949%","2.3862%"
+						,"2.6974%","2.8055%","2.4992%","2.4721%"
+					]
+				}, {
+					name: '公司2',
+					dashStyle: 'ShortDash',
+					data: [
+						0.018069,0.018495,0.018264,0.017527
+						,0.016857,0.017398,0.016539,0.017144
+						,0.018039,0.018798,0.018521,0.019580
+					],
+					tipsData: [
+						"1.8069%","1.8495%","1.8264%","1.7527%"
+						,"1.6857%","1.7398%","1.6539%","1.7144%"
+						,"1.8039%","1.8798%","1.8521%","1.9580%"
+					]
+				}
+				],
+				tooltip: {
+					header: [
+						"2014Q1","2014Q2","2014Q3","2014Q4"
+						,"2015Q1","2015Q2","2015Q3","2015Q4"
+						,"2016Q1","2016Q2","2016Q3","2016Q4"
+					]
+				},
+				group: {
+					enabled: true,
+					data: [
+						"2014","2014","2014","2014"
+						,"2015","2015","2015","2015"
+						,"2016","2016","2016","2016"
+					],
+					background: {
+						colors: [
+							0xf2f2f2
+						]
+						, lastColor: 0xdbeccc
+					},
+					label: {
+						style: {
+							
+						}
+					}
+				},
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, displayAllLabel: true
+				, vline: {
+				}
+				, hline: {
+				}
+				, point: {
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				xAxis: {
+					categories: [ 
+						"01","02","03","04"
+						,"01","02","03","04"
+						,"01","02","03","04"
+				]
+				}, 
+				yAxis: {
+				},
+				series:[{
+					name: '公司1',
+					point: {  },
+					data: [
+						0.018773,0.021724,0.022130,0.021296
+						,0.022255,0.022128,0.020949,0.023862
+						,0.026974,0.028055,0.024992,0.024721
+					],
+					tipsData: [
+						"1.8773%","2.1724%","2.2130%","2.1296%"
+						,"2.2255%","2.2128%","2.0949%","2.3862%"
+						,"2.6974%","2.8055%","2.4992%","2.4721%"
+					]
+				}, {
+					name: '公司2',
+					dashStyle: 'Dot',
+					data: [
+						0.018069,0.018495,0.018264,0.017527
+						,0.016857,0.017398,0.016539,0.017144
+						,0.018039,0.018798,0.018521,0.019580
+					],
+					tipsData: [
+						"1.8069%","1.8495%","1.8264%","1.7527%"
+						,"1.6857%","1.7398%","1.6539%","1.7144%"
+						,"1.8039%","1.8798%","1.8521%","1.9580%"
+					]
+				}
+				],
+				tooltip: {
+					header: [
+						"2014Q1","2014Q2","2014Q3","2014Q4"
+						,"2015Q1","2015Q2","2015Q3","2015Q4"
+						,"2016Q1","2016Q2","2016Q3","2016Q4"
+					]
+				},
+				group: {
+					enabled: true,
+					data: [
+						"2014","2014","2014","2014"
+						,"2015","2015","2015","2015"
+						,"2016","2016","2016","2016"
+					],
+					background: {
+						colors: [
+							0xf2f2f2
+						]
+						, lastColor: 0xdbeccc
+					},
+					label: {
+						style: {
+							
+						}
+					}
+				},
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, displayAllLabel: true
+				, vline: {
+				}
+				, hline: {
+				}
+				, point: {
+				}
+				, animation: {
+					enabled: true
+					, duration: 1
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+						,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+						,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+						,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+						,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+						,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+						,"2014-02-22","2014-02-23","2014-02-24" ]
+				}, 
+				yAxis: {
+				},
+				series:[{
+					name: '公司1',
+					point: { enabled: false },
+					data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+						,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+						,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+						,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+						,0.014451,0.017606,0.018455,0]
+				}, {
+					name: '公司2000000000000000000000000',
+					data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+						,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+						,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+						,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+						,0.015819,0.017709,0.018943,0]
+				}, {
+					name: '公司3',
+					data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+						,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+						,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+						,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+						,0.016597,0.016476,0.016742,0]
+				}
+				],
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, floatLen: 6
+				, displayAllLabel: false
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, point: {
+				}
+				, animation: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+						,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+						,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+						,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+						,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+						,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+						,"2014-02-22","2014-02-23","2014-02-24" ]
+				}, 
+				yAxis: {
+				},
+				series:[{
+					name: '公司1',
+					point: { enabled: true },
+					data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+						,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+						,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+						,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+						,0.014451,0.017606,0.018455,0]
+				}, {
+					name: '公司2',
+					data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+						,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+						,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+						,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+						,0.015819,0.017709,0.018943,0]
+				}, {
+					name: '公司3',
+					data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+						,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+						,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+						,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+						,0.016597,0.016476,0.016742,0]
+				}
+				],
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, floatLen: 6
+				, displayAllLabel: false
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, point: {
+					enabled: false
+				}
+			});
+			
+				_data.push( {
+					chart: {
+						type: 'bar' 
+					}
+					, title: {
+						text:'Chart Title'
+					},
+					subtitle: {
+						text: 'sub title'
+					}, 
+					xAxis: {
+						categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+							,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+							,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+							,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+							,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+							,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+							,"2014-02-22","2014-02-23","2014-02-24" ]
+					}, 
+					yAxis: {
+					},
+					series:[{
+						name: '公司1',
+						data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+							,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+							,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+							,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+							,0.014451,0.017606,0.018455,0]
+					}, {
+						name: '公司2',
+						data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+							,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+							,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+							,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+							,0.015819,0.017709,0.018943,0]
+					}, {
+						name: '公司3',
+						data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+							,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+							,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+							,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+							,0.016597,0.016476,0.016742,0]
+					}
+					],
+					credits: {
+						enabled: true,
+						text: 'fchart.openjavascript.org',
+						href: 'http://fchart.openjavascript.org/'
+					}
+					, floatLen: 6
+					, displayAllLabel: false
+					, vline: {
+						enabled: false
+					}
+					, hline: {
+						enabled: false
+					}
+					, point: {
+						enabled: false
+					}
+				});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: false
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+
+		
+			_data.push(             {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "A级客户", "B级客户", "C级客户", "D级客户" ]
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 20, 30, 40, 50 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 20, 35, 50 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 30, 20, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 12, 32, 13, 23 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 9, 12, 31, 23]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				}
+			});
+			
 			_data.push({
 				title: {
 					text:'Chart Title'
@@ -44,7 +4308,6 @@ package org.xas.jchart.common.data.test
 				series:[{
 					name: 'Temperature'
 					, data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
-					, label: [ "T1", "T2", "T3", "T4", "T5", "T6", "T7", "T8", "T9", "T10", "T11", "T12"]
 					, style: { 'stroke': '#ff7100' } 
 					, pointStyle: {}
 					, fillColor: {}
@@ -52,7 +4315,6 @@ package org.xas.jchart.common.data.test
 				}, {
 					name: 'Rainfall',
 					data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
-					, label: [ "R1", "R2", "R3", "R4", "R5", "R6", "R7", "R8", "R9", "R10", "R11", "R12"]
 				}],
 				credits: {
 					enabled: true
@@ -62,170 +4324,14 @@ package org.xas.jchart.common.data.test
 				displayAllLabel: true,
 				legend: {
 					enabled: true
+					, direction: 1
 				},
 				animation: {
 					enabled: true
 					, duration: .75
 				}
 			});
-			
-			_data.push( 
-				{
-					"hoverBg":
-					{
-						"style":
-						{
-							"borderColor": 11842740, 
-							"bgColor": 15790320, 
-							"borderWidth": 2
-						}, 
-						"enabled": true
-					}, 
-					"tooltip":
-					{
-						"headerYSpace": 6, 
-						"headerStyle":
-						{
-							"font": "Microsoft YaHei", 
-							"size": 14, 
-							"color": 7829367
-						}, 
-						"itemYSpace": 6, 
-						"enabled": true, 
-						"valueStyle":
-						{
-							"font": "Microsoft YaHei", 
-							"size": 12, 
-							"color": 6144104
-						}, 
-						"pointFormat": "{0} ", 
-						"labelStyle":
-						{
-							"font": "Microsoft YaHei", 
-							"size": 12, 
-							"color": 11184810
-						}, 
-						'serialFormat': '{0}%',
-						'afterSerialFormat': '{0}%',
-						"serial":
-						[
-							{
-								"name": "区分度", 
-								"data":
-								[
-									"3.87", 
-									"3.85", 
-									"3.83", 
-									"3.82", 
-									"3.80", 
-									"3.79", 
-									"3.78", 
-									"3.78", 
-									"3.76", 
-									"3.76"
-								]
-							}
-						], 
-						"headerFormat": "{0}", 
-						"headerIcon":
-						{
-							"style":
-							{
-								"color": 6144104
-							}, 
-							"enabled": true
-						}, 
-						"valueLabelXSpace": 0
-					}, 
-					"xAxis":
-					{
-						"enabled": false,
-						"categories":
-						[
-							"口腔护理", 
-							"身体护理", 
-							"洗护清洁", 
-							"游戏点卡", 
-							"彩妆", 
-							"生鲜食品", 
-							"童装", 
-							"粮油米面", 
-							"饮料", 
-							"配饰"
-						]
-					}, 
-					"yAxis":
-					{
-						"enabled": true
-					},
-					"hline":
-					{
-						"enabled": false
-					}, 
-					"vline":
-					{
-						"enabled": false
-					}, 
-					"vsideLine":
-					{
-						"enabled": true
-					}, 
-					"chart":
-					{
-						"bgAlpha": 1, 
-						"bgColor": 16777215
-					}, 
-					"legend":
-					{
-						"enabled": false
-					}, 
-					"series":
-					[
-						{
-							"name": "样本覆盖率", 
-							"data":
-							[
-								"3.87", 
-								"3.85", 
-								"3.83", 
-								"3.82", 
-								"3.80", 
-								"3.79", 
-								"3.78", 
-								"3.78", 
-								"3.76", 
-								"3.76"
-							]
-						}
-					], 
-					
-					"colors":
-					[
-						44015, 
-						10333619, 
-						639232, 
-						816836, 
-						16713241, 
-						16760576, 
-						16740608, 
-						16713395, 
-						4317926, 
-						12837540, 
-						16757436, 
-						14399741
-					], 
-					"displayAllLabel": true, 
-					"dataLabels":
-					{
-						"format": "{0}", 
-						"enabled": false
-					},
-					plotOptions: {
-						area: {
-							fillColor: { linearGradient: true }
-						}
-					}
-				});
+
 			
 			_data.push({
 				title: {
@@ -264,7 +4370,12 @@ package org.xas.jchart.common.data.test
 				},
 				displayAllLabel: true,
 				legend: {
-					enabled: false
+					enabled: true
+					, direction: 3
+				},
+				animation: {
+					enabled: true
+					, duration: .75
 				},
 				plotOptions: {
 					area: {
@@ -1954,7 +6065,7 @@ package org.xas.jchart.common.data.test
 					]
 				}] 
 				, tooltip: {		
-					enabled: false
+					enabled: true
 					, "headerFormat": "{0}"			
 					, "pointFormat": "{0}"
 					
@@ -2421,7 +6532,7 @@ package org.xas.jchart.common.data.test
 					enabled: true
 				}
 				, tooltip: {		
-					enabled: false
+//					enabled: false
 				}
 				, colors: [
 					0x00ABEF
@@ -2515,7 +6626,7 @@ package org.xas.jchart.common.data.test
 					, pointStyle: {}
 				}, {
 					name: 'Rainfall',
-					data: [20, 21, 20, 100, 200]
+					data: [20, 21, 20, -100, 200]
 				}],
 				//isPercent: true,
 				displayAllLabel: true,
@@ -2532,7 +6643,7 @@ package org.xas.jchart.common.data.test
 					enabled: true
 				}
 				, tooltip: {
-					enabled: false
+//					enabled: false
 				}
 				, colors: [
 					0x00ABEF
@@ -2731,6 +6842,20 @@ package org.xas.jchart.common.data.test
 					, 0xff0619
 					
 				]
+				, itemsStyle: [
+					{
+						color: 0xff0000
+					}
+					, {
+						color: 0x00ff00
+					}
+					, {
+						color: 0x0000ff
+					}
+					, {
+						color: 0xcccccc
+					}
+				]
 				, maxItem: {
 					style: { color: 0x5DC979, size: 18 }
 				}
@@ -2785,6 +6910,11 @@ package org.xas.jchart.common.data.test
 					categories: [2111111111111, 2, 3, 4, 5, 6, 7, 8, 999999999999]
 					, tipTitlePostfix: '{0}月'
 				}, 
+				xAxis: {
+					"autoRate": {
+						enabled: true
+					}
+				},
 				series:[{
 					name: 'Temperature',
 					data: [-50, -1, -3, 10.01, -20, -27, -28, -32, -30]
@@ -2795,7 +6925,7 @@ package org.xas.jchart.common.data.test
 					name: 'Rainfall2',
 					data: [-30, -21, -20, -100, -10, -210, -20, -100, -20]
 				}, {
-					name: 'Rainfall3',
+					name: 'Rainfall999',
 					data: [-40, -21, -20, -100, -10, -210, -120, -100, -20]
 				}
 					
@@ -2803,7 +6933,9 @@ package org.xas.jchart.common.data.test
 				legend: {
 					enabled: true
 				}
-				, displayAllLabel: false
+				, animation: {
+					enabled: true
+				}
 			});
 			
 			_data.push( {
@@ -2961,9 +7093,11 @@ package org.xas.jchart.common.data.test
 					href: 'http://fchart.openjavascript.org/'
 				}
 				, displayAllLabel: false
+				, legend: {
+					direction: 'RIGHT_MIDDLE'
+				}
 			} );
-			
-			
+						
 			
 			_data.push({
 				title: {
@@ -3015,6 +7149,7 @@ package org.xas.jchart.common.data.test
 				}, 
 				xAxis: {
 					categories: [ '1', '2', '3' ]
+					, enabled: false
 				}, 
 				yAxis: {
 					title: {
@@ -3055,7 +7190,7 @@ package org.xas.jchart.common.data.test
 					text: 'sub title'
 				}, 
 				xAxis: {
-					categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+					categories: [ '1', '2', '3', '4', '5' ]
 				}, 
 				yAxis: {
 					title: {
@@ -3069,14 +7204,16 @@ package org.xas.jchart.common.data.test
 				},
 				series:[{
 					name: 'Phone'
-					, data: [ 27000, 23600, 16200, 14100, 8400 ]
-					, label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
+					, data: [ 27000, 23600, 16200, 14100, -8400 ]
+					//, label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
 					, format: '{0}台 占{1}%'
+					, dataLabel: { enabled: true }
 				}, {
 					name: 'Computer',
-					data: [19170, 32060, 13600, 7000, 14800, 21800 ]
-					, label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", "ThinkPad" ]
+					data: [19170, 32060, 13600, 7000, -14800, ]
+					//, label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", ]
 					, format: '{0}台 约占{1}%'
+					, dataLabel: { enabled: true }
 				}],
 				credits: {
 					enabled: true
@@ -3086,11 +7223,18 @@ package org.xas.jchart.common.data.test
 				displayAllLabel: true,
 				legend: {
 					enabled: true
+					, "direction": "MIDDLE_RIGHT"
 				},
 				animation: {
-					enabled: true
+					enabled: false
 					, duration: .75
 				}
+				, hoverBg: {
+					enabled: true
+				}
+				, "abbrNumber": {
+					"enabled": true
+				}
 			});
 			
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultPieData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultPieData.as
index d994240..325e1b6 100644
--- a/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultPieData.as
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/DefaultPieData.as
@@ -12,16 +12,663 @@ package org.xas.jchart.common.data.test
 				_ins = new DefaultPieData();		
 			}
 			return _ins;
-		}
+		} 
 		
 		public function DefaultPieData()
 		{
 			init();
 		}
-		
+		 
 		private function init():void{
 			_data = new Vector.<Object>();
 			
+//			return; 			
+			  
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, dataLabels: {
+					enabled: false
+					, radiusRate: .8
+					, line: {
+						start: 0
+						, length: 40
+					}
+					, format: '{0}({1})'
+				}			
+				, totalLabel: {
+					enabled: true
+					, bgStyle: {
+						color: 0xffffff
+					}
+					, format: "{0}~"
+				}
+				, "legend": {
+					//					"enabled": false
+					//					, "direction": "MIDDLE_RIGHT"
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					"enabled": true
+					, "duration": 1
+				}
+				, "radius": {
+					"width": 20
+				}
+				, innerRadius: {
+					"enabled": true
+					//					, "thickness": 2
+				}
+				, selectable: {
+//					"enabled": false
+				}
+				, angle: {
+					offset: 270
+					, margin: .6
+				}
+			});			
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: true
+					, line: {
+						start: 0
+						, length: 40
+					}
+					, format: '{0}({1})'
+				}					
+				, "legend": {
+					//					"enabled": false
+					//					, "direction": "MIDDLE_RIGHT"
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					"enabled": true
+					, "duration": 1
+				}
+				, "radius": {
+					"width": 20
+				}
+				, innerRadius: {
+					"enabled": true
+					//					, "thickness": 2
+				}
+				, selectable: {
+					"enabled": false
+				}
+				, angle: {
+					offset: 270
+					, margin: .6
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: false
+					, line: {
+						start: 0
+						, length: 40
+					}
+				}					
+				, "legend": {
+					//					"enabled": false
+					//					, "direction": "MIDDLE_RIGHT"
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					//					"enabled": true
+					//					, "duration": 1
+				}
+				, "radius": {
+					"width": 20
+				}
+				, innerRadius: {
+					"enabled": true
+					//					, "thickness": 2
+				}
+				, selectable: {
+//					"enabled": false
+				}
+				, angle: {
+					offset: 270
+					, margin: .6
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: true
+					, line: {
+						start: 0
+						, length: 40
+					}
+				}					
+				, "legend": {
+					//					"enabled": false
+					//					, "direction": "MIDDLE_RIGHT"
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					"enabled": true
+					, "duration": 1
+				}
+				, "radius": {
+					"width": 20
+					, "space": 2
+				}
+				, innerRadius: {
+					"enabled": true
+					, "thickness": 2
+				}
+				, selectable: {
+//					"enabled": false
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: true
+					, line: {
+						start: 0
+						, length: 40
+					}
+				}					
+				, "legend": {
+//					"enabled": false
+//					, "direction": "MIDDLE_RIGHT"
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					"enabled": true
+					, "duration": 1
+				}
+				, "radius": {
+					"width": 20
+				}
+				
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: true
+				}					
+				, "legend": {
+					"direction": "MIDDLE_RIGHT"
+					, "enabled": false
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+				, "animation": {
+					"enabled": true
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   41.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: true
+					, format: "{0}, {1}, {2}%"
+				}		 			
+				, "legend": {
+					"direction": "MIDDLE_RIGHT"
+					, "enabled": true
+				}
+				, "tooltip": {
+					"enabled": true
+				}		
+				, "animation": {
+					"enabled": true
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1					
+					, "graphic": {
+						bgColor: 0xffffff
+						, borderColor: 0xffffff
+					}
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": false
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": false
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: false
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   11.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, 
+				dataLabels: {
+					enabled: false
+				}					
+				, "legend": {
+					"direction": "MIDDLE_RIGHT"
+					, "enabled": false
+				}
+				, "tooltip": {
+					"enabled": true
+				}
+			});
+			
+			
+			_data.push({
+				"chart":
+				{
+					"type": "pie",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				xAxis: {
+					title: {
+						text:'浏览器使用份额'
+						, "enabled": true
+					}
+					, subtitle: {
+						text: 'for PC'
+						, "enabled": true
+					}
+				},
+				yAxis: {
+					title: {
+						text: '中文 vtitle'
+						, enabled: true
+					}
+				},
+				series:[{
+					name: 'Browser share',
+					data: [
+						['Firefox',   45.0],
+						['IE',       26.8],
+						{
+							name: 'Chrome',
+							y: 12.8,
+							selected: true
+						},
+						['Safari',    8.5],
+						['Opera',     6.2],
+						['Others',   0.7]
+					]
+				}]
+				, plotOptions: {
+					pie: {
+						dataLabels: {
+							enabled: true
+						}
+					}
+				}
+				, "legend": {
+					"direction": "RIGHT_TOP"
+				}
+			});
+			
+			
+			_data.push({
+				title: {
+					text:'浏览器使用份额'
+				},
+				subtitle: {
+					text: 'for PC'
+				}, 
+				series:[{
+					name: 'Browser share',
+					data: [
+						{
+							name: 'Firefox'
+							,  y: 0
+							, style: { size: 40 }
+							, borderBgColor: 0xECECEC
+							, borderBgFillColor: 0xffffff
+							, dataBorderBgColor: 0xFEB556
+							, dataBorderBgFillColor: 0xFDF0F2
+						}
+					]
+				}]
+				, radius: {
+					borderWidth: 20
+				}
+				, yAxis: {
+					maxvalue: 100
+				}
+				
+				, dataLabels: {
+					enabled: true
+					, format: '{0}%'
+				}
+				
+				, tooltip: {
+					enabled: true
+					, 'pointFormat': '{0}%'
+				}
+				
+			});
+			
 			_data.push({
 				title: {
 					text:'浏览器使用份额'
@@ -142,6 +789,11 @@ package org.xas.jchart.common.data.test
 				, radius: {
 					innerRate: .5
 				}
+				
+				, legend: {
+					"enabled": true
+					,"direction": "MIDDLE_RIGHT"
+				}
 			});
 			
 			_data.push({
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/MapData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/MapData.as
index f20edd1..679560e 100644
--- a/flash/source/lib/src/org/xas/jchart/common/data/test/MapData.as
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/MapData.as
@@ -11,7 +11,7 @@ package org.xas.jchart.common.data.test
 			if( !_ins ){
 				_ins = new MapData();		
 			}
-			return _ins;
+			return _ins; 
 		}
 		
 		public function MapData()
@@ -22,6 +22,8 @@ package org.xas.jchart.common.data.test
 		private function init():void{
 			_data = new Vector.<Object>();
 			
+			return;
+			 
 			_data.push({
 				
 				title: {
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/MixChartData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/MixChartData.as
new file mode 100644
index 0000000..5ff8e70
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/MixChartData.as
@@ -0,0 +1,3634 @@
+package org.xas.jchart.common.data.test
+{
+	public class MixChartData
+	{
+		private var _data:Vector.<Object>;
+		public function get data():Vector.<Object>{ return _data;}
+		
+		private static var _ins:MixChartData;
+		
+		public static function get instance():MixChartData{
+			if( !_ins ){
+				_ins = new MixChartData();		
+			}
+			return _ins;
+		}
+		
+		public function MixChartData()
+		{
+			init();
+		} 
+		
+		private function init():void{
+			_data = new Vector.<Object>();
+			 
+			return;  
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, 
+						"displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+							, format: '¥{0}'
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							"title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 2,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": false
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "stack",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": false
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": false
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": false
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "bar",
+							"name": "北汽1",
+							"yAxis": 1,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							"title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 2,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "bar",
+							"name": "北汽1",
+							"yAxis": 1,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			 
+			_data.push( 				{
+				"chart": {
+					"type": "mix"
+				}
+				, "title": {
+					"text": "全站统计"
+				}
+				, "subtitle": {
+					"text": "for CRM"
+				}
+				, "xAxis": {
+					"categories": [
+						"20141213"
+						,"20141215"
+						,"20141216"
+						,"20141217"
+						,"20141218"
+						,"20141219"
+						,"20141220"
+						,"20141221"
+						,"20141222"
+						,"20141223"
+						,"20141224"
+						,"20141225"
+						,"20141226"
+						,"20141227"
+						,"20141228"
+						,"20141229"
+						,"20141230"
+						,"20141231"
+						,"20150101"
+						,"20150102"
+						,"20150103"
+						,"20150104"
+						,"20150105"
+						,"20150106"
+						,"20150107"
+						,"20150108"
+						,"20150109"
+						,"20150110"
+						,"20150111"
+						,"20150112"
+						,"20150113"
+					]
+					, "displayAll": {
+						"enabled": true
+					}
+					, "rotation": {
+						"enabled": true
+					}
+				},
+				"yAxis": [
+					{
+						"title": {
+							"text": "PV"
+							, "enabled": 1
+						}
+					}
+					, {
+						"autoRate": {
+							"enabled": true
+						}
+						, opposite: true
+						, "title": {
+							"text": "UV"
+							, "enabled": 1
+						}
+					}
+				],
+				"animation": {
+					"enabled": true
+				},
+				"series": [
+					{
+						"type": "bar",
+						"name": "PV",
+						"yAxis": 0,
+						"data": [
+							34
+							,3112
+							,2610
+							,2979
+							,4631
+							,3467
+							,790
+							,1586
+							,5411
+							,6115
+							,3668
+							,2356
+							,1910
+							,293
+							,799
+							,135929
+							,497866
+							,458720
+							,44840
+							,45804
+							,46943
+							,495849
+							,467362
+							,458704
+							,498137
+							,456188
+							,436244
+							,135031
+							,45329
+							,469859
+							,457164
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}			
+						, "dataLabel": {
+							"enabled": false
+						}
+					}
+					, {
+						"type": "line",
+						"name": "UV",
+						"yAxis": 1,
+						"data": [
+							1
+							,161
+							,48
+							,62
+							,71
+							,69
+							,12
+							,16
+							,127
+							,158
+							,76
+							,65
+							,49
+							,18
+							,21
+							,4002
+							,6069
+							,5775
+							,982
+							,751
+							,938
+							,5722
+							,5773
+							,5846
+							,5896
+							,5861
+							,5858
+							,2546
+							,11033
+							,5977
+							,5835							
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}	
+					}
+				],
+				"legend": {
+					"enabled": true
+					, "direction": "TOP_RIGHT"
+					, "margin": { "bottom": 0, "y": -5 }
+				},
+				"callback": {
+					"initedCallback": "initedCallback"
+				}
+				, "abbrNumber": {
+					"enabled": true
+				}
+
+			});
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+			);
+			
+//			return;
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 140
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+		
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17~~",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": { 
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								11018,
+								10207,
+								14018,
+								15313,
+								14018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+			);
+
+			
+			_data.push(
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+							"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					dataLabels: {
+						enabled: true
+					}
+					, "tooltip": {
+						"type": "simple"					
+					}
+				}
+			);
+			
+			
+			_data.push( {
+				"chart": {
+					"type": "mix"
+					, bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, "xAxis": {
+//					"categories": [
+//						"20141213"
+//						,"20141215"
+//						,"20141216"
+//						,"20141217"
+//						,"20141218"
+//						,"20141219"
+//						,"20141220"
+//						,"20141221"
+//						,"20141222"
+//						,"20141223"
+//						,"20141224"
+//						,"20141225"
+//						,"20141226"
+//						,"20141227"
+//						,"20141228"
+//						,"20141229"
+//						,"20141230"
+//						,"20141231"
+//						,"20150101"
+//						,"20150102"
+//						,"20150103"
+//						,"20150104"
+//						,"20150105"
+//						,"20150106"
+//						,"20150107"
+//						,"20150108"
+//						,"20150109"
+//						,"20150110"
+//						,"20150111"
+//						,"20150112"
+//						,"20150113"
+//					]
+//					, 
+					rotation: {
+						//						"enabled": true
+					}
+					, display: {
+						"enabled": true
+						,"mod": 30
+					}
+					, "enabled": true
+				}
+				, "yAxis": [
+					{
+						opposite: true
+						, "autoRate": {
+							"enabled": true
+							, "rateUp": 0
+							, "maxOffset": .1
+							, "minOffset": .1
+						}
+						, rate: [ 1, .5, 0 ]
+					}
+				]
+				, rateLabel: { data: [ 1, .5, 0 ] }
+				, hline: {
+					enabled: false
+				}
+				, vline: {
+					enabled: false
+				}
+				,"animation": {
+					"enabled": true
+				},
+				"series": [
+					{
+						"type": "line",
+						"name": "价格走势",
+						"yAxis": 0,
+						"data": [
+							11000
+							,11610
+							,4800
+							,6200
+							,7100
+							,6900
+							,11200
+							,11600
+							,11270
+							,11580
+							,7600
+							,6500
+							,14900
+							,11800
+							,12100
+							,4002
+							,6069
+							,5775
+							,9820
+							,7510
+							,9380
+							,5722
+							,5773
+							,5846
+							,5896
+							,5861
+							,5858
+							,12546
+							,11033
+							,5977
+							,5835							
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"legend": {
+					"enabled": false
+				},
+				"colors": [
+					0xE5633F
+				],
+				"point": {
+					hoverShow: true
+				}
+				, "tooltip": {
+					"type": "simple"					
+				}
+			});
+				
+		}
+	}
+}
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/TrendData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/TrendData.as
index 38654b6..a494259 100644
--- a/flash/source/lib/src/org/xas/jchart/common/data/test/TrendData.as
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/TrendData.as
@@ -21,6 +21,956 @@ package org.xas.jchart.common.data.test
 		
 		private function init():void{
 			_data = new Vector.<Object>();
+			
+			return;
+			
+			_data.push(  {
+				chart: {
+					type: 'trend', 
+					bgColor: 0xF9F9F9
+				}, 
+				title: {
+					text:'奇虎股票走势图'
+				},
+				subtitle: {
+					text: '数据来自官方'
+				}, 
+				xAxis: {
+					num: 5
+				}, 
+				yAxis: {
+					title: {
+						text: '每股价格（元）'
+					}
+					, format: '{0}'
+				},
+				tooltip: {
+					enabled: true,
+					fixed: true,
+					dynLoading: true,
+					"headerFormat": "{0} {1}",
+					afterSerial: [ {
+						name: '当前价',
+						format: '{0}元',
+						data: 'c'
+					}, {
+						name: '涨跌幅',
+						format: '{0}%',
+						data: 'p'
+					}, {
+						name: '成交量',
+						data: 'v'
+					} ]
+				},
+				vline: {
+					enabled: true
+				},
+				series:[{
+					dataName: "qihu",
+					startDate: "2011-09-02",
+					endDate: "2014-10-13",
+					data: [
+						{d:"2011-03-30",o:"27.00",h:"34.40",l:"26.70",c:"34.00",v:"25036841",p:"1.23"},
+						{d:"2011-03-31",o:"36.12",h:"36.21",l:"29.00",c:"29.59",v:"16754375",p:"1.23"},
+						{d:"2011-04-01",o:"29.80",h:"30.82",l:"28.52",c:"29.50",v:"7038955",p:"1.23"},
+						{d:"2011-04-04",o:"30.04",h:"31.38",l:"29.60",c:"30.30",v:"3113575",p:"1.23"},
+						{d:"2011-04-05",o:"29.86",h:"30.77",l:"29.15",c:"29.26",v:"2094943",p:"1.23"},
+						{d:"2011-04-06",o:"29.76",h:"30.10",l:"27.00",c:"27.98",v:"3451517",p:"1.23"},
+						{d:"2011-04-07",o:"27.84",h:"29.04",l:"27.13",c:"27.88",v:"2797789",p:"1.23"},
+						{d:"2011-04-08",o:"27.72",h:"28.50",l:"25.48",c:"25.48",v:"2932608",p:"1.23"},
+						{d:"2011-04-11",o:"25.33",h:"26.45",l:"24.26",c:"24.80",v:"5961331",p:"1.23"},
+						{d:"2011-04-12",o:"24.65",h:"26.40",l:"24.01",c:"24.10",v:"8045258",p:"1.23"},
+						{d:"2011-04-13",o:"24.74",h:"25.93",l:"24.16",c:"25.65",v:"3891432",p:"1.23"},
+						{d:"2011-04-14",o:"25.61",h:"29.40",l:"25.55",c:"29.10",v:"7136717",p:"1.23"},
+						{d:"2011-04-15",o:"29.28",h:"30.96",l:"28.12",c:"29.42",v:"6255671",p:"1.23"},
+						{d:"2011-04-18",o:"28.68",h:"31.97",l:"28.10",c:"31.92",v:"3793010",p:"1.23"},
+						{d:"2011-04-19",o:"33.07",h:"35.15",l:"32.98",c:"34.04",v:"7382086",p:"1.23"},
+						{d:"2011-04-20",o:"35.05",h:"35.72",l:"31.92",c:"31.98",v:"4928458",p:"1.23"},
+						{d:"2011-04-25",o:"32.37",h:"34.19",l:"31.28",c:"33.47",v:"3671314",p:"1.23"},
+						{d:"2011-04-26",o:"34.08",h:"35.16",l:"32.00",c:"32.22",v:"3690479",p:"1.23"},
+						{d:"2011-04-27",o:"32.69",h:"32.87",l:"28.65",c:"30.24",v:"4719962",p:"1.23"},
+						{d:"2011-04-28",o:"30.00",h:"30.86",l:"29.00",c:"29.02",v:"1774855",p:"1.23"},
+						{d:"2011-04-29",o:"29.45",h:"29.99",l:"28.28",c:"28.50",v:"1597280",p:"1.23"},
+						{d:"2011-05-02",o:"28.81",h:"28.95",l:"27.68",c:"27.73",v:"1432447",p:"1.23"},
+						{d:"2011-05-03",o:"27.99",h:"27.99",l:"25.83",c:"25.85",v:"1935872",p:"1.23"},
+						{d:"2011-05-04",o:"25.90",h:"27.88",l:"25.00",c:"27.87",v:"2801658",p:"1.23"},
+						{d:"2011-05-05",o:"27.56",h:"28.50",l:"26.09",c:"26.13",v:"1680639",p:"1.23"},
+						{d:"2011-05-06",o:"26.77",h:"27.74",l:"26.60",c:"26.93",v:"1098862",p:"1.23"},
+						{d:"2011-05-09",o:"26.98",h:"27.89",l:"26.95",c:"27.25",v:"673340",p:"1.23"},
+						{d:"2011-05-10",o:"27.82",h:"27.95",l:"25.61",c:"25.75",v:"1094647",p:"1.23"},
+						{d:"2011-05-11",o:"26.40",h:"26.59",l:"25.25",c:"25.33",v:"1332076",p:"1.23"},
+						{d:"2011-05-12",o:"25.45",h:"26.68",l:"25.23",c:"26.52",v:"1160327",p:"1.23"},
+						{d:"2011-05-13",o:"26.50",h:"27.18",l:"25.86",c:"26.20",v:"1287493",p:"1.23"},
+						{d:"2011-05-16",o:"25.86",h:"26.66",l:"24.95",c:"24.96",v:"1290013",p:"1.23"},
+						{d:"2011-05-17",o:"24.92",h:"26.79",l:"24.05",c:"26.79",v:"1485137",p:"1.23"},
+						{d:"2011-05-18",o:"27.00",h:"28.63",l:"26.03",c:"27.37",v:"1789543",p:"1.23"},
+						{d:"2011-05-19",o:"27.50",h:"29.12",l:"27.44",c:"28.52",v:"1560048",p:"1.23"},
+						{d:"2011-05-20",o:"29.58",h:"29.79",l:"28.75",c:"29.43",v:"1286789",p:"1.23"},
+						{d:"2011-05-23",o:"28.41",h:"28.96",l:"27.25",c:"27.81",v:"1099997",p:"1.23"},
+						{d:"2011-05-24",o:"28.60",h:"28.61",l:"27.72",c:"28.30",v:"847138",p:"1.23"},
+						{d:"2011-05-25",o:"29.75",h:"29.90",l:"26.05",c:"26.77",v:"1955079",p:"1.23"},
+						{d:"2011-05-26",o:"27.00",h:"27.10",l:"25.30",c:"26.48",v:"1182071",p:"1.23"},
+						{d:"2011-05-31",o:"26.05",h:"26.43",l:"25.72",c:"26.10",v:"735872",p:"1.23"},
+						{d:"2011-06-01",o:"26.49",h:"26.98",l:"25.95",c:"26.25",v:"971375",p:"1.23"},
+						{d:"2011-06-02",o:"26.11",h:"26.64",l:"25.80",c:"25.86",v:"438743",p:"1.23"},
+						{d:"2011-06-03",o:"25.50",h:"25.67",l:"23.70",c:"23.73",v:"1237749",p:"1.23"},
+						{d:"2011-06-06",o:"23.75",h:"23.77",l:"20.10",c:"20.25",v:"2878567",p:"1.23"},
+						{d:"2011-06-07",o:"21.05",h:"25.74",l:"20.81",c:"23.80",v:"3850283",p:"1.23"},
+						{d:"2011-06-08",o:"23.69",h:"24.71",l:"21.50",c:"21.82",v:"1145586",p:"1.23"},
+						{d:"2011-06-09",o:"22.36",h:"23.13",l:"21.84",c:"22.62",v:"930946",p:"1.23"},
+						{d:"2011-06-10",o:"22.89",h:"22.89",l:"21.32",c:"21.50",v:"943726",p:"1.23"},
+						{d:"2011-06-13",o:"22.69",h:"22.69",l:"21.01",c:"21.50",v:"866910",p:"1.23"},
+						{d:"2011-06-14",o:"22.48",h:"22.48",l:"21.30",c:"21.68",v:"745284",p:"1.23"},
+						{d:"2011-06-15",o:"21.14",h:"21.65",l:"20.99",c:"21.03",v:"452792",p:"1.23"},
+						{d:"2011-06-16",o:"21.90",h:"22.02",l:"20.36",c:"20.45",v:"672768",p:"1.23"},
+						{d:"2011-06-17",o:"21.28",h:"21.30",l:"16.53",c:"17.48",v:"3060346",p:"1.23"},
+						{d:"2011-06-20",o:"17.25",h:"17.89",l:"16.22",c:"16.75",v:"1603778",p:"1.23"},
+						{d:"2011-06-21",o:"16.84",h:"18.77",l:"16.84",c:"18.54",v:"1807122",p:"1.23"},
+						{d:"2011-06-22",o:"18.12",h:"19.10",l:"17.75",c:"18.43",v:"521440",p:"1.23"},
+						{d:"2011-06-23",o:"17.80",h:"18.26",l:"17.46",c:"18.00",v:"464604",p:"1.23"},
+						{d:"2011-06-24",o:"17.98",h:"17.98",l:"16.14",c:"16.24",v:"1687812",p:"1.23"},
+						{d:"2011-06-27",o:"16.63",h:"16.95",l:"16.01",c:"16.78",v:"803102",p:"1.23"},
+						{d:"2011-06-28",o:"17.45",h:"19.89",l:"17.09",c:"18.12",v:"2400158",p:"1.23"},
+						{d:"2011-06-29",o:"18.60",h:"19.85",l:"18.36",c:"19.69",v:"1452295",p:"1.23"},
+						{d:"2011-06-30",o:"19.98",h:"20.11",l:"19.02",c:"19.41",v:"666602",p:"1.23"},
+						{d:"2011-07-04",o:"19.17",h:"21.36",l:"19.17",c:"21.14",v:"925750",p:"1.23"},
+						{d:"2011-07-05",o:"21.35",h:"23.34",l:"21.35",c:"23.28",v:"1270574",p:"1.23"},
+						{d:"2011-07-06",o:"23.39",h:"23.50",l:"22.00",c:"22.89",v:"881070",p:"1.23"},
+						{d:"2011-07-07",o:"23.26",h:"23.67",l:"22.28",c:"22.47",v:"831179",p:"1.23"},
+						{d:"2011-07-08",o:"20.96",h:"22.34",l:"20.35",c:"22.12",v:"649628",p:"1.23"},
+						{d:"2011-07-11",o:"21.46",h:"22.80",l:"21.46",c:"22.30",v:"749418",p:"1.23"},
+						{d:"2011-07-12",o:"22.16",h:"23.00",l:"21.57",c:"22.02",v:"514971",p:"1.23"},
+						{d:"2011-07-13",o:"22.00",h:"23.92",l:"21.65",c:"23.92",v:"1676471",p:"1.23"},
+						{d:"2011-07-14",o:"23.99",h:"24.95",l:"22.89",c:"24.28",v:"1066229",p:"1.23"},
+						{d:"2011-07-15",o:"24.68",h:"24.75",l:"23.94",c:"24.11",v:"434291",p:"1.23"},
+						{d:"2011-07-18",o:"23.87",h:"24.71",l:"23.02",c:"24.56",v:"360788",p:"1.23"},
+						{d:"2011-07-19",o:"24.90",h:"24.90",l:"23.77",c:"24.69",v:"431689",p:"1.23"},
+						{d:"2011-07-20",o:"24.77",h:"25.73",l:"24.08",c:"25.01",v:"670812",p:"1.23"},
+						{d:"2011-07-21",o:"25.19",h:"25.75",l:"23.31",c:"24.74",v:"625783",p:"1.23"},
+						{d:"2011-07-22",o:"24.74",h:"25.19",l:"23.33",c:"23.56",v:"453556",p:"1.23"},
+						{d:"2011-07-25",o:"22.86",h:"23.53",l:"22.20",c:"23.14",v:"583856",p:"1.23"},
+						{d:"2011-07-26",o:"23.26",h:"24.75",l:"23.23",c:"24.26",v:"443904",p:"1.23"},
+						{d:"2011-07-27",o:"23.65",h:"24.35",l:"23.23",c:"24.02",v:"310571",p:"1.23"},
+						{d:"2011-07-28",o:"24.52",h:"24.60",l:"23.66",c:"23.78",v:"211361",p:"1.23"},
+						{d:"2011-07-29",o:"23.48",h:"23.57",l:"22.80",c:"23.05",v:"303444",p:"1.23"},
+						{d:"2011-08-01",o:"23.80",h:"23.95",l:"21.92",c:"22.01",v:"394240",p:"1.23"},
+						{d:"2011-08-02",o:"22.12",h:"22.19",l:"20.53",c:"20.57",v:"264870",p:"1.23"},
+						{d:"2011-08-03",o:"21.49",h:"21.50",l:"20.50",c:"20.95",v:"1053576",p:"1.23"},
+						{d:"2011-08-04",o:"20.89",h:"20.99",l:"20.00",c:"20.43",v:"539003",p:"1.23"},
+						{d:"2011-08-05",o:"20.63",h:"21.51",l:"18.71",c:"19.65",v:"1041963",p:"1.23"},
+						{d:"2011-08-08",o:"18.70",h:"18.70",l:"17.10",c:"18.00",v:"1026728",p:"1.23"},
+						{d:"2011-08-09",o:"18.15",h:"20.26",l:"18.01",c:"20.26",v:"732199",p:"1.23"},
+						{d:"2011-08-10",o:"20.03",h:"20.67",l:"19.42",c:"19.77",v:"749875",p:"1.23"},
+						{d:"2011-08-11",o:"21.46",h:"22.00",l:"20.01",c:"21.57",v:"648918",p:"1.23"},
+						{d:"2011-08-12",o:"21.84",h:"22.40",l:"21.09",c:"21.82",v:"688051",p:"1.23"},
+						{d:"2011-08-15",o:"22.42",h:"23.44",l:"22.34",c:"23.04",v:"344849",p:"1.23"},
+						{d:"2011-08-16",o:"22.58",h:"22.58",l:"21.33",c:"21.75",v:"226179",p:"1.23"},
+						{d:"2011-08-17",o:"21.51",h:"23.49",l:"21.50",c:"23.25",v:"493118",p:"1.23"},
+						{d:"2011-08-18",o:"24.40",h:"25.59",l:"22.53",c:"24.72",v:"2157346",p:"1.23"},
+						{d:"2011-08-19",o:"24.05",h:"26.08",l:"24.05",c:"24.56",v:"1950038",p:"1.23"},
+						{d:"2011-08-22",o:"25.11",h:"25.43",l:"22.55",c:"23.32",v:"965527",p:"1.23"},
+						{d:"2011-08-23",o:"23.63",h:"24.00",l:"22.93",c:"23.77",v:"181492",p:"1.23"},
+						{d:"2011-08-24",o:"23.35",h:"24.00",l:"23.10",c:"23.53",v:"244510",p:"1.23"},
+						{d:"2011-08-25",o:"24.09",h:"24.40",l:"22.61",c:"22.86",v:"169921",p:"1.23"},
+						{d:"2011-08-26",o:"22.58",h:"22.75",l:"22.36",c:"22.45",v:"327554",p:"1.23"},
+						{d:"2011-08-29",o:"22.75",h:"23.49",l:"22.22",c:"23.21",v:"544506",p:"1.23"},
+						{d:"2011-08-30",o:"22.93",h:"24.27",l:"22.93",c:"23.87",v:"556668",p:"1.23"},
+						{d:"2011-08-31",o:"23.90",h:"24.38",l:"23.72",c:"23.80",v:"338853",p:"1.23"},
+						{d:"2011-09-01",o:"23.56",h:"23.99",l:"23.54",c:"23.80",v:"159735",p:"1.23"},
+						{d:"2011-09-02",o:"23.11",h:"23.64",l:"22.50",c:"22.77",v:"184776",p:"1.23"},
+						{d:"2011-09-06",o:"21.98",h:"22.88",l:"21.68",c:"22.33",v:"275359",p:"1.23"},
+						{d:"2011-09-07",o:"22.36",h:"23.26",l:"22.25",c:"22.76",v:"252093",p:"1.23"},
+						{d:"2011-09-08",o:"22.60",h:"22.95",l:"22.30",c:"22.56",v:"135578",p:"1.23"},
+						{d:"2011-09-09",o:"22.27",h:"22.70",l:"21.80",c:"21.94",v:"122981",p:"1.23"},
+						{d:"2011-09-12",o:"21.23",h:"21.94",l:"21.23",c:"21.58",v:"204994",p:"1.23"},
+						{d:"2011-09-13",o:"22.31",h:"22.49",l:"21.30",c:"21.58",v:"124434",p:"1.23"},
+						{d:"2011-09-14",o:"21.51",h:"21.91",l:"21.22",c:"21.30",v:"191788",p:"1.23"},
+						{d:"2011-09-15",o:"21.35",h:"21.49",l:"21.08",c:"21.11",v:"202124",p:"1.23"},
+						{d:"2011-09-16",o:"21.10",h:"21.31",l:"20.55",c:"20.64",v:"245238",p:"1.23"},
+						{d:"2011-09-19",o:"20.54",h:"20.54",l:"19.76",c:"19.91",v:"261780",p:"1.23"},
+						{d:"2011-09-20",o:"19.90",h:"20.62",l:"18.00",c:"18.38",v:"651253",p:"1.23"},
+						{d:"2011-09-21",o:"18.41",h:"19.00",l:"17.95",c:"18.00",v:"384554",p:"1.23"},
+						{d:"2011-09-22",o:"17.06",h:"18.39",l:"16.64",c:"16.95",v:"1104233",p:"1.23"},
+						{d:"2011-09-23",o:"16.95",h:"17.98",l:"16.95",c:"17.55",v:"427616",p:"1.23"},
+						{d:"2011-09-26",o:"17.55",h:"17.78",l:"16.92",c:"17.31",v:"324095",p:"1.23"},
+						{d:"2011-09-27",o:"17.98",h:"18.97",l:"17.40",c:"17.69",v:"737564",p:"1.23"},
+						{d:"2011-09-28",o:"18.50",h:"18.87",l:"17.51",c:"17.75",v:"406307",p:"1.23"},
+						{d:"2011-09-29",o:"17.70",h:"18.40",l:"16.30",c:"17.09",v:"659709",p:"1.23"},
+						{d:"2011-09-30",o:"16.50",h:"16.95",l:"16.07",c:"16.34",v:"351562",p:"1.23"},
+						{d:"2011-10-03",o:"16.55",h:"16.99",l:"15.15",c:"15.25",v:"586946",p:"1.23"},
+						{d:"2011-10-04",o:"15.01",h:"15.40",l:"14.30",c:"14.81",v:"648285",p:"1.23"},
+						{d:"2011-10-05",o:"14.69",h:"16.00",l:"14.52",c:"15.81",v:"377663",p:"1.23"},
+						{d:"2011-10-06",o:"16.70",h:"17.45",l:"16.07",c:"16.72",v:"336991",p:"1.23"},
+						{d:"2011-10-07",o:"16.91",h:"16.99",l:"15.37",c:"15.54",v:"340124",p:"1.23"},
+						{d:"2011-10-10",o:"15.83",h:"17.00",l:"15.31",c:"16.95",v:"347431",p:"1.23"},
+						{d:"2011-10-11",o:"16.31",h:"17.32",l:"16.17",c:"16.76",v:"609780",p:"1.23"},
+						{d:"2011-10-12",o:"17.03",h:"18.49",l:"17.03",c:"18.23",v:"1289440",p:"1.23"},
+						{d:"2011-10-13",o:"18.39",h:"18.75",l:"17.70",c:"18.15",v:"539824",p:"1.23"},
+						{d:"2011-10-14",o:"18.50",h:"19.24",l:"18.18",c:"18.51",v:"441403",p:"1.23"},
+						{d:"2011-10-17",o:"18.58",h:"19.19",l:"17.97",c:"19.14",v:"450254",p:"1.23"},
+						{d:"2011-10-18",o:"18.77",h:"19.00",l:"17.62",c:"18.01",v:"559297",p:"1.23"},
+						{d:"2011-10-19",o:"18.20",h:"18.44",l:"17.26",c:"17.54",v:"495891",p:"1.23"},
+						{d:"2011-10-20",o:"17.45",h:"18.10",l:"17.24",c:"17.95",v:"288733",p:"1.23"},
+						{d:"2011-10-21",o:"18.37",h:"18.42",l:"17.88",c:"18.25",v:"265592",p:"1.23"},
+						{d:"2011-10-24",o:"18.51",h:"20.49",l:"18.50",c:"20.00",v:"954631",p:"1.23"},
+						{d:"2011-10-25",o:"20.14",h:"20.14",l:"19.02",c:"19.61",v:"772030",p:"1.23"},
+						{d:"2011-10-26",o:"19.77",h:"20.00",l:"19.16",c:"19.50",v:"512033",p:"1.23"},
+						{d:"2011-10-27",o:"20.43",h:"20.93",l:"19.82",c:"20.49",v:"1587817",p:"1.23"},
+						{d:"2011-10-28",o:"20.50",h:"21.49",l:"20.48",c:"21.02",v:"1791011",p:"1.23"},
+						{d:"2011-10-31",o:"20.40",h:"21.03",l:"19.78",c:"20.21",v:"1272724",p:"1.23"},
+						{d:"2011-11-01",o:"18.50",h:"18.99",l:"17.32",c:"18.12",v:"5588258",p:"1.23"},
+						{d:"2011-11-02",o:"18.41",h:"18.89",l:"17.90",c:"18.12",v:"896805",p:"1.23"},
+						{d:"2011-11-03",o:"18.19",h:"18.29",l:"16.51",c:"16.69",v:"1263386",p:"1.23"},
+						{d:"2011-11-04",o:"16.43",h:"17.79",l:"16.35",c:"17.28",v:"960442",p:"1.23"},
+						{d:"2011-11-08",o:"17.80",h:"18.24",l:"17.65",c:"17.95",v:"827795",p:"1.23"},
+						{d:"2011-11-09",o:"17.89",h:"18.16",l:"17.65",c:"18.04",v:"765924",p:"1.23"},
+						{d:"2011-11-10",o:"17.90",h:"19.07",l:"17.70",c:"18.07",v:"1312063",p:"1.23"},
+						{d:"2011-11-11",o:"18.02",h:"18.10",l:"17.56",c:"17.89",v:"474207",p:"1.23"},
+						{d:"2011-11-14",o:"17.76",h:"19.47",l:"17.76",c:"19.47",v:"1030826",p:"1.23"},
+						{d:"2011-11-15",o:"19.06",h:"20.50",l:"18.68",c:"20.34",v:"2247057",p:"1.23"},
+						{d:"2011-11-16",o:"19.00",h:"19.98",l:"18.64",c:"18.92",v:"2102352",p:"1.23"},
+						{d:"2011-11-17",o:"20.25",h:"20.25",l:"17.10",c:"17.58",v:"3291729",p:"1.23"},
+						{d:"2011-11-18",o:"17.73",h:"18.65",l:"17.70",c:"18.38",v:"1895789",p:"1.23"},
+						{d:"2011-11-21",o:"18.10",h:"18.12",l:"16.52",c:"16.89",v:"2500377",p:"1.23"},
+						{d:"2011-11-22",o:"16.85",h:"17.50",l:"15.53",c:"16.00",v:"1541488",p:"1.23"},
+						{d:"2011-11-23",o:"16.00",h:"16.11",l:"15.41",c:"15.97",v:"746954",p:"1.23"},
+						{d:"2011-11-25",o:"16.00",h:"16.40",l:"15.50",c:"15.63",v:"464262",p:"1.23"},
+						{d:"2011-11-28",o:"16.41",h:"16.70",l:"15.50",c:"15.67",v:"860701",p:"1.23"},
+						{d:"2011-11-29",o:"15.90",h:"16.30",l:"15.51",c:"16.10",v:"1096707",p:"1.23"},
+						{d:"2011-11-30",o:"16.70",h:"17.07",l:"16.12",c:"16.42",v:"705642",p:"1.23"},
+						{d:"2011-12-01",o:"16.39",h:"17.41",l:"16.09",c:"17.32",v:"570485",p:"1.23"},
+						{d:"2011-12-02",o:"17.37",h:"18.73",l:"17.02",c:"18.33",v:"978628",p:"1.23"},
+						{d:"2011-12-05",o:"18.41",h:"18.75",l:"17.22",c:"17.62",v:"1466487",p:"1.23"},
+						{d:"2011-12-06",o:"18.28",h:"18.75",l:"17.65",c:"18.21",v:"1194098",p:"1.23"},
+						{d:"2011-12-07",o:"18.07",h:"18.40",l:"17.28",c:"17.95",v:"864063",p:"1.23"},
+						{d:"2011-12-08",o:"18.73",h:"18.73",l:"17.54",c:"18.40",v:"584907",p:"1.23"},
+						{d:"2011-12-09",o:"18.33",h:"19.40",l:"18.33",c:"19.31",v:"1464635",p:"1.23"},
+						{d:"2011-12-12",o:"19.01",h:"19.49",l:"18.33",c:"19.00",v:"815549",p:"1.23"},
+						{d:"2011-12-13",o:"18.92",h:"19.42",l:"18.25",c:"18.70",v:"1136313",p:"1.23"},
+						{d:"2011-12-14",o:"18.67",h:"18.69",l:"17.70",c:"18.07",v:"599439",p:"1.23"},
+						{d:"2011-12-15",o:"18.31",h:"18.31",l:"16.90",c:"17.11",v:"1075641",p:"1.23"},
+						{d:"2011-12-16",o:"16.90",h:"17.66",l:"16.90",c:"17.49",v:"773152",p:"1.23"},
+						{d:"2011-12-19",o:"17.99",h:"19.10",l:"16.66",c:"16.92",v:"570284",p:"1.23"},
+						{d:"2011-12-20",o:"17.11",h:"17.11",l:"15.82",c:"16.16",v:"1519227",p:"1.23"},
+						{d:"2011-12-21",o:"15.90",h:"16.20",l:"15.51",c:"15.73",v:"707284",p:"1.23"},
+						{d:"2011-12-22",o:"15.73",h:"16.18",l:"15.57",c:"16.09",v:"498092",p:"1.23"},
+						{d:"2011-12-23",o:"16.11",h:"16.65",l:"16.11",c:"16.51",v:"300403",p:"1.23"},
+						{d:"2011-12-27",o:"16.52",h:"16.70",l:"16.21",c:"16.57",v:"267553",p:"1.23"},
+						{d:"2011-12-28",o:"16.60",h:"17.27",l:"16.27",c:"17.10",v:"591452",p:"1.23"},
+						{d:"2011-12-29",o:"17.10",h:"17.30",l:"16.05",c:"16.51",v:"682104",p:"1.23"},
+						{d:"2011-12-30",o:"16.53",h:"16.66",l:"15.57",c:"15.69",v:"997355",p:"1.23"},
+						{d:"2012-01-03",o:"16.44",h:"16.44",l:"15.06",c:"15.33",v:"1060855",p:"1.23"},
+						{d:"2012-01-04",o:"15.54",h:"15.54",l:"13.81",c:"13.98",v:"1950585",p:"1.23"},
+						{d:"2012-01-05",o:"14.39",h:"14.72",l:"13.71",c:"14.51",v:"1437807",p:"1.23"},
+						{d:"2012-01-06",o:"14.41",h:"14.48",l:"13.81",c:"13.95",v:"1247836",p:"1.23"},
+						{d:"2012-01-09",o:"13.91",h:"14.73",l:"13.86",c:"14.56",v:"948513",p:"1.23"},
+						{d:"2012-01-10",o:"15.23",h:"15.98",l:"15.23",c:"15.75",v:"1915066",p:"1.23"},
+						{d:"2012-01-11",o:"15.60",h:"16.97",l:"15.52",c:"16.87",v:"1259517",p:"1.23"},
+						{d:"2012-01-12",o:"16.87",h:"17.27",l:"16.55",c:"16.75",v:"2052180",p:"1.23"},
+						{d:"2012-01-13",o:"16.73",h:"16.73",l:"15.76",c:"16.00",v:"806893",p:"1.23"},
+						{d:"2012-01-17",o:"16.39",h:"16.84",l:"16.31",c:"16.44",v:"789234",p:"1.23"},
+						{d:"2012-01-18",o:"16.67",h:"17.21",l:"16.11",c:"16.50",v:"826953",p:"1.23"},
+						{d:"2012-01-19",o:"16.45",h:"17.14",l:"16.21",c:"16.96",v:"1044725",p:"1.23"},
+						{d:"2012-01-20",o:"16.89",h:"17.90",l:"16.78",c:"17.50",v:"919780",p:"1.23"},
+						{d:"2012-01-23",o:"17.60",h:"17.90",l:"17.00",c:"17.68",v:"1067886",p:"1.23"},
+						{d:"2012-01-24",o:"17.23",h:"17.80",l:"16.80",c:"17.00",v:"915848",p:"1.23"},
+						{d:"2012-01-25",o:"17.00",h:"17.47",l:"16.51",c:"16.99",v:"1130183",p:"1.23"},
+						{d:"2012-01-26",o:"16.98",h:"17.40",l:"16.68",c:"16.90",v:"707008",p:"1.23"},
+						{d:"2012-01-27",o:"17.20",h:"18.45",l:"17.14",c:"18.11",v:"1821902",p:"1.23"},
+						{d:"2012-01-30",o:"18.24",h:"18.24",l:"17.00",c:"17.45",v:"1507071",p:"1.23"},
+						{d:"2012-01-31",o:"17.93",h:"18.40",l:"17.07",c:"18.10",v:"1265728",p:"1.23"},
+						{d:"2012-02-01",o:"17.90",h:"18.72",l:"17.70",c:"18.53",v:"1045596",p:"1.23"},
+						{d:"2012-02-02",o:"19.15",h:"19.23",l:"18.39",c:"18.73",v:"1258748",p:"1.23"},
+						{d:"2012-02-03",o:"19.00",h:"19.35",l:"18.74",c:"19.05",v:"1479453",p:"1.23"},
+						{d:"2012-02-06",o:"17.78",h:"18.31",l:"16.78",c:"17.89",v:"1693666",p:"1.23"},
+						{d:"2012-02-07",o:"18.05",h:"18.32",l:"17.16",c:"17.17",v:"1682647",p:"1.23"},
+						{d:"2012-02-08",o:"17.81",h:"17.81",l:"17.00",c:"17.05",v:"1015952",p:"1.23"},
+						{d:"2012-02-09",o:"17.20",h:"17.35",l:"16.83",c:"17.02",v:"1362242",p:"1.23"},
+						{d:"2012-02-10",o:"17.01",h:"17.02",l:"16.72",c:"16.76",v:"1241444",p:"1.23"},
+						{d:"2012-02-13",o:"16.72",h:"17.25",l:"16.10",c:"16.20",v:"1501281",p:"1.23"},
+						{d:"2012-02-14",o:"16.58",h:"17.02",l:"16.26",c:"16.98",v:"807397",p:"1.23"},
+						{d:"2012-02-15",o:"17.00",h:"17.45",l:"17.00",c:"17.08",v:"715175",p:"1.23"},
+						{d:"2012-02-16",o:"17.00",h:"17.34",l:"16.81",c:"17.11",v:"682104",p:"1.23"},
+						{d:"2012-02-17",o:"16.90",h:"17.76",l:"16.90",c:"17.48",v:"891772",p:"1.23"},
+						{d:"2012-02-21",o:"17.71",h:"17.98",l:"17.17",c:"17.17",v:"2287458",p:"1.23"},
+						{d:"2012-02-22",o:"17.20",h:"17.99",l:"16.65",c:"17.50",v:"2783765",p:"1.23"},
+						{d:"2012-02-23",o:"18.25",h:"18.70",l:"17.42",c:"18.32",v:"4302985",p:"1.23"},
+						{d:"2012-02-24",o:"18.36",h:"19.94",l:"18.36",c:"19.72",v:"4506302",p:"1.23"},
+						{d:"2012-02-27",o:"19.54",h:"19.98",l:"19.09",c:"19.49",v:"2322780",p:"1.23"},
+						{d:"2012-02-28",o:"19.27",h:"20.60",l:"19.03",c:"19.84",v:"2322613",p:"1.23"},
+						{d:"2012-02-29",o:"19.86",h:"21.19",l:"19.53",c:"21.14",v:"2274330",p:"1.23"},
+						{d:"2012-03-01",o:"21.17",h:"21.39",l:"20.65",c:"21.00",v:"1355336",p:"1.23"},
+						{d:"2012-03-02",o:"21.31",h:"22.23",l:"21.00",c:"22.13",v:"2046759",p:"1.23"},
+						{d:"2012-03-05",o:"21.92",h:"22.08",l:"21.41",c:"21.86",v:"1165157",p:"1.23"},
+						{d:"2012-03-06",o:"21.05",h:"21.30",l:"20.50",c:"21.22",v:"1242576",p:"1.23"},
+						{d:"2012-03-07",o:"21.06",h:"22.06",l:"21.01",c:"21.86",v:"1372734",p:"1.23"},
+						{d:"2012-03-08",o:"21.77",h:"23.07",l:"21.60",c:"22.97",v:"3187519",p:"1.23"},
+						{d:"2012-03-09",o:"23.07",h:"23.20",l:"21.64",c:"22.04",v:"1605290",p:"1.23"},
+						{d:"2012-03-12",o:"22.57",h:"22.60",l:"21.65",c:"21.86",v:"1273655",p:"1.23"},
+						{d:"2012-03-13",o:"22.11",h:"23.13",l:"22.11",c:"23.10",v:"1828055",p:"1.23"},
+						{d:"2012-03-14",o:"23.06",h:"23.87",l:"22.00",c:"22.89",v:"1548064",p:"1.23"},
+						{d:"2012-03-15",o:"23.67",h:"23.67",l:"21.50",c:"22.30",v:"1781177",p:"1.23"},
+						{d:"2012-03-16",o:"22.30",h:"22.84",l:"21.50",c:"22.45",v:"4389125",p:"1.23"},
+						{d:"2012-03-19",o:"22.29",h:"22.79",l:"21.75",c:"22.39",v:"1495983",p:"1.23"},
+						{d:"2012-03-20",o:"22.10",h:"22.65",l:"21.81",c:"22.58",v:"1328633",p:"1.23"},
+						{d:"2012-03-21",o:"22.51",h:"23.65",l:"22.33",c:"23.55",v:"1578186",p:"1.23"},
+						{d:"2012-03-22",o:"23.32",h:"24.87",l:"23.15",c:"24.30",v:"2896491",p:"1.23"},
+						{d:"2012-03-23",o:"24.20",h:"24.99",l:"23.93",c:"24.87",v:"2950727",p:"1.23"},
+						{d:"2012-03-26",o:"25.00",h:"26.06",l:"24.93",c:"26.01",v:"2046596",p:"1.23"},
+						{d:"2012-03-27",o:"25.81",h:"26.35",l:"25.34",c:"25.96",v:"2258889",p:"1.23"},
+						{d:"2012-03-28",o:"25.82",h:"25.95",l:"24.70",c:"25.01",v:"1866218",p:"1.23"},
+						{d:"2012-03-29",o:"24.87",h:"25.10",l:"23.85",c:"24.93",v:"1419675",p:"1.23"},
+						{d:"2012-03-30",o:"24.50",h:"24.75",l:"24.13",c:"24.45",v:"2218928",p:"1.23"},
+						{d:"2012-04-02",o:"24.19",h:"25.09",l:"24.19",c:"25.00",v:"1177199",p:"1.23"},
+						{d:"2012-04-03",o:"24.09",h:"24.32",l:"21.00",c:"23.83",v:"8819277",p:"1.23"},
+						{d:"2012-04-04",o:"23.10",h:"23.49",l:"22.65",c:"23.00",v:"1683255",p:"1.23"},
+						{d:"2012-04-05",o:"22.88",h:"23.47",l:"22.21",c:"22.98",v:"1704494",p:"1.23"},
+						{d:"2012-04-06",o:"22.88",h:"23.47",l:"22.21",c:"22.98",v:"1704494",p:"1.23"},
+						{d:"2012-04-09",o:"22.45",h:"23.39",l:"22.40",c:"22.65",v:"822736",p:"1.23"},
+						{d:"2012-04-10",o:"22.67",h:"23.10",l:"22.09",c:"22.20",v:"724898",p:"1.23"},
+						{d:"2012-04-11",o:"22.27",h:"22.78",l:"22.07",c:"22.10",v:"1102217",p:"1.23"},
+						{d:"2012-04-12",o:"22.20",h:"23.03",l:"22.20",c:"22.89",v:"1815411",p:"1.23"},
+						{d:"2012-04-13",o:"22.89",h:"23.16",l:"21.74",c:"21.78",v:"1441784",p:"1.23"},
+						{d:"2012-04-16",o:"21.70",h:"22.33",l:"20.14",c:"20.14",v:"2193307",p:"1.23"},
+						{d:"2012-04-17",o:"20.24",h:"21.68",l:"20.01",c:"21.26",v:"2306618",p:"1.23"},
+						{d:"2012-04-18",o:"21.06",h:"21.23",l:"20.48",c:"20.63",v:"2293337",p:"1.23"},
+						{d:"2012-04-19",o:"25.69",h:"26.18",l:"23.83",c:"24.08",v:"8274550",p:"1.23"},
+						{d:"2012-04-20",o:"24.15",h:"24.44",l:"23.70",c:"24.02",v:"1579688",p:"1.23"},
+						{d:"2012-04-23",o:"23.39",h:"24.07",l:"23.20",c:"23.87",v:"1029188",p:"1.23"},
+						{d:"2012-04-24",o:"23.87",h:"24.30",l:"22.61",c:"23.18",v:"1705120",p:"1.23"},
+						{d:"2012-04-25",o:"23.19",h:"23.36",l:"22.61",c:"22.83",v:"905382",p:"1.23"},
+						{d:"2012-04-26",o:"23.00",h:"23.93",l:"22.98",c:"23.70",v:"772169",p:"1.23"},
+						{d:"2012-04-27",o:"23.70",h:"24.00",l:"23.65",c:"23.95",v:"438463",p:"1.23"},
+						{d:"2012-04-30",o:"23.95",h:"25.00",l:"23.80",c:"24.57",v:"1235564",p:"1.23"},
+						{d:"2012-05-01",o:"24.50",h:"25.45",l:"24.17",c:"24.95",v:"1543317",p:"1.23"},
+						{d:"2012-05-02",o:"24.96",h:"24.96",l:"22.97",c:"23.54",v:"2782054",p:"1.23"},
+						{d:"2012-05-03",o:"24.98",h:"24.98",l:"22.77",c:"23.98",v:"1838437",p:"1.23"},
+						{d:"2012-05-04",o:"24.14",h:"24.28",l:"23.00",c:"23.01",v:"778364",p:"1.23"},
+						{d:"2012-05-07",o:"22.87",h:"23.51",l:"22.20",c:"23.41",v:"873546",p:"1.23"},
+						{d:"2012-05-08",o:"23.14",h:"23.44",l:"22.56",c:"23.02",v:"1259927",p:"1.23"},
+						{d:"2012-05-09",o:"23.02",h:"23.22",l:"22.80",c:"23.07",v:"879343",p:"1.23"},
+						{d:"2012-05-10",o:"23.07",h:"23.15",l:"22.17",c:"22.54",v:"1199239",p:"1.23"},
+						{d:"2012-05-11",o:"22.25",h:"22.33",l:"20.76",c:"21.20",v:"2527077",p:"1.23"},
+						{d:"2012-05-14",o:"21.00",h:"21.18",l:"18.80",c:"19.01",v:"3266613",p:"1.23"},
+						{d:"2012-05-15",o:"19.01",h:"20.15",l:"19.01",c:"19.79",v:"1970991",p:"1.23"},
+						{d:"2012-05-16",o:"19.68",h:"21.15",l:"19.23",c:"20.72",v:"3035813",p:"1.23"},
+						{d:"2012-05-17",o:"20.80",h:"21.30",l:"20.22",c:"20.64",v:"1935975",p:"1.23"},
+						{d:"2012-05-18",o:"20.64",h:"21.72",l:"20.32",c:"20.88",v:"2229585",p:"1.23"},
+						{d:"2012-05-21",o:"20.88",h:"20.98",l:"19.69",c:"20.40",v:"2776681",p:"1.23"},
+						{d:"2012-05-22",o:"20.36",h:"21.77",l:"20.36",c:"21.40",v:"2327215",p:"1.23"},
+						{d:"2012-05-23",o:"21.81",h:"21.81",l:"18.50",c:"20.62",v:"3893507",p:"1.23"},
+						{d:"2012-05-24",o:"20.50",h:"21.01",l:"19.66",c:"19.99",v:"837657",p:"1.23"},
+						{d:"2012-05-25",o:"20.76",h:"21.07",l:"20.27",c:"20.50",v:"954292",p:"1.23"},
+						{d:"2012-05-28",o:"20.76",h:"21.07",l:"20.27",c:"20.50",v:"954292",p:"1.23"},
+						{d:"2012-05-30",o:"21.34",h:"21.43",l:"19.81",c:"20.53",v:"783596",p:"1.23"},
+						{d:"2012-05-31",o:"20.27",h:"20.41",l:"19.80",c:"20.00",v:"830625",p:"1.23"},
+						{d:"2012-06-01",o:"19.04",h:"19.50",l:"18.77",c:"19.40",v:"1807478",p:"1.23"},
+						{d:"2012-06-04",o:"19.00",h:"19.10",l:"17.87",c:"18.70",v:"2092886",p:"1.23"},
+						{d:"2012-06-05",o:"18.70",h:"19.75",l:"18.70",c:"19.60",v:"669516",p:"1.23"},
+						{d:"2012-06-06",o:"19.60",h:"19.99",l:"19.23",c:"19.78",v:"757645",p:"1.23"},
+						{d:"2012-06-07",o:"20.24",h:"20.32",l:"19.50",c:"19.52",v:"747851",p:"1.23"},
+						{d:"2012-06-08",o:"19.63",h:"19.63",l:"19.04",c:"19.19",v:"497232",p:"1.23"},
+						{d:"2012-06-11",o:"19.19",h:"19.55",l:"19.19",c:"19.28",v:"385393",p:"1.23"},
+						{d:"2012-06-12",o:"19.59",h:"19.59",l:"18.40",c:"18.74",v:"1763859",p:"1.23"},
+						{d:"2012-06-13",o:"18.78",h:"18.96",l:"17.77",c:"17.99",v:"1581220",p:"1.23"},
+						{d:"2012-06-14",o:"17.91",h:"18.31",l:"17.50",c:"17.68",v:"1204508",p:"1.23"},
+						{d:"2012-06-15",o:"17.43",h:"18.50",l:"17.43",c:"18.39",v:"1182744",p:"1.23"},
+						{d:"2012-06-18",o:"18.18",h:"18.50",l:"17.83",c:"18.20",v:"701487",p:"1.23"},
+						{d:"2012-06-19",o:"18.50",h:"19.74",l:"18.20",c:"19.64",v:"845159",p:"1.23"},
+						{d:"2012-06-20",o:"19.52",h:"19.52",l:"18.48",c:"18.50",v:"729930",p:"1.23"},
+						{d:"2012-06-21",o:"18.98",h:"18.98",l:"17.85",c:"18.08",v:"467863",p:"1.23"},
+						{d:"2012-06-22",o:"18.09",h:"18.21",l:"17.90",c:"17.92",v:"505455",p:"1.23"},
+						{d:"2012-06-25",o:"17.80",h:"17.91",l:"16.59",c:"17.11",v:"1500394",p:"1.23"},
+						{d:"2012-06-26",o:"17.10",h:"17.95",l:"17.05",c:"17.47",v:"781306",p:"1.23"},
+						{d:"2012-06-27",o:"17.59",h:"17.96",l:"17.40",c:"17.54",v:"456229",p:"1.23"},
+						{d:"2012-06-28",o:"17.87",h:"17.87",l:"17.03",c:"17.20",v:"725344",p:"1.23"},
+						{d:"2012-06-29",o:"18.00",h:"18.00",l:"17.05",c:"17.29",v:"1447097",p:"1.23"},
+						{d:"2012-07-02",o:"17.80",h:"18.20",l:"15.47",c:"16.00",v:"3896996",p:"1.23"},
+						{d:"2012-07-03",o:"17.05",h:"17.27",l:"15.77",c:"16.82",v:"3960025",p:"1.23"},
+						{d:"2012-07-05",o:"16.93",h:"17.03",l:"16.50",c:"16.79",v:"1433235",p:"1.23"},
+						{d:"2012-07-06",o:"16.89",h:"16.94",l:"16.55",c:"16.83",v:"874744",p:"1.23"},
+						{d:"2012-07-09",o:"16.56",h:"17.30",l:"16.31",c:"16.66",v:"651412",p:"1.23"},
+						{d:"2012-07-10",o:"16.65",h:"16.91",l:"16.12",c:"16.27",v:"689274",p:"1.23"},
+						{d:"2012-07-11",o:"16.26",h:"16.95",l:"16.26",c:"16.50",v:"1810210",p:"1.23"},
+						{d:"2012-07-12",o:"16.50",h:"16.64",l:"16.10",c:"16.30",v:"663829",p:"1.23"},
+						{d:"2012-07-13",o:"16.29",h:"16.59",l:"16.12",c:"16.43",v:"375567",p:"1.23"},
+						{d:"2012-07-16",o:"16.13",h:"16.30",l:"15.64",c:"15.75",v:"1376923",p:"1.23"},
+						{d:"2012-07-17",o:"15.43",h:"15.79",l:"14.70",c:"14.81",v:"2544378",p:"1.23"},
+						{d:"2012-07-19",o:"15.15",h:"15.54",l:"14.90",c:"15.29",v:"1029726",p:"1.23"},
+						{d:"2012-07-20",o:"15.51",h:"15.53",l:"14.95",c:"15.03",v:"821479",p:"1.23"},
+						{d:"2012-07-23",o:"14.80",h:"15.75",l:"14.55",c:"15.57",v:"982398",p:"1.23"},
+						{d:"2012-07-24",o:"15.57",h:"15.90",l:"14.87",c:"15.59",v:"625134",p:"1.23"},
+						{d:"2012-07-25",o:"15.17",h:"15.60",l:"15.10",c:"15.33",v:"429775",p:"1.23"},
+						{d:"2012-07-26",o:"15.97",h:"15.97",l:"14.63",c:"14.63",v:"1276460",p:"1.23"},
+						{d:"2012-07-27",o:"14.60",h:"15.65",l:"14.60",c:"15.43",v:"706353",p:"1.23"},
+						{d:"2012-07-30",o:"15.20",h:"15.43",l:"14.70",c:"14.83",v:"691289",p:"1.23"},
+						{d:"2012-07-31",o:"15.00",h:"15.00",l:"14.48",c:"14.71",v:"632010",p:"1.23"},
+						{d:"2012-08-01",o:"14.98",h:"15.03",l:"14.60",c:"14.75",v:"536627",p:"1.23"},
+						{d:"2012-08-02",o:"14.55",h:"15.21",l:"13.80",c:"14.69",v:"1544874",p:"1.23"},
+						{d:"2012-08-03",o:"14.80",h:"14.93",l:"14.60",c:"14.80",v:"485584",p:"1.23"},
+						{d:"2012-08-06",o:"14.70",h:"16.55",l:"14.65",c:"15.51",v:"1957237",p:"1.23"},
+						{d:"2012-08-07",o:"15.57",h:"17.49",l:"15.57",c:"16.97",v:"3425151",p:"1.23"},
+						{d:"2012-08-08",o:"17.15",h:"17.39",l:"16.61",c:"16.81",v:"983039",p:"1.23"},
+						{d:"2012-08-09",o:"16.80",h:"17.36",l:"16.50",c:"16.99",v:"399984",p:"1.23"},
+						{d:"2012-08-10",o:"16.75",h:"17.30",l:"16.51",c:"16.84",v:"498196",p:"1.23"},
+						{d:"2012-08-13",o:"17.21",h:"17.88",l:"17.01",c:"17.11",v:"1110737",p:"1.23"},
+						{d:"2012-08-14",o:"17.83",h:"17.83",l:"16.86",c:"17.08",v:"568585",p:"1.23"},
+						{d:"2012-08-15",o:"17.07",h:"17.80",l:"17.03",c:"17.70",v:"789970",p:"1.23"},
+						{d:"2012-08-16",o:"18.25",h:"19.10",l:"17.80",c:"18.66",v:"1469266",p:"1.23"},
+						{d:"2012-08-17",o:"19.00",h:"19.00",l:"18.30",c:"18.54",v:"1393282",p:"1.23"},
+						{d:"2012-08-20",o:"19.19",h:"20.48",l:"18.88",c:"20.21",v:"3815153",p:"1.23"},
+						{d:"2012-08-21",o:"20.92",h:"22.13",l:"20.67",c:"21.10",v:"6577141",p:"1.23"},
+						{d:"2012-08-22",o:"22.49",h:"24.88",l:"22.09",c:"24.58",v:"13341500",p:"1.23"},
+						{d:"2012-08-23",o:"24.13",h:"24.30",l:"22.82",c:"23.69",v:"7790141",p:"1.23"},
+						{d:"2012-08-24",o:"23.38",h:"24.30",l:"22.90",c:"23.08",v:"4824998",p:"1.23"},
+						{d:"2012-08-27",o:"23.72",h:"23.89",l:"22.88",c:"22.98",v:"2708057",p:"1.23"},
+						{d:"2012-08-28",o:"22.74",h:"22.76",l:"21.05",c:"21.55",v:"4766107",p:"1.23"},
+						{d:"2012-08-29",o:"21.92",h:"22.84",l:"21.72",c:"21.99",v:"2571667",p:"1.23"},
+						{d:"2012-08-30",o:"22.10",h:"22.17",l:"21.10",c:"21.46",v:"1755630",p:"1.23"},
+						{d:"2012-08-31",o:"21.78",h:"22.57",l:"21.48",c:"22.39",v:"1327326",p:"1.23"},
+						{d:"2012-09-04",o:"22.51",h:"23.90",l:"22.46",c:"23.25",v:"2997624",p:"1.23"},
+						{d:"2012-09-05",o:"23.38",h:"23.61",l:"22.65",c:"23.36",v:"1867654",p:"1.23"},
+						{d:"2012-09-06",o:"23.20",h:"24.13",l:"22.92",c:"23.88",v:"3180873",p:"1.23"},
+						{d:"2012-09-07",o:"23.61",h:"24.11",l:"23.11",c:"23.39",v:"1930171",p:"1.23"},
+						{d:"2012-09-10",o:"23.42",h:"23.60",l:"22.71",c:"22.92",v:"1540928",p:"1.23"},
+						{d:"2012-09-11",o:"23.12",h:"24.54",l:"22.92",c:"24.00",v:"5632947",p:"1.23"},
+						{d:"2012-09-12",o:"24.75",h:"25.47",l:"24.03",c:"24.25",v:"4658898",p:"1.23"},
+						{d:"2012-09-13",o:"24.04",h:"25.38",l:"23.90",c:"24.77",v:"4120404",p:"1.23"},
+						{d:"2012-09-14",o:"24.53",h:"25.45",l:"24.31",c:"24.89",v:"4658348",p:"1.23"},
+						{d:"2012-09-17",o:"25.00",h:"25.06",l:"24.43",c:"24.72",v:"1624037",p:"1.23"},
+						{d:"2012-09-18",o:"24.95",h:"24.98",l:"24.01",c:"24.72",v:"1623390",p:"1.23"},
+						{d:"2012-09-19",o:"24.96",h:"25.50",l:"24.61",c:"25.20",v:"3839482",p:"1.23"},
+						{d:"2012-09-20",o:"24.69",h:"24.90",l:"24.21",c:"24.75",v:"3350404",p:"1.23"},
+						{d:"2012-09-21",o:"24.50",h:"24.94",l:"23.25",c:"23.50",v:"2407431",p:"1.23"},
+						{d:"2012-09-24",o:"23.58",h:"23.90",l:"23.09",c:"23.24",v:"1736936",p:"1.23"},
+						{d:"2012-09-25",o:"23.50",h:"23.56",l:"22.75",c:"22.81",v:"1109284",p:"1.23"},
+						{d:"2012-09-26",o:"22.62",h:"22.68",l:"22.00",c:"22.22",v:"1704247",p:"1.23"},
+						{d:"2012-09-27",o:"22.41",h:"22.44",l:"21.38",c:"22.02",v:"3449178",p:"1.23"},
+						{d:"2012-09-28",o:"22.31",h:"22.40",l:"21.80",c:"22.05",v:"2064274",p:"1.23"},
+						{d:"2012-10-01",o:"22.03",h:"22.06",l:"21.50",c:"21.81",v:"2227839",p:"1.23"},
+						{d:"2012-10-02",o:"21.97",h:"23.00",l:"21.80",c:"22.87",v:"2438519",p:"1.23"},
+						{d:"2012-10-03",o:"22.64",h:"23.59",l:"22.59",c:"23.46",v:"1961425",p:"1.23"},
+						{d:"2012-10-04",o:"23.12",h:"23.63",l:"23.10",c:"23.55",v:"1079327",p:"1.23"},
+						{d:"2012-10-05",o:"23.56",h:"23.87",l:"23.15",c:"23.29",v:"544382",p:"1.23"},
+						{d:"2012-10-08",o:"23.25",h:"23.29",l:"22.59",c:"22.65",v:"1076741",p:"1.23"},
+						{d:"2012-10-09",o:"22.66",h:"22.85",l:"22.28",c:"22.49",v:"1022478",p:"1.23"},
+						{d:"2012-10-10",o:"22.54",h:"23.00",l:"22.31",c:"22.49",v:"1195365",p:"1.23"},
+						{d:"2012-10-11",o:"22.85",h:"23.00",l:"22.55",c:"22.69",v:"643090",p:"1.23"},
+						{d:"2012-10-12",o:"22.88",h:"22.88",l:"21.82",c:"22.00",v:"1644038",p:"1.23"},
+						{d:"2012-10-15",o:"22.40",h:"22.58",l:"21.62",c:"22.10",v:"2197763",p:"1.23"},
+						{d:"2012-10-16",o:"22.22",h:"22.40",l:"21.92",c:"22.00",v:"1215494",p:"1.23"},
+						{d:"2012-10-17",o:"21.99",h:"22.34",l:"21.96",c:"22.23",v:"831591",p:"1.23"},
+						{d:"2012-10-18",o:"22.09",h:"22.25",l:"21.30",c:"21.66",v:"1071582",p:"1.23"},
+						{d:"2012-10-19",o:"21.54",h:"22.25",l:"21.46",c:"21.96",v:"758053",p:"1.23"},
+						{d:"2012-10-22",o:"21.86",h:"22.40",l:"21.78",c:"21.89",v:"1148216",p:"1.23"},
+						{d:"2012-10-23",o:"21.46",h:"21.65",l:"21.00",c:"21.11",v:"1688469",p:"1.23"},
+						{d:"2012-10-24",o:"21.43",h:"21.45",l:"20.19",c:"20.48",v:"2763186",p:"1.23"},
+						{d:"2012-10-25",o:"20.71",h:"21.05",l:"20.48",c:"20.92",v:"1206490",p:"1.23"},
+						{d:"2012-10-26",o:"20.51",h:"20.90",l:"20.01",c:"20.32",v:"1398188",p:"1.23"},
+						{d:"2012-10-31",o:"20.30",h:"21.03",l:"20.03",c:"20.57",v:"1703785",p:"1.23"},
+						{d:"2012-11-01",o:"20.62",h:"22.32",l:"20.55",c:"21.82",v:"1605642",p:"1.23"},
+						{d:"2012-11-02",o:"21.52",h:"21.99",l:"21.40",c:"21.75",v:"1606329",p:"1.23"},
+						{d:"2012-11-05",o:"21.75",h:"22.75",l:"21.74",c:"22.66",v:"1449076",p:"1.23"},
+						{d:"2012-11-06",o:"22.70",h:"23.55",l:"22.60",c:"23.25",v:"1489313",p:"1.23"},
+						{d:"2012-11-07",o:"23.11",h:"23.30",l:"22.72",c:"22.81",v:"1155765",p:"1.23"},
+						{d:"2012-11-08",o:"22.90",h:"22.99",l:"22.08",c:"22.32",v:"763976",p:"1.23"},
+						{d:"2012-11-09",o:"22.20",h:"23.38",l:"22.10",c:"22.94",v:"1063969",p:"1.23"},
+						{d:"2012-11-12",o:"23.02",h:"23.76",l:"22.82",c:"23.69",v:"1405272",p:"1.23"},
+						{d:"2012-11-13",o:"23.54",h:"24.30",l:"23.45",c:"23.51",v:"1509494",p:"1.23"},
+						{d:"2012-11-14",o:"23.82",h:"24.00",l:"22.90",c:"23.01",v:"1179929",p:"1.23"},
+						{d:"2012-11-15",o:"23.16",h:"23.45",l:"22.88",c:"23.03",v:"940536",p:"1.23"},
+						{d:"2012-11-16",o:"23.02",h:"23.25",l:"22.41",c:"22.98",v:"2175364",p:"1.23"},
+						{d:"2012-11-19",o:"23.27",h:"23.76",l:"22.99",c:"23.70",v:"2758619",p:"1.23"},
+						{d:"2012-11-20",o:"24.44",h:"24.78",l:"23.55",c:"24.20",v:"5597529",p:"1.23"},
+						{d:"2012-11-21",o:"24.30",h:"24.44",l:"23.41",c:"23.95",v:"2235271",p:"1.23"},
+						{d:"2012-11-23",o:"23.97",h:"24.05",l:"23.38",c:"23.43",v:"1295808",p:"1.23"},
+						{d:"2012-11-26",o:"23.54",h:"23.58",l:"22.67",c:"23.19",v:"2077985",p:"1.23"},
+						{d:"2012-11-27",o:"22.91",h:"23.18",l:"22.82",c:"23.02",v:"1181749",p:"1.23"},
+						{d:"2012-11-28",o:"22.95",h:"23.88",l:"22.95",c:"23.83",v:"1485380",p:"1.23"},
+						{d:"2012-11-29",o:"23.81",h:"25.20",l:"23.77",c:"25.14",v:"3216171",p:"1.23"},
+						{d:"2012-11-30",o:"25.15",h:"25.45",l:"24.36",c:"24.99",v:"2358035",p:"1.23"},
+						{d:"2012-12-03",o:"25.47",h:"28.16",l:"25.23",c:"27.44",v:"11139930",p:"1.23"},
+						{d:"2012-12-04",o:"27.57",h:"27.67",l:"25.83",c:"26.02",v:"6264703",p:"1.23"},
+						{d:"2012-12-05",o:"26.43",h:"26.69",l:"24.24",c:"24.30",v:"5494319",p:"1.23"},
+						{d:"2012-12-06",o:"24.44",h:"25.61",l:"24.40",c:"24.93",v:"2781934",p:"1.23"},
+						{d:"2012-12-07",o:"25.14",h:"25.35",l:"24.50",c:"24.56",v:"1637055",p:"1.23"},
+						{d:"2012-12-10",o:"24.62",h:"25.53",l:"24.60",c:"25.20",v:"2437758",p:"1.23"},
+						{d:"2012-12-11",o:"25.20",h:"25.60",l:"24.73",c:"24.85",v:"2114585",p:"1.23"},
+						{d:"2012-12-12",o:"25.25",h:"25.25",l:"24.36",c:"24.79",v:"1309655",p:"1.23"},
+						{d:"2012-12-13",o:"24.57",h:"25.23",l:"24.50",c:"24.94",v:"1277919",p:"1.23"},
+						{d:"2012-12-14",o:"25.02",h:"25.16",l:"24.52",c:"25.08",v:"1299016",p:"1.23"},
+						{d:"2012-12-17",o:"25.00",h:"26.18",l:"25.00",c:"26.05",v:"2026479",p:"1.23"},
+						{d:"2012-12-18",o:"26.20",h:"26.55",l:"26.02",c:"26.38",v:"2131589",p:"1.23"},
+						{d:"2012-12-19",o:"26.48",h:"26.60",l:"25.83",c:"26.30",v:"1872304",p:"1.23"},
+						{d:"2012-12-20",o:"26.50",h:"27.33",l:"26.01",c:"26.79",v:"2916924",p:"1.23"},
+						{d:"2012-12-21",o:"25.97",h:"26.60",l:"25.89",c:"26.57",v:"1619996",p:"1.23"},
+						{d:"2012-12-24",o:"26.35",h:"26.92",l:"26.21",c:"26.43",v:"454913",p:"1.23"},
+						{d:"2012-12-26",o:"26.54",h:"27.47",l:"26.50",c:"27.08",v:"1228704",p:"1.23"},
+						{d:"2012-12-27",o:"27.21",h:"27.29",l:"26.04",c:"26.80",v:"1394686",p:"1.23"},
+						{d:"2012-12-28",o:"26.72",h:"27.44",l:"26.45",c:"27.33",v:"2037220",p:"1.23"},
+						{d:"2012-12-31",o:"27.39",h:"29.80",l:"27.27",c:"29.69",v:"6651252",p:"1.23"},
+						{d:"2013-01-02",o:"30.55",h:"30.88",l:"29.13",c:"29.79",v:"3393600",p:"1.23"},
+						{d:"2013-01-03",o:"29.49",h:"31.13",l:"29.28",c:"31.09",v:"2318465",p:"1.23"},
+						{d:"2013-01-04",o:"31.32",h:"31.70",l:"30.35",c:"31.67",v:"2140106",p:"1.23"},
+						{d:"2013-01-07",o:"31.68",h:"33.13",l:"31.40",c:"32.49",v:"3630331",p:"1.23"},
+						{d:"2013-01-08",o:"32.82",h:"32.82",l:"31.64",c:"32.48",v:"1767427",p:"1.23"},
+						{d:"2013-01-09",o:"32.65",h:"32.70",l:"31.75",c:"32.48",v:"2280787",p:"1.23"},
+						{d:"2013-01-10",o:"32.96",h:"33.04",l:"31.81",c:"32.90",v:"2110269",p:"1.23"},
+						{d:"2013-01-11",o:"32.30",h:"33.02",l:"32.07",c:"33.00",v:"3129215",p:"1.23"},
+						{d:"2013-01-14",o:"32.85",h:"32.97",l:"30.81",c:"31.63",v:"4457695",p:"1.23"},
+						{d:"2013-01-15",o:"31.38",h:"31.72",l:"30.58",c:"30.82",v:"2699930",p:"1.23"},
+						{d:"2013-01-16",o:"30.60",h:"31.17",l:"30.08",c:"30.50",v:"2182201",p:"1.23"},
+						{d:"2013-01-17",o:"30.30",h:"31.91",l:"30.17",c:"31.83",v:"2929499",p:"1.23"},
+						{d:"2013-01-18",o:"32.11",h:"32.52",l:"31.70",c:"31.93",v:"2513323",p:"1.23"},
+						{d:"2013-01-22",o:"31.75",h:"32.15",l:"31.45",c:"31.77",v:"1436634",p:"1.23"},
+						{d:"2013-01-23",o:"31.90",h:"32.74",l:"31.75",c:"32.63",v:"2102123",p:"1.23"},
+						{d:"2013-01-24",o:"32.99",h:"34.37",l:"31.05",c:"31.70",v:"7967052",p:"1.23"},
+						{d:"2013-01-25",o:"32.10",h:"32.20",l:"31.11",c:"31.99",v:"2333662",p:"1.23"},
+						{d:"2013-01-28",o:"31.99",h:"32.48",l:"30.25",c:"31.50",v:"3261973",p:"1.23"},
+						{d:"2013-01-29",o:"31.50",h:"31.54",l:"30.90",c:"31.14",v:"1439074",p:"1.23"},
+						{d:"2013-01-30",o:"31.01",h:"31.24",l:"30.27",c:"30.43",v:"1985520",p:"1.23"},
+						{d:"2013-01-31",o:"30.61",h:"31.12",l:"30.42",c:"30.57",v:"1917265",p:"1.23"},
+						{d:"2013-02-01",o:"30.75",h:"30.88",l:"29.09",c:"30.50",v:"3389957",p:"1.23"},
+						{d:"2013-02-04",o:"30.50",h:"30.97",l:"29.80",c:"30.83",v:"1934607",p:"1.23"},
+						{d:"2013-02-05",o:"31.07",h:"32.17",l:"30.52",c:"31.72",v:"2356830",p:"1.23"},
+						{d:"2013-02-06",o:"31.41",h:"32.40",l:"31.01",c:"31.37",v:"1682499",p:"1.23"},
+						{d:"2013-02-07",o:"31.65",h:"31.67",l:"30.84",c:"30.99",v:"1270373",p:"1.23"},
+						{d:"2013-02-08",o:"30.80",h:"31.24",l:"30.66",c:"30.96",v:"858545",p:"1.23"},
+						{d:"2013-02-11",o:"30.98",h:"31.05",l:"30.60",c:"30.79",v:"709061",p:"1.23"},
+						{d:"2013-02-12",o:"30.76",h:"31.29",l:"30.50",c:"30.84",v:"1186104",p:"1.23"},
+						{d:"2013-02-13",o:"30.63",h:"32.14",l:"30.63",c:"31.83",v:"1828527",p:"1.23"},
+						{d:"2013-02-14",o:"31.60",h:"32.98",l:"31.60",c:"32.54",v:"1772163",p:"1.23"},
+						{d:"2013-02-15",o:"31.91",h:"32.83",l:"31.88",c:"32.64",v:"1410392",p:"1.23"},
+						{d:"2013-02-19",o:"32.78",h:"33.06",l:"32.23",c:"32.90",v:"1829427",p:"1.23"},
+						{d:"2013-02-20",o:"33.15",h:"33.63",l:"32.55",c:"32.66",v:"2374541",p:"1.23"},
+						{d:"2013-02-21",o:"32.33",h:"32.36",l:"30.32",c:"31.13",v:"2637199",p:"1.23"},
+						{d:"2013-02-22",o:"31.21",h:"32.45",l:"31.00",c:"32.44",v:"1481361",p:"1.23"},
+						{d:"2013-02-25",o:"32.26",h:"32.70",l:"31.28",c:"31.53",v:"1453527",p:"1.23"},
+						{d:"2013-02-26",o:"30.99",h:"31.19",l:"29.15",c:"29.97",v:"4840069",p:"1.23"},
+						{d:"2013-02-27",o:"30.09",h:"31.03",l:"30.01",c:"30.52",v:"1640778",p:"1.23"},
+						{d:"2013-02-28",o:"30.79",h:"31.00",l:"30.50",c:"30.77",v:"1725647",p:"1.23"},
+						{d:"2013-03-01",o:"30.60",h:"32.42",l:"30.60",c:"32.04",v:"2808187",p:"1.23"},
+						{d:"2013-03-04",o:"31.86",h:"33.47",l:"31.86",c:"32.75",v:"2765271",p:"1.23"},
+						{d:"2013-03-05",o:"33.20",h:"34.90",l:"33.10",c:"34.82",v:"5656402",p:"1.23"},
+						{d:"2013-03-06",o:"33.27",h:"33.43",l:"31.68",c:"32.19",v:"6212931",p:"1.23"},
+						{d:"2013-03-07",o:"31.99",h:"32.46",l:"31.10",c:"31.97",v:"2353440",p:"1.23"},
+						{d:"2013-03-08",o:"32.03",h:"32.49",l:"31.73",c:"32.06",v:"1987833",p:"1.23"},
+						{d:"2013-03-11",o:"31.50",h:"32.00",l:"31.46",c:"31.81",v:"1245235",p:"1.23"},
+						{d:"2013-03-12",o:"31.56",h:"31.80",l:"30.67",c:"31.34",v:"2569470",p:"1.23"},
+						{d:"2013-03-13",o:"31.50",h:"31.50",l:"29.07",c:"29.56",v:"3048391",p:"1.23"},
+						{d:"2013-03-14",o:"29.84",h:"30.33",l:"28.25",c:"28.71",v:"4705895",p:"1.23"},
+						{d:"2013-03-15",o:"29.04",h:"29.40",l:"28.71",c:"29.02",v:"3802302",p:"1.23"},
+						{d:"2013-03-18",o:"28.53",h:"29.15",l:"27.76",c:"28.67",v:"2183613",p:"1.23"},
+						{d:"2013-03-19",o:"29.00",h:"29.26",l:"28.20",c:"28.29",v:"1629001",p:"1.23"},
+						{d:"2013-03-20",o:"28.62",h:"29.68",l:"28.44",c:"29.35",v:"1945218",p:"1.23"},
+						{d:"2013-03-21",o:"29.46",h:"29.74",l:"28.78",c:"29.20",v:"1107593",p:"1.23"},
+						{d:"2013-03-22",o:"29.45",h:"29.89",l:"29.04",c:"29.55",v:"1160305",p:"1.23"},
+						{d:"2013-03-25",o:"29.69",h:"30.66",l:"29.60",c:"30.50",v:"1977902",p:"1.23"},
+						{d:"2013-03-26",o:"30.79",h:"30.81",l:"30.20",c:"30.67",v:"925739",p:"1.23"},
+						{d:"2013-03-27",o:"30.60",h:"30.89",l:"30.39",c:"30.51",v:"953041",p:"1.23"},
+						{d:"2013-03-28",o:"30.56",h:"30.56",l:"29.12",c:"29.63",v:"1848075",p:"1.23"},
+						{d:"2013-04-01",o:"29.78",h:"30.20",l:"29.57",c:"29.98",v:"1074434",p:"1.23"},
+						{d:"2013-04-02",o:"30.10",h:"30.18",l:"29.25",c:"29.47",v:"696698",p:"1.23"},
+						{d:"2013-04-03",o:"29.56",h:"30.00",l:"28.30",c:"28.70",v:"1083178",p:"1.23"},
+						{d:"2013-04-04",o:"28.52",h:"29.10",l:"28.27",c:"28.62",v:"1009348",p:"1.23"},
+						{d:"2013-04-05",o:"28.36",h:"28.72",l:"28.11",c:"28.52",v:"802384",p:"1.23"},
+						{d:"2013-04-08",o:"28.84",h:"29.09",l:"28.50",c:"28.80",v:"1129353",p:"1.23"},
+						{d:"2013-04-09",o:"29.00",h:"29.06",l:"28.62",c:"28.80",v:"821434",p:"1.23"},
+						{d:"2013-04-10",o:"28.85",h:"30.07",l:"28.81",c:"29.93",v:"1299956",p:"1.23"},
+						{d:"2013-04-11",o:"29.99",h:"30.29",l:"29.40",c:"29.98",v:"1188102",p:"1.23"},
+						{d:"2013-04-12",o:"29.99",h:"30.29",l:"29.47",c:"30.17",v:"1179753",p:"1.23"},
+						{d:"2013-04-15",o:"29.80",h:"30.48",l:"29.48",c:"29.88",v:"1234922",p:"1.23"},
+						{d:"2013-04-16",o:"30.00",h:"30.89",l:"29.95",c:"30.44",v:"1021850",p:"1.23"},
+						{d:"2013-04-17",o:"30.50",h:"31.90",l:"30.46",c:"31.12",v:"2920738",p:"1.23"},
+						{d:"2013-04-18",o:"31.74",h:"32.20",l:"31.41",c:"31.82",v:"1926847",p:"1.23"},
+						{d:"2013-04-19",o:"32.45",h:"32.50",l:"31.80",c:"31.87",v:"1091369",p:"1.23"},
+						{d:"2013-04-22",o:"31.96",h:"32.56",l:"31.17",c:"32.20",v:"977563",p:"1.23"},
+						{d:"2013-04-23",o:"32.22",h:"32.22",l:"31.50",c:"32.05",v:"557153",p:"1.23"},
+						{d:"2013-04-24",o:"31.97",h:"33.21",l:"31.96",c:"32.97",v:"1602884",p:"1.23"},
+						{d:"2013-04-25",o:"33.24",h:"34.00",l:"32.58",c:"33.95",v:"1464141",p:"1.23"},
+						{d:"2013-04-26",o:"34.00",h:"34.19",l:"33.47",c:"33.87",v:"1062256",p:"1.23"},
+						{d:"2013-04-29",o:"34.24",h:"34.27",l:"33.91",c:"34.17",v:"1011418",p:"1.23"},
+						{d:"2013-04-30",o:"34.17",h:"34.57",l:"33.92",c:"34.30",v:"1027485",p:"1.23"},
+						{d:"2013-05-01",o:"34.31",h:"34.57",l:"33.88",c:"34.44",v:"624817",p:"1.23"},
+						{d:"2013-05-02",o:"34.66",h:"34.83",l:"33.98",c:"34.47",v:"971404",p:"1.23"},
+						{d:"2013-05-03",o:"34.50",h:"34.73",l:"34.04",c:"34.40",v:"693304",p:"1.23"},
+						{d:"2013-05-06",o:"34.43",h:"37.60",l:"34.43",c:"37.30",v:"4961751",p:"1.23"},
+						{d:"2013-05-07",o:"37.33",h:"37.68",l:"36.01",c:"36.86",v:"2498443",p:"1.23"},
+						{d:"2013-05-08",o:"37.00",h:"38.07",l:"36.71",c:"38.00",v:"2127114",p:"1.23"},
+						{d:"2013-05-09",o:"38.40",h:"39.39",l:"37.87",c:"38.88",v:"3219199",p:"1.23"},
+						{d:"2013-05-10",o:"38.88",h:"40.79",l:"38.52",c:"40.22",v:"3144794",p:"1.23"},
+						{d:"2013-05-13",o:"39.94",h:"39.96",l:"37.82",c:"38.53",v:"2966685",p:"1.23"},
+						{d:"2013-05-14",o:"38.09",h:"38.93",l:"37.55",c:"38.77",v:"2090913",p:"1.23"},
+						{d:"2013-05-15",o:"38.60",h:"40.29",l:"38.60",c:"39.92",v:"2546388",p:"1.23"},
+						{d:"2013-05-16",o:"39.97",h:"41.26",l:"39.50",c:"40.80",v:"2508937",p:"1.23"},
+						{d:"2013-05-17",o:"41.10",h:"41.38",l:"39.76",c:"41.05",v:"3075017",p:"1.23"},
+						{d:"2013-05-20",o:"44.71",h:"45.11",l:"42.17",c:"44.19",v:"6892162",p:"1.23"},
+						{d:"2013-05-21",o:"44.20",h:"44.58",l:"42.35",c:"44.22",v:"2607320",p:"1.23"},
+						{d:"2013-05-22",o:"43.69",h:"45.49",l:"42.75",c:"43.23",v:"2438331",p:"1.23"},
+						{d:"2013-05-23",o:"41.66",h:"43.22",l:"40.01",c:"42.78",v:"1447322",p:"1.23"},
+						{d:"2013-05-24",o:"42.44",h:"43.43",l:"42.00",c:"43.06",v:"1277740",p:"1.23"},
+						{d:"2013-05-28",o:"43.55",h:"44.30",l:"43.25",c:"43.88",v:"1377040",p:"1.23"},
+						{d:"2013-05-29",o:"44.00",h:"44.89",l:"43.41",c:"43.99",v:"1444061",p:"1.23"},
+						{d:"2013-05-30",o:"43.84",h:"44.27",l:"43.40",c:"44.05",v:"774199",p:"1.23"},
+						{d:"2013-05-31",o:"44.25",h:"45.18",l:"43.78",c:"43.81",v:"1366693",p:"1.23"},
+						{d:"2013-06-03",o:"44.12",h:"44.14",l:"41.85",c:"43.21",v:"2075231",p:"1.23"},
+						{d:"2013-06-04",o:"43.21",h:"43.67",l:"41.61",c:"42.21",v:"1607366",p:"1.23"},
+						{d:"2013-06-05",o:"41.71",h:"43.24",l:"41.60",c:"43.18",v:"1392354",p:"1.23"},
+						{d:"2013-06-06",o:"42.75",h:"44.35",l:"42.51",c:"44.35",v:"1681265",p:"1.23"},
+						{d:"2013-06-07",o:"44.03",h:"44.75",l:"43.47",c:"44.00",v:"1662645",p:"1.23"},
+						{d:"2013-06-10",o:"44.90",h:"45.17",l:"44.42",c:"44.94",v:"2280509",p:"1.23"},
+						{d:"2013-06-11",o:"44.35",h:"45.85",l:"43.79",c:"44.52",v:"1665894",p:"1.23"},
+						{d:"2013-06-12",o:"44.76",h:"45.11",l:"44.04",c:"44.33",v:"930852",p:"1.23"},
+						{d:"2013-06-13",o:"44.15",h:"44.30",l:"42.80",c:"43.55",v:"1275060",p:"1.23"},
+						{d:"2013-06-14",o:"43.07",h:"44.15",l:"42.80",c:"43.65",v:"1140138",p:"1.23"},
+						{d:"2013-06-17",o:"44.33",h:"47.49",l:"44.10",c:"47.48",v:"2928318",p:"1.23"},
+						{d:"2013-06-18",o:"47.46",h:"47.81",l:"46.26",c:"47.08",v:"2083724",p:"1.23"},
+						{d:"2013-06-19",o:"47.61",h:"49.09",l:"47.25",c:"48.38",v:"1834059",p:"1.23"},
+						{d:"2013-06-20",o:"47.40",h:"47.51",l:"45.06",c:"45.40",v:"2657195",p:"1.23"},
+						{d:"2013-06-21",o:"45.77",h:"45.79",l:"42.70",c:"42.88",v:"3165744",p:"1.23"},
+						{d:"2013-06-24",o:"41.49",h:"44.00",l:"40.05",c:"43.46",v:"3450556",p:"1.23"},
+						{d:"2013-06-25",o:"43.73",h:"44.74",l:"42.28",c:"44.14",v:"2652440",p:"1.23"},
+						{d:"2013-06-26",o:"44.68",h:"45.30",l:"44.14",c:"44.97",v:"1924595",p:"1.23"},
+						{d:"2013-06-27",o:"44.98",h:"46.97",l:"44.53",c:"46.71",v:"3176475",p:"1.23"},
+						{d:"2013-06-28",o:"46.14",h:"47.40",l:"46.14",c:"46.17",v:"916877",p:"1.23"},
+						{d:"2013-07-01",o:"46.84",h:"47.99",l:"46.65",c:"46.90",v:"1657388",p:"1.23"},
+						{d:"2013-07-02",o:"47.94",h:"48.70",l:"46.60",c:"47.02",v:"1551520",p:"1.23"},
+						{d:"2013-07-03",o:"46.76",h:"47.73",l:"46.43",c:"46.76",v:"769855",p:"1.23"},
+						{d:"2013-07-05",o:"48.00",h:"48.88",l:"47.55",c:"48.30",v:"1735761",p:"1.23"},
+						{d:"2013-07-08",o:"48.32",h:"50.67",l:"48.29",c:"49.55",v:"2227513",p:"1.23"},
+						{d:"2013-07-09",o:"50.19",h:"50.19",l:"48.41",c:"49.47",v:"1579566",p:"1.23"},
+						{d:"2013-07-10",o:"49.83",h:"51.09",l:"49.66",c:"50.75",v:"2094453",p:"1.23"},
+						{d:"2013-07-11",o:"51.35",h:"53.20",l:"51.26",c:"52.53",v:"2128657",p:"1.23"},
+						{d:"2013-07-12",o:"52.55",h:"54.08",l:"51.90",c:"52.90",v:"2522925",p:"1.23"},
+						{d:"2013-07-15",o:"53.21",h:"55.92",l:"53.19",c:"55.28",v:"2821386",p:"1.23"},
+						{d:"2013-07-16",o:"54.26",h:"54.40",l:"51.00",c:"52.81",v:"4159405",p:"1.23"},
+						{d:"2013-07-17",o:"53.51",h:"55.87",l:"52.11",c:"55.71",v:"3128906",p:"1.23"},
+						{d:"2013-07-18",o:"57.40",h:"58.00",l:"55.71",c:"57.32",v:"2806760",p:"1.23"},
+						{d:"2013-07-19",o:"57.57",h:"59.75",l:"55.90",c:"58.34",v:"3348293",p:"1.23"},
+						{d:"2013-07-22",o:"58.22",h:"59.30",l:"57.01",c:"57.87",v:"1784646",p:"1.23"},
+						{d:"2013-07-23",o:"58.21",h:"58.94",l:"57.06",c:"57.69",v:"1040716",p:"1.23"},
+						{d:"2013-07-24",o:"58.41",h:"60.23",l:"57.95",c:"60.00",v:"2064556",p:"1.23"},
+						{d:"2013-07-25",o:"61.91",h:"64.32",l:"60.30",c:"62.10",v:"2417659",p:"1.23"},
+						{d:"2013-07-26",o:"62.64",h:"63.88",l:"61.60",c:"62.50",v:"1688015",p:"1.23"},
+						{d:"2013-07-29",o:"62.56",h:"63.04",l:"59.02",c:"60.72",v:"2867501",p:"1.23"},
+						{d:"2013-07-30",o:"61.23",h:"62.68",l:"60.14",c:"62.43",v:"2019411",p:"1.23"},
+						{d:"2013-07-31",o:"62.34",h:"65.90",l:"62.34",c:"65.06",v:"2075384",p:"1.23"},
+						{d:"2013-08-01",o:"66.03",h:"68.43",l:"65.65",c:"67.90",v:"1615681",p:"1.23"},
+						{d:"2013-08-02",o:"68.90",h:"69.20",l:"66.50",c:"67.40",v:"1744013",p:"1.23"},
+						{d:"2013-08-05",o:"66.85",h:"67.48",l:"65.38",c:"66.02",v:"2243974",p:"1.23"},
+						{d:"2013-08-06",o:"65.51",h:"66.80",l:"63.78",c:"65.27",v:"1747497",p:"1.23"},
+						{d:"2013-08-07",o:"64.50",h:"66.32",l:"64.33",c:"65.86",v:"1386776",p:"1.23"},
+						{d:"2013-08-08",o:"66.28",h:"67.98",l:"66.10",c:"66.77",v:"1575817",p:"1.23"},
+						{d:"2013-08-09",o:"67.04",h:"69.23",l:"66.61",c:"69.16",v:"1549290",p:"1.23"},
+						{d:"2013-08-12",o:"69.50",h:"69.67",l:"67.23",c:"68.87",v:"2235103",p:"1.23"},
+						{d:"2013-08-13",o:"69.43",h:"71.00",l:"67.89",c:"70.46",v:"2308660",p:"1.23"},
+						{d:"2013-08-14",o:"70.50",h:"71.00",l:"67.09",c:"67.34",v:"2264236",p:"1.23"},
+						{d:"2013-08-15",o:"66.12",h:"66.12",l:"61.70",c:"62.54",v:"3226416",p:"1.23"},
+						{d:"2013-08-16",o:"63.25",h:"69.80",l:"63.10",c:"69.44",v:"4707646",p:"1.23"},
+						{d:"2013-08-19",o:"70.20",h:"76.00",l:"68.53",c:"73.47",v:"6388781",p:"1.23"},
+						{d:"2013-08-20",o:"71.71",h:"72.48",l:"70.25",c:"70.78",v:"3783622",p:"1.23"},
+						{d:"2013-08-21",o:"71.40",h:"73.25",l:"69.81",c:"71.30",v:"2739577",p:"1.23"},
+						{d:"2013-08-22",o:"72.05",h:"73.21",l:"71.40",c:"72.86",v:"1775911",p:"1.23"},
+						{d:"2013-08-23",o:"73.05",h:"73.97",l:"72.20",c:"73.13",v:"2544479",p:"1.23"},
+						{d:"2013-08-26",o:"79.94",h:"81.38",l:"77.59",c:"78.80",v:"6859234",p:"1.23"},
+						{d:"2013-08-27",o:"78.59",h:"81.94",l:"78.11",c:"79.26",v:"4627284",p:"1.23"},
+						{d:"2013-08-28",o:"75.05",h:"79.60",l:"73.23",c:"77.88",v:"9247941",p:"1.23"},
+						{d:"2013-08-29",o:"78.59",h:"80.60",l:"78.10",c:"79.46",v:"2769349",p:"1.23"},
+						{d:"2013-08-30",o:"80.45",h:"80.63",l:"77.31",c:"77.93",v:"2276648",p:"1.23"},
+						{d:"2013-09-03",o:"79.54",h:"81.73",l:"79.22",c:"81.55",v:"3509026",p:"1.23"},
+						{d:"2013-09-04",o:"82.12",h:"82.99",l:"80.20",c:"81.79",v:"2307587",p:"1.23"},
+						{d:"2013-09-05",o:"82.20",h:"85.58",l:"82.00",c:"84.20",v:"3113941",p:"1.23"},
+						{d:"2013-09-06",o:"85.01",h:"85.14",l:"82.50",c:"83.08",v:"2053068",p:"1.23"},
+						{d:"2013-09-09",o:"84.54",h:"85.91",l:"83.54",c:"85.56",v:"2592708",p:"1.23"},
+						{d:"2013-09-10",o:"86.63",h:"89.80",l:"86.25",c:"89.77",v:"2836028",p:"1.23"},
+						{d:"2013-09-11",o:"89.51",h:"94.90",l:"89.00",c:"90.85",v:"4158066",p:"1.23"},
+						{d:"2013-09-12",o:"92.22",h:"92.50",l:"87.55",c:"90.17",v:"3534629",p:"1.23"},
+						{d:"2013-09-13",o:"90.52",h:"90.60",l:"86.79",c:"87.86",v:"2633889",p:"1.23"},
+						{d:"2013-09-16",o:"82.27",h:"85.94",l:"81.80",c:"82.93",v:"5838757",p:"1.23"},
+						{d:"2013-09-17",o:"82.94",h:"84.97",l:"81.01",c:"84.51",v:"2992833",p:"1.23"},
+						{d:"2013-09-18",o:"84.96",h:"86.50",l:"83.83",c:"85.94",v:"2432035",p:"1.23"},
+						{d:"2013-09-19",o:"87.41",h:"90.00",l:"87.08",c:"89.97",v:"3720276",p:"1.23"},
+						{d:"2013-09-20",o:"90.61",h:"91.00",l:"87.10",c:"88.03",v:"2267060",p:"1.23"},
+						{d:"2013-09-23",o:"88.00",h:"88.12",l:"83.81",c:"87.15",v:"3033455",p:"1.23"},
+						{d:"2013-09-24",o:"86.19",h:"89.35",l:"84.58",c:"87.22",v:"2534514",p:"1.23"},
+						{d:"2013-09-25",o:"87.22",h:"88.98",l:"85.91",c:"86.96",v:"1918088",p:"1.23"},
+						{d:"2013-09-26",o:"87.30",h:"88.50",l:"86.34",c:"88.13",v:"2146002",p:"1.23"},
+						{d:"2013-09-27",o:"87.01",h:"87.76",l:"83.56",c:"83.93",v:"3394151",p:"1.23"},
+						{d:"2013-09-30",o:"81.96",h:"85.09",l:"80.10",c:"83.20",v:"3799613",p:"1.23"},
+						{d:"2013-10-01",o:"82.89",h:"86.67",l:"82.79",c:"86.67",v:"1881848",p:"1.23"},
+						{d:"2013-10-02",o:"85.81",h:"89.21",l:"85.54",c:"85.91",v:"2352122",p:"1.23"},
+						{d:"2013-10-03",o:"86.51",h:"88.64",l:"84.01",c:"85.29",v:"2431128",p:"1.23"},
+						{d:"2013-10-04",o:"85.26",h:"87.29",l:"83.41",c:"86.17",v:"2011654",p:"1.23"},
+						{d:"2013-10-07",o:"85.20",h:"85.58",l:"82.77",c:"83.07",v:"2310127",p:"1.23"},
+						{d:"2013-10-08",o:"83.36",h:"84.90",l:"77.00",c:"77.24",v:"4409342",p:"1.23"},
+						{d:"2013-10-09",o:"77.58",h:"79.85",l:"75.02",c:"78.85",v:"3944897",p:"1.23"},
+						{d:"2013-10-10",o:"81.10",h:"83.80",l:"80.07",c:"82.27",v:"3065080",p:"1.23"},
+						{d:"2013-10-11",o:"81.66",h:"83.36",l:"80.67",c:"82.92",v:"2265167",p:"1.23"},
+						{d:"2013-10-14",o:"80.83",h:"83.98",l:"80.61",c:"83.07",v:"2243835",p:"1.23"},
+						{d:"2013-10-15",o:"83.23",h:"87.90",l:"82.00",c:"85.54",v:"3791763",p:"1.23"},
+						{d:"2013-10-16",o:"86.86",h:"87.48",l:"85.66",c:"87.03",v:"1764000",p:"1.23"},
+						{d:"2013-10-17",o:"87.21",h:"89.10",l:"86.61",c:"87.61",v:"2339574",p:"1.23"},
+						{d:"2013-10-18",o:"89.42",h:"94.79",l:"88.62",c:"94.67",v:"4427516",p:"1.23"},
+						{d:"2013-10-21",o:"95.88",h:"96.74",l:"91.92",c:"92.27",v:"3410141",p:"1.23"},
+						{d:"2013-10-22",o:"93.74",h:"94.98",l:"85.46",c:"89.34",v:"3285195",p:"1.23"},
+						{d:"2013-10-23",o:"87.75",h:"88.87",l:"85.00",c:"87.56",v:"2208129",p:"1.23"},
+						{d:"2013-10-24",o:"88.04",h:"91.09",l:"85.80",c:"89.00",v:"3662507",p:"1.23"},
+						{d:"2013-10-25",o:"89.45",h:"90.74",l:"83.95",c:"84.74",v:"3627225",p:"1.23"},
+						{d:"2013-10-28",o:"84.49",h:"85.71",l:"76.88",c:"81.90",v:"5987692",p:"1.23"},
+						{d:"2013-10-29",o:"82.59",h:"84.47",l:"79.10",c:"83.81",v:"3058019",p:"1.23"},
+						{d:"2013-10-30",o:"86.41",h:"88.00",l:"82.64",c:"83.81",v:"2798632",p:"1.23"},
+						{d:"2013-10-31",o:"83.99",h:"84.96",l:"81.01",c:"82.64",v:"1859344",p:"1.23"},
+						{d:"2013-11-01",o:"82.88",h:"88.45",l:"82.88",c:"86.46",v:"3729408",p:"1.23"},
+						{d:"2013-11-04",o:"87.56",h:"89.68",l:"87.25",c:"89.61",v:"2531135",p:"1.23"},
+						{d:"2013-11-05",o:"89.02",h:"89.50",l:"87.50",c:"89.18",v:"2267096",p:"1.23"},
+						{d:"2013-11-06",o:"89.15",h:"89.69",l:"83.01",c:"84.40",v:"2913749",p:"1.23"},
+						{d:"2013-11-07",o:"84.45",h:"84.45",l:"76.45",c:"77.95",v:"4281973",p:"1.23"},
+						{d:"2013-11-08",o:"79.08",h:"79.99",l:"77.30",c:"79.31",v:"3682522",p:"1.23"},
+						{d:"2013-11-11",o:"79.85",h:"83.59",l:"79.35",c:"83.42",v:"2620914",p:"1.23"},
+						{d:"2013-11-12",o:"83.25",h:"84.63",l:"80.80",c:"81.41",v:"1587684",p:"1.23"},
+						{d:"2013-11-13",o:"81.96",h:"89.45",l:"81.76",c:"89.38",v:"4082820",p:"1.23"},
+						{d:"2013-11-14",o:"88.12",h:"89.09",l:"85.10",c:"87.90",v:"2578162",p:"1.23"},
+						{d:"2013-11-15",o:"88.71",h:"89.41",l:"87.02",c:"87.88",v:"1752587",p:"1.23"},
+						{d:"2013-11-18",o:"89.28",h:"92.64",l:"83.76",c:"84.11",v:"3741011",p:"1.23"},
+						{d:"2013-11-19",o:"85.15",h:"87.15",l:"83.13",c:"84.37",v:"2301349",p:"1.23"},
+						{d:"2013-11-20",o:"85.23",h:"86.87",l:"83.31",c:"84.04",v:"1314025",p:"1.23"},
+						{d:"2013-11-21",o:"83.63",h:"84.98",l:"81.34",c:"84.48",v:"1878624",p:"1.23"},
+						{d:"2013-11-22",o:"85.00",h:"88.62",l:"84.48",c:"86.60",v:"3489921",p:"1.23"},
+						{d:"2013-11-25",o:"83.13",h:"84.49",l:"78.21",c:"78.40",v:"6670412",p:"1.23"},
+						{d:"2013-11-26",o:"79.75",h:"84.08",l:"79.20",c:"82.78",v:"4435343",p:"1.23"},
+						{d:"2013-11-27",o:"83.20",h:"83.89",l:"80.00",c:"82.15",v:"1970419",p:"1.23"},
+						{d:"2013-11-29",o:"82.45",h:"83.02",l:"81.20",c:"81.52",v:"1037250",p:"1.23"},
+						{d:"2013-12-02",o:"81.73",h:"84.33",l:"81.53",c:"83.70",v:"1712110",p:"1.23"},
+						{d:"2013-12-03",o:"84.11",h:"86.35",l:"83.85",c:"85.96",v:"2940957",p:"1.23"},
+						{d:"2013-12-04",o:"85.48",h:"86.35",l:"84.54",c:"86.02",v:"1852107",p:"1.23"},
+						{d:"2013-12-05",o:"85.68",h:"85.89",l:"82.77",c:"83.67",v:"1922161",p:"1.23"},
+						{d:"2013-12-06",o:"84.33",h:"84.80",l:"81.50",c:"82.76",v:"1877719",p:"1.23"},
+						{d:"2013-12-09",o:"83.00",h:"83.45",l:"80.52",c:"81.24",v:"1702090",p:"1.23"},
+						{d:"2013-12-10",o:"81.00",h:"83.25",l:"81.00",c:"82.89",v:"1842092",p:"1.23"},
+						{d:"2013-12-11",o:"82.69",h:"83.64",l:"79.37",c:"79.91",v:"2642103",p:"1.23"},
+						{d:"2013-12-12",o:"80.03",h:"82.24",l:"79.76",c:"80.87",v:"1205779",p:"1.23"},
+						{d:"2013-12-13",o:"81.66",h:"82.48",l:"80.65",c:"80.96",v:"1231464",p:"1.23"},
+						{d:"2013-12-16",o:"80.90",h:"81.55",l:"75.83",c:"76.76",v:"4306025",p:"1.23"},
+						{d:"2013-12-17",o:"77.25",h:"79.44",l:"76.83",c:"77.48",v:"2115463",p:"1.23"},
+						{d:"2013-12-18",o:"77.88",h:"77.91",l:"73.00",c:"76.40",v:"5426073",p:"1.23"},
+						{d:"2013-12-19",o:"76.20",h:"78.82",l:"74.71",c:"77.61",v:"2891658",p:"1.23"},
+						{d:"2013-12-20",o:"77.53",h:"79.02",l:"76.50",c:"78.72",v:"1756677",p:"1.23"},
+						{d:"2013-12-23",o:"78.68",h:"81.15",l:"78.12",c:"81.08",v:"1440858",p:"1.23"},
+						{d:"2013-12-24",o:"81.83",h:"82.28",l:"79.96",c:"80.81",v:"480351",p:"1.23"},
+						{d:"2013-12-26",o:"80.48",h:"81.42",l:"79.77",c:"80.48",v:"1096441",p:"1.23"},
+						{d:"2013-12-27",o:"80.61",h:"82.50",l:"80.08",c:"81.24",v:"2069390",p:"1.23"},
+						{d:"2013-12-30",o:"80.96",h:"81.30",l:"79.57",c:"81.02",v:"1698641",p:"1.23"},
+						{d:"2013-12-31",o:"82.12",h:"83.95",l:"81.51",c:"82.05",v:"2077470",p:"1.23"},
+						{d:"2014-01-02",o:"81.85",h:"83.64",l:"81.15",c:"81.85",v:"2043904",p:"1.23"},
+						{d:"2014-01-03",o:"81.99",h:"83.10",l:"78.70",c:"79.78",v:"1985197",p:"1.23"},
+						{d:"2014-01-06",o:"79.98",h:"81.00",l:"79.10",c:"80.10",v:"1188195",p:"1.23"},
+						{d:"2014-01-07",o:"80.20",h:"82.65",l:"80.20",c:"81.40",v:"1909738",p:"1.23"},
+						{d:"2014-01-08",o:"85.60",h:"89.00",l:"85.00",c:"89.00",v:"9405070",p:"1.23"},
+						{d:"2014-01-09",o:"86.21",h:"87.49",l:"81.00",c:"81.17",v:"5778892",p:"1.23"},
+						{d:"2014-01-10",o:"81.42",h:"82.19",l:"79.99",c:"81.04",v:"2100432",p:"1.23"},
+						{d:"2014-01-13",o:"84.75",h:"86.87",l:"83.11",c:"83.48",v:"4320673",p:"1.23"},
+						{d:"2014-01-14",o:"84.41",h:"86.75",l:"83.70",c:"86.58",v:"2070680",p:"1.23"},
+						{d:"2014-01-15",o:"87.36",h:"89.50",l:"86.25",c:"89.08",v:"3054164",p:"1.23"},
+						{d:"2014-01-16",o:"89.12",h:"91.89",l:"87.35",c:"91.26",v:"3253905",p:"1.23"},
+						{d:"2014-01-17",o:"92.22",h:"95.68",l:"88.80",c:"89.18",v:"4983669",p:"1.23"},
+						{d:"2014-01-21",o:"91.38",h:"94.54",l:"90.37",c:"94.34",v:"2843218",p:"1.23"},
+						{d:"2014-01-22",o:"95.38",h:"96.25",l:"92.35",c:"95.92",v:"2284460",p:"1.23"},
+						{d:"2014-01-23",o:"89.90",h:"94.45",l:"86.00",c:"93.07",v:"7982363",p:"1.23"},
+						{d:"2014-01-24",o:"89.21",h:"90.80",l:"84.61",c:"84.74",v:"5018120",p:"1.23"},
+						{d:"2014-01-27",o:"86.43",h:"90.48",l:"83.38",c:"89.99",v:"4492445",p:"1.23"},
+						{d:"2014-01-28",o:"90.28",h:"95.00",l:"90.17",c:"94.38",v:"4555765",p:"1.23"},
+						{d:"2014-01-29",o:"92.93",h:"94.85",l:"90.50",c:"91.06",v:"2478375",p:"1.23"},
+						{d:"2014-01-30",o:"94.76",h:"98.68",l:"93.40",c:"97.30",v:"4748150",p:"1.23"},
+						{d:"2014-01-31",o:"94.83",h:"101.30",l:"94.33",c:"101.08",v:"3614564",p:"1.23"},
+						{d:"2014-02-03",o:"101.72",h:"102.95",l:"92.81",c:"94.51",v:"4284104",p:"1.23"},
+						{d:"2014-02-04",o:"96.36",h:"98.33",l:"95.21",c:"96.43",v:"2324350",p:"1.23"},
+						{d:"2014-02-05",o:"96.05",h:"96.32",l:"88.56",c:"91.83",v:"4124391",p:"1.23"},
+						{d:"2014-02-06",o:"92.79",h:"95.19",l:"90.85",c:"91.38",v:"2189347",p:"1.23"},
+						{d:"2014-02-07",o:"92.26",h:"96.75",l:"92.00",c:"96.48",v:"3123854",p:"1.23"},
+						{d:"2014-02-10",o:"96.01",h:"99.44",l:"95.88",c:"97.98",v:"2029189",p:"1.23"},
+						{d:"2014-02-11",o:"99.22",h:"100.08",l:"94.05",c:"96.36",v:"2558134",p:"1.23"},
+						{d:"2014-02-12",o:"97.07",h:"97.98",l:"96.44",c:"97.80",v:"1344785",p:"1.23"},
+						{d:"2014-02-13",o:"96.68",h:"100.46",l:"96.02",c:"99.94",v:"2058593",p:"1.23"},
+						{d:"2014-02-14",o:"101.02",h:"101.40",l:"97.25",c:"99.25",v:"1915664",p:"1.23"},
+						{d:"2014-02-18",o:"100.21",h:"106.92",l:"100.21",c:"106.15",v:"3879182",p:"1.23"},
+						{d:"2014-02-19",o:"106.58",h:"107.83",l:"103.61",c:"104.50",v:"1926201",p:"1.23"},
+						{d:"2014-02-20",o:"103.91",h:"108.83",l:"102.51",c:"108.38",v:"2053957",p:"1.23"},
+						{d:"2014-02-21",o:"108.38",h:"108.69",l:"104.23",c:"105.85",v:"2127174",p:"1.23"},
+						{d:"2014-02-24",o:"106.50",h:"108.17",l:"104.25",c:"105.60",v:"1727416",p:"1.23"},
+						{d:"2014-02-25",o:"105.00",h:"105.52",l:"102.32",c:"104.74",v:"1560933",p:"1.23"},
+						{d:"2014-02-26",o:"105.98",h:"109.40",l:"105.56",c:"107.86",v:"1848885",p:"1.23"},
+						{d:"2014-02-27",o:"107.86",h:"111.74",l:"107.86",c:"110.76",v:"2695560",p:"1.23"},
+						{d:"2014-02-28",o:"111.76",h:"113.28",l:"107.22",c:"109.62",v:"2535576",p:"1.23"},
+						{d:"2014-03-03",o:"107.42",h:"111.54",l:"107.04",c:"109.05",v:"2105434",p:"1.23"},
+						{d:"2014-03-04",o:"112.58",h:"118.00",l:"112.50",c:"116.10",v:"4215418",p:"1.23"},
+						{d:"2014-03-05",o:"118.92",h:"120.83",l:"115.77",c:"116.68",v:"4061008",p:"1.23"},
+						{d:"2014-03-06",o:"119.00",h:"123.43",l:"118.37",c:"121.53",v:"5920522",p:"1.23"},
+						{d:"2014-03-07",o:"124.42",h:"124.42",l:"118.05",c:"120.79",v:"6389665",p:"1.23"},
+						{d:"2014-03-10",o:"119.94",h:"123.72",l:"115.73",c:"118.31",v:"3654519",p:"1.23"},
+						{d:"2014-03-11",o:"119.81",h:"121.38",l:"114.50",c:"115.46",v:"2761720",p:"1.23"},
+						{d:"2014-03-12",o:"113.82",h:"117.48",l:"109.87",c:"116.73",v:"3439224",p:"1.23"},
+						{d:"2014-03-13",o:"119.93",h:"120.17",l:"112.53",c:"114.10",v:"2661435",p:"1.23"},
+						{d:"2014-03-14",o:"112.14",h:"115.26",l:"108.02",c:"113.62",v:"3252376",p:"1.23"},
+						{d:"2014-03-17",o:"115.82",h:"116.34",l:"111.30",c:"112.69",v:"1996969",p:"1.23"},
+						{d:"2014-03-18",o:"114.40",h:"115.60",l:"113.00",c:"114.08",v:"2119380",p:"1.23"},
+						{d:"2014-03-19",o:"114.65",h:"114.87",l:"110.51",c:"111.83",v:"1691332",p:"1.23"},
+						{d:"2014-03-20",o:"111.03",h:"112.82",l:"108.01",c:"109.25",v:"2016763",p:"1.23"},
+						{d:"2014-03-21",o:"111.93",h:"111.93",l:"106.61",c:"107.83",v:"2646005",p:"1.23"},
+						{d:"2014-03-24",o:"108.75",h:"109.05",l:"99.48",c:"101.49",v:"3618114",p:"1.23"},
+						{d:"2014-03-25",o:"103.23",h:"106.29",l:"100.88",c:"101.70",v:"2850104",p:"1.23"},
+						{d:"2014-03-26",o:"103.25",h:"103.55",l:"92.52",c:"93.60",v:"4585763",p:"1.23"},
+						{d:"2014-03-27",o:"91.44",h:"95.26",l:"87.50",c:"93.09",v:"7121819",p:"1.23"},
+						{d:"2014-03-28",o:"94.11",h:"99.87",l:"93.63",c:"95.24",v:"4328784",p:"1.23"},
+						{d:"2014-03-31",o:"98.00",h:"102.19",l:"97.80",c:"99.58",v:"3486355",p:"1.23"},
+						{d:"2014-04-01",o:"102.19",h:"105.49",l:"100.12",c:"103.00",v:"4473136",p:"1.23"},
+						{d:"2014-04-02",o:"104.73",h:"104.90",l:"96.77",c:"98.19",v:"4267596",p:"1.23"},
+						{d:"2014-04-03",o:"98.19",h:"99.63",l:"91.89",c:"92.93",v:"4264568",p:"1.23"},
+						{d:"2014-04-04",o:"93.65",h:"94.86",l:"88.13",c:"89.34",v:"4598442",p:"1.23"},
+						{d:"2014-04-07",o:"87.94",h:"90.95",l:"82.52",c:"84.06",v:"6927433",p:"1.23"},
+						{d:"2014-04-08",o:"87.17",h:"91.50",l:"85.75",c:"90.84",v:"4394787",p:"1.23"},
+						{d:"2014-04-09",o:"92.41",h:"96.13",l:"88.75",c:"96.08",v:"4577494",p:"1.23"},
+						{d:"2014-04-10",o:"96.77",h:"96.77",l:"86.15",c:"87.01",v:"4425213",p:"1.23"},
+						{d:"2014-04-11",o:"84.76",h:"89.81",l:"84.00",c:"87.00",v:"4372114",p:"1.23"},
+						{d:"2014-04-14",o:"89.55",h:"91.00",l:"86.55",c:"87.73",v:"3183233",p:"1.23"},
+						{d:"2014-04-15",o:"87.79",h:"91.82",l:"84.28",c:"91.57",v:"4462761",p:"1.23"},
+						{d:"2014-04-16",o:"93.74",h:"94.30",l:"88.63",c:"92.50",v:"3197372",p:"1.23"},
+						{d:"2014-04-17",o:"91.51",h:"93.96",l:"89.90",c:"93.85",v:"2745614",p:"1.23"},
+						{d:"2014-04-21",o:"94.04",h:"94.04",l:"88.50",c:"91.49",v:"2596932",p:"1.23"},
+						{d:"2014-04-22",o:"92.03",h:"96.25",l:"92.01",c:"94.67",v:"3707550",p:"1.23"},
+						{d:"2014-04-23",o:"94.04",h:"95.27",l:"92.25",c:"92.72",v:"1983269",p:"1.23"},
+						{d:"2014-04-24",o:"94.31",h:"94.41",l:"89.40",c:"92.26",v:"2410941",p:"1.23"},
+						{d:"2014-04-25",o:"90.76",h:"92.00",l:"88.52",c:"89.29",v:"3063938",p:"1.23"},
+						{d:"2014-04-28",o:"89.98",h:"90.00",l:"82.30",c:"84.78",v:"5212263",p:"1.23"},
+						{d:"2014-04-29",o:"85.12",h:"87.82",l:"83.03",c:"87.69",v:"2860227",p:"1.23"},
+						{d:"2014-04-30",o:"86.70",h:"86.70",l:"82.10",c:"84.38",v:"4304446",p:"1.23"},
+						{d:"2014-05-01",o:"84.43",h:"89.70",l:"84.43",c:"87.93",v:"3384709",p:"1.23"},
+						{d:"2014-05-02",o:"88.25",h:"90.32",l:"86.81",c:"88.38",v:"1909984",p:"1.23"},
+						{d:"2014-05-05",o:"86.64",h:"87.80",l:"85.21",c:"87.30",v:"1910061",p:"1.23"},
+						{d:"2014-05-06",o:"86.47",h:"87.80",l:"83.24",c:"83.53",v:"2330544",p:"1.23"},
+						{d:"2014-05-07",o:"83.46",h:"83.60",l:"74.10",c:"78.10",v:"6511951",p:"1.23"},
+						{d:"2014-05-08",o:"76.07",h:"79.09",l:"75.70",c:"75.93",v:"3668706",p:"1.23"},
+						{d:"2014-05-09",o:"75.95",h:"78.26",l:"75.32",c:"77.70",v:"3461333",p:"1.23"},
+						{d:"2014-05-12",o:"78.85",h:"84.40",l:"78.82",c:"83.98",v:"3900725",p:"1.23"},
+						{d:"2014-05-13",o:"84.23",h:"84.75",l:"79.66",c:"80.34",v:"3232088",p:"1.23"},
+						{d:"2014-05-14",o:"81.51",h:"84.75",l:"80.68",c:"82.24",v:"2760596",p:"1.23"},
+						{d:"2014-05-15",o:"81.80",h:"82.52",l:"77.48",c:"80.00",v:"2976462",p:"1.23"},
+						{d:"2014-05-16",o:"80.18",h:"80.18",l:"77.10",c:"79.73",v:"2640265",p:"1.23"},
+						{d:"2014-05-19",o:"78.90",h:"81.23",l:"78.50",c:"80.17",v:"1600283",p:"1.23"},
+						{d:"2014-05-20",o:"80.86",h:"83.22",l:"79.54",c:"81.16",v:"2056724",p:"1.23"},
+						{d:"2014-05-21",o:"81.56",h:"84.95",l:"81.22",c:"84.90",v:"2634802",p:"1.23"},
+						{d:"2014-05-22",o:"84.86",h:"88.20",l:"84.78",c:"88.05",v:"3472338",p:"1.23"},
+						{d:"2014-05-23",o:"87.96",h:"89.36",l:"85.76",c:"89.08",v:"2124596",p:"1.23"},
+						{d:"2014-05-27",o:"90.06",h:"90.25",l:"87.38",c:"89.98",v:"4077985",p:"1.23"},
+						{d:"2014-05-28",o:"94.31",h:"96.40",l:"92.80",c:"95.14",v:"7888780",p:"1.23"},
+						{d:"2014-05-29",o:"95.90",h:"96.49",l:"94.25",c:"95.66",v:"2701774",p:"1.23"},
+						{d:"2014-05-30",o:"94.77",h:"95.57",l:"90.72",c:"91.83",v:"3367763",p:"1.23"},
+						{d:"2014-06-02",o:"92.12",h:"92.38",l:"87.50",c:"87.85",v:"3549673",p:"1.23"},
+						{d:"2014-06-03",o:"88.06",h:"88.06",l:"85.10",c:"85.86",v:"2370618",p:"1.23"},
+						{d:"2014-06-04",o:"85.14",h:"86.91",l:"83.30",c:"85.41",v:"2497417",p:"1.23"},
+						{d:"2014-06-05",o:"86.30",h:"88.04",l:"85.55",c:"86.47",v:"2424586",p:"1.23"},
+						{d:"2014-06-06",o:"86.52",h:"87.54",l:"84.60",c:"85.54",v:"2010658",p:"1.23"},
+						{d:"2014-06-09",o:"85.76",h:"87.20",l:"84.79",c:"85.05",v:"1847515",p:"1.23"},
+						{d:"2014-06-10",o:"85.64",h:"86.60",l:"83.70",c:"85.32",v:"1838810",p:"1.23"},
+						{d:"2014-06-11",o:"85.18",h:"89.96",l:"84.20",c:"89.50",v:"2863932",p:"1.23"},
+						{d:"2014-06-12",o:"89.50",h:"90.40",l:"86.75",c:"88.41",v:"2309283",p:"1.23"},
+						{d:"2014-06-13",o:"89.16",h:"89.16",l:"86.13",c:"87.18",v:"1588139",p:"1.23"},
+						{d:"2014-06-16",o:"87.00",h:"87.27",l:"85.13",c:"85.92",v:"1854520",p:"1.23"},
+						{d:"2014-06-17",o:"86.66",h:"91.12",l:"86.02",c:"90.71",v:"2998178",p:"1.23"},
+						{d:"2014-06-18",o:"91.22",h:"92.50",l:"89.56",c:"91.56",v:"2791323",p:"1.23"},
+						{d:"2014-06-19",o:"91.57",h:"92.04",l:"88.28",c:"89.60",v:"1465365",p:"1.23"},
+						{d:"2014-06-20",o:"90.10",h:"90.42",l:"86.90",c:"88.66",v:"1758442",p:"1.23"},
+						{d:"2014-06-23",o:"88.21",h:"88.69",l:"87.00",c:"88.10",v:"1579563",p:"1.23"},
+						{d:"2014-06-24",o:"88.20",h:"93.74",l:"88.02",c:"91.52",v:"3810572",p:"1.23"},
+						{d:"2014-06-25",o:"90.42",h:"92.77",l:"90.07",c:"92.70",v:"2318116",p:"1.23"},
+						{d:"2014-06-26",o:"93.30",h:"93.87",l:"91.43",c:"91.97",v:"1691006",p:"1.23"},
+						{d:"2014-06-27",o:"91.97",h:"92.13",l:"90.50",c:"91.12",v:"1207770",p:"1.23"},
+						{d:"2014-06-30",o:"91.42",h:"94.35",l:"91.24",c:"92.04",v:"1943129",p:"1.23"},
+						{d:"2014-07-01",o:"92.54",h:"95.60",l:"92.54",c:"95.04",v:"2182984",p:"1.23"},
+						{d:"2014-07-02",o:"95.65",h:"99.57",l:"95.44",c:"96.66",v:"3091376",p:"1.23"},
+						{d:"2014-07-03",o:"97.32",h:"98.23",l:"93.59",c:"94.00",v:"1740852",p:"1.23"},
+						{d:"2014-07-07",o:"94.46",h:"96.49",l:"92.34",c:"93.14",v:"2002939",p:"1.23"},
+						{d:"2014-07-08",o:"93.11",h:"93.21",l:"86.27",c:"88.43",v:"3930909",p:"1.23"},
+						{d:"2014-07-09",o:"88.56",h:"89.25",l:"86.22",c:"87.57",v:"2489019",p:"1.23"},
+						{d:"2014-07-10",o:"85.38",h:"88.40",l:"84.38",c:"87.07",v:"2332032",p:"1.23"},
+						{d:"2014-07-11",o:"87.20",h:"90.13",l:"87.00",c:"88.16",v:"2080648",p:"1.23"},
+						{d:"2014-07-14",o:"89.26",h:"92.42",l:"89.05",c:"90.06",v:"2360600",p:"1.23"},
+						{d:"2014-07-15",o:"92.26",h:"92.33",l:"88.88",c:"89.93",v:"2292783",p:"1.23"},
+						{d:"2014-07-16",o:"90.52",h:"90.98",l:"88.97",c:"89.43",v:"881891",p:"1.23"},
+						{d:"2014-07-17",o:"89.55",h:"90.77",l:"85.99",c:"86.57",v:"1882447",p:"1.23"},
+						{d:"2014-07-18",o:"87.50",h:"88.33",l:"86.67",c:"87.83",v:"1309182",p:"1.23"},
+						{d:"2014-07-21",o:"87.47",h:"90.95",l:"86.90",c:"90.56",v:"2154051",p:"1.23"},
+						{d:"2014-07-22",o:"91.69",h:"95.53",l:"91.27",c:"95.04",v:"3185497",p:"1.23"},
+						{d:"2014-07-23",o:"94.81",h:"95.87",l:"94.07",c:"95.01",v:"2060089",p:"1.23"},
+						{d:"2014-07-24",o:"96.04",h:"96.12",l:"94.29",c:"95.61",v:"2089803",p:"1.23"},
+						{d:"2014-07-25",o:"97.50",h:"101.60",l:"96.04",c:"99.15",v:"5650649",p:"1.23"},
+						{d:"2014-07-28",o:"99.92",h:"104.63",l:"99.00",c:"104.26",v:"4671041",p:"1.23"},
+						{d:"2014-07-29",o:"104.81",h:"104.81",l:"98.37",c:"100.06",v:"3771932",p:"1.23"},
+						{d:"2014-07-30",o:"101.70",h:"101.75",l:"96.30",c:"99.00",v:"2653460",p:"1.23"},
+						{d:"2014-07-31",o:"96.47",h:"96.70",l:"91.14",c:"91.15",v:"5636693",p:"1.23"},
+						{d:"2014-08-01",o:"90.93",h:"91.78",l:"89.36",c:"90.52",v:"6638989",p:"1.23"},
+						{d:"2014-08-04",o:"92.89",h:"95.25",l:"92.00",c:"94.16",v:"4352315",p:"1.23"},
+						{d:"2014-08-05",o:"94.83",h:"94.96",l:"91.00",c:"92.38",v:"2542938",p:"1.23"},
+						{d:"2014-08-06",o:"91.44",h:"94.69",l:"90.95",c:"93.98",v:"2283407",p:"1.23"},
+						{d:"2014-08-07",o:"94.00",h:"94.92",l:"92.10",c:"93.38",v:"1805591",p:"1.23"},
+						{d:"2014-08-08",o:"93.16",h:"94.80",l:"92.87",c:"93.87",v:"1370529",p:"1.23"},
+						{d:"2014-08-11",o:"95.21",h:"97.25",l:"94.45",c:"96.64",v:"2441874",p:"1.23"},
+						{d:"2014-08-12",o:"97.24",h:"97.46",l:"94.64",c:"96.66",v:"1644792",p:"1.23"},
+						{d:"2014-08-13",o:"97.33",h:"99.28",l:"96.76",c:"98.63",v:"1874008",p:"1.23"},
+						{d:"2014-08-14",o:"99.00",h:"99.68",l:"97.70",c:"98.48",v:"1809635",p:"1.23"},
+						{d:"2014-08-15",o:"98.98",h:"101.83",l:"98.30",c:"99.93",v:"2915612",p:"1.23"},
+						{d:"2014-08-18",o:"101.15",h:"102.58",l:"100.71",c:"102.10",v:"2208305",p:"1.23"},
+						{d:"2014-08-19",o:"103.13",h:"103.98",l:"101.62",c:"102.02",v:"2984761",p:"1.23"},
+						{d:"2014-08-20",o:"102.35",h:"102.68",l:"99.67",c:"101.99",v:"1364368",p:"1.23"},
+						{d:"2014-08-21",o:"102.14",h:"103.00",l:"100.12",c:"101.63",v:"2276003",p:"1.23"},
+						{d:"2014-08-22",o:"101.30",h:"103.39",l:"99.69",c:"101.75",v:"3993832",p:"1.23"},
+						{d:"2014-08-25",o:"97.50",h:"97.51",l:"91.87",c:"93.87",v:"12814994",p:"1.23"},
+						{d:"2014-08-26",o:"94.80",h:"94.80",l:"90.64",c:"92.15",v:"8473340",p:"1.23"},
+						{d:"2014-08-27",o:"91.88",h:"92.10",l:"88.10",c:"88.43",v:"7041787",p:"1.23"},
+						{d:"2014-08-28",o:"88.03",h:"90.52",l:"87.55",c:"88.34",v:"4330590",p:"1.23"},
+						{d:"2014-08-29",o:"89.06",h:"89.60",l:"87.40",c:"87.83",v:"2247661",p:"1.23"},
+						{d:"2014-09-02",o:"88.02",h:"89.55",l:"87.03",c:"88.76",v:"3266962",p:"1.23"},
+						{d:"2014-09-03",o:"90.12",h:"90.35",l:"84.20",c:"85.67",v:"5774360",p:"1.23"},
+						{d:"2014-09-04",o:"86.13",h:"87.65",l:"84.80",c:"85.97",v:"3270755",p:"1.23"},
+						{d:"2014-09-05",o:"86.20",h:"87.58",l:"86.00",c:"86.73",v:"2421109",p:"1.23"},
+						{d:"2014-09-08",o:"86.73",h:"88.29",l:"86.13",c:"86.48",v:"1920933",p:"1.23"},
+						{d:"2014-09-09",o:"86.40",h:"86.94",l:"81.88",c:"82.71",v:"4086617",p:"1.23"},
+						{d:"2014-09-10",o:"82.18",h:"82.83",l:"79.64",c:"80.59",v:"6442051",p:"1.23"},
+						{d:"2014-09-11",o:"79.92",h:"81.55",l:"78.58",c:"79.70",v:"4978926",p:"1.23"},
+						{d:"2014-09-12",o:"79.44",h:"80.30",l:"79.01",c:"79.72",v:"3444867",p:"1.23"},
+						{d:"2014-09-15",o:"80.00",h:"80.97",l:"76.79",c:"77.85",v:"4604199",p:"1.23"},
+						{d:"2014-09-16",o:"76.78",h:"79.43",l:"76.16",c:"77.97",v:"4231660",p:"1.23"},
+						{d:"2014-09-17",o:"78.50",h:"79.87",l:"78.03",c:"78.87",v:"3526140",p:"1.23"},
+						{d:"2014-09-18",o:"79.59",h:"79.96",l:"77.15",c:"77.99",v:"2938763",p:"1.23"},
+						{d:"2014-09-19",o:"78.02",h:"78.78",l:"75.39",c:"76.63",v:"3775011",p:"1.23"},
+						{d:"2014-09-22",o:"76.72",h:"77.20",l:"72.77",c:"74.94",v:"4155211",p:"1.23"},
+						{d:"2014-09-23",o:"74.17",h:"77.50",l:"74.13",c:"75.13",v:"2442624",p:"1.23"},
+						{d:"2014-09-24",o:"75.50",h:"76.66",l:"74.25",c:"74.95",v:"2564100",p:"1.23"},
+						{d:"2014-09-25",o:"74.61",h:"74.92",l:"71.39",c:"72.32",v:"3908254",p:"1.23"},
+						{d:"2014-09-26",o:"72.75",h:"73.37",l:"71.70",c:"72.38",v:"2033624",p:"1.23"},
+						{d:"2014-09-29",o:"71.37",h:"71.88",l:"70.10",c:"70.62",v:"3257410",p:"1.23"},
+						{d:"2014-09-30",o:"70.83",h:"70.83",l:"66.05",c:"67.47",v:"6021498",p:"1.23"},
+						{d:"2014-10-01",o:"67.22",h:"67.81",l:"63.39",c:"63.89",v:"4514081",p:"1.23"},
+						{d:"2014-10-02",o:"65.29",h:"67.63",l:"64.41",c:"67.20",v:"5456189",p:"1.23"},
+						{d:"2014-10-03",o:"68.01",h:"69.40",l:"67.15",c:"68.53",v:"3307627",p:"1.23"},
+						{d:"2014-10-06",o:"69.05",h:"70.42",l:"67.87",c:"68.16",v:"1927922",p:"1.23"},
+						{d:"2014-10-07",o:"67.82",h:"68.84",l:"66.38",c:"66.48",v:"2026147",p:"1.23"},
+						{d:"2014-10-08",o:"66.60",h:"67.90",l:"64.25",c:"67.90",v:"2719435",p:"1.23"},
+						{d:"2014-10-09",o:"67.55",h:"67.88",l:"65.82",c:"66.57",v:"2041033",p:"1.23"},
+						{d:"2014-10-10",o:"65.71",h:"66.25",l:"62.89",c:"63.36",v:"2940499",p:"1.23"},
+						{d:"2014-10-13",o:"63.35",h:"64.98",l:"60.82",c:"63.00",v:"3089977",p:"1.23"}
+					]
+				}],
+				credits: {
+					enabled: true
+					, text: 'jchart.openjavascript.org'
+					, href: 'http://jchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, isPercent: false
+			});
 						
 			_data.push({
 				title: {
diff --git a/flash/source/lib/src/org/xas/jchart/common/data/test/ZHistogramData.as b/flash/source/lib/src/org/xas/jchart/common/data/test/ZHistogramData.as
new file mode 100644
index 0000000..15cace8
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/data/test/ZHistogramData.as
@@ -0,0 +1,3751 @@
+package org.xas.jchart.common.data.test
+{
+	public class ZHistogramData
+	{
+		private var _data:Vector.<Object>;
+		public function get data():Vector.<Object>{ return _data;}
+		
+		private static var _ins:ZHistogramData;
+		
+		public static function get instance():ZHistogramData{
+			if( !_ins ){
+				_ins = new ZHistogramData();		
+			}
+			return _ins;
+		}
+		
+		public function ZHistogramData()
+		{
+			init();
+		}
+		
+		private function init():void{
+			_data = new Vector.<Object>();
+			
+//			return;  
+			_data.push({
+				"chart":
+				{
+					"type": "bar",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				"colors":
+				[
+					44015, 
+					10333619, 
+					639232, 
+					816836, 
+					16713241
+				], 
+				"vline":
+				{
+					//					"enabled": true
+				}, 
+				"xAxis":
+				{
+					"wordwrap": true
+//					, "categories":
+//					[
+//						"pos.baidu.com", 
+//						"www.baidu.com", 
+//						"hao.360.cn", 
+//						"wd.360.cn"
+//					]
+					, "title": {
+						"enabled": true
+						, "text": 'test title...' 
+					}
+					, "subtitle": {
+						"enabled": true
+						, "text": 'test subtitle...' 
+					}
+				}, 
+				"yAxis":
+				{
+					//					"enabled": false
+					"labels": {
+						"rotation": -45
+					}
+					, "title": { 
+						//						"enabled": true,
+						"text": 'test vtitle...' 
+					}
+				}, 
+				"legend":
+				{
+					//					"enabled": false
+				}, 
+				"displayAllLabel": true, 
+				"maxItem":
+				{
+					"style":
+					{
+						"size": 18, 
+						"color": 6146425
+					}
+				}, 
+				"tooltip":
+				{
+					//					"enabled": true
+				}, 
+				"hline":
+				{
+					//					"enabled": false
+				}, 
+				"series":
+				[
+					{
+						"name": "pv", 
+						"data":
+						[
+							7026299386, 
+							2243248546, 
+							1918390720, 
+							1887903406
+						]
+						, dataLabel: {
+							"format": "{0}", 
+							"enabled": true,
+							"data": [
+								"70.26亿", 
+								"22.43亿", 
+								"19.18亿", 
+								"18.87亿", 
+								"15.17亿", 
+								"14.63亿", 
+								"9.58亿", 
+								"9.51亿", 
+								"9.41亿", 
+								"9.14亿"
+							]
+						}
+					}
+				],
+				"animation": {
+					"enabled": true
+				}
+			});
+			
+			_data.push({
+				"chart":
+				{
+					"type": "bar",
+					"bgColor": 16777215, 
+					"bgAlpha": 1
+				}, 
+				"colors":
+				[
+					44015, 
+					10333619, 
+					639232, 
+					816836, 
+					16713241
+				], 
+				"vline":
+				{
+					//					"enabled": true
+				}, 
+				"xAxis":
+				{
+					"wordwrap": true, 
+					"categories":
+					[
+						"pos.baidu.com", 
+						"www.baidu.com", 
+						"hao.360.cn", 
+						"wd.360.cn"
+					]
+				}, 
+				"yAxis":
+				{
+					//					"enabled": false
+					"labels": {
+						"rotation": 45
+					}
+				}, 
+				"legend":
+				{
+					//					"enabled": false
+				}, 
+				"displayAllLabel": true, 
+				"maxItem":
+				{
+					"style":
+					{
+						"size": 18, 
+						"color": 6146425
+					}
+				}, 
+				"tooltip":
+				{
+					//					"enabled": true
+				}, 
+				"hline":
+				{
+					//					"enabled": false
+				}, 
+				"series":
+				[
+					{
+						"name": "pv", 
+						"data":
+						[
+							7026299386, 
+							2243248546, 
+							1918390720, 
+							1887903406
+						]
+						, dataLabel: {
+							"format": "{0}", 
+							"enabled": true,
+							"data": [
+								"70.26亿", 
+								"22.43亿", 
+								"19.18亿", 
+								"18.87亿", 
+								"15.17亿", 
+								"14.63亿", 
+								"9.58亿", 
+								"9.51亿", 
+								"9.41亿", 
+								"9.14亿"
+							]
+						}
+					}
+				],
+				"animation": {
+					"enabled": true
+				}
+			});
+			 
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+						, "angle": 0
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'BOTTOM_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+						, "angle": -90
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": { 
+						"enabled": true
+						, "angle": 90
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+						, "angle": 45
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部四四四四四四四四四四四四四四四四四四四四四12345678910'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+						, "angle": 45
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部四四四四四四四四四四四四四四四四四四四四四12345678910'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "升级", "降级", "不变" ]
+					, "autoRate": {
+						enabled: true
+					}
+					, "rotation": {
+						"enabled": true
+					}
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 9, 20, 30 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 10, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 5, 30 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 8, 12, 32 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 7, 9, 12]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+					, interval: 20
+					, direction: 'TOP_RIGHT'
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				},
+				vline: {
+					enabled: true
+				},         
+				plotOptions: {
+					line: {
+						dashStyle: 'ShortDash'
+					}
+				},
+				dataLabels: {
+					enabled: true
+				}
+			});
+			
+			
+			_data.push(             {
+				chart: {
+					type: 'zbar' 
+					, bgColor: 0xffffff
+				}, 
+				subtitle: {
+				}, 
+				xAxis: {
+					categories: [ "A级客户", "B级客户", "C级客户", "D级客户" ]
+				}, 
+				yAxis: {
+					format: '{0}'
+				},
+				tooltip: {                  
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: '销售一部'
+					, data: [ 20, 30, 40, 50 ]
+					, format: '{0}'
+				}
+					, {
+						name: '销售二部'
+						, data: [ 10, 20, 35, 50 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售三部'
+						, data: [ 5, 30, 20, 10 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售四部'
+						, data: [ 12, 32, 13, 23 ]
+						, format: '{0}'
+					}
+					, {
+						name: '销售五部'
+						, data: [ 9, 12, 31, 23]
+						, format: '{0}'
+					}
+				],
+				credits: {
+					enabled: false
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+				},
+				animation: {
+					enabled: true
+					, duration: .75
+				}
+			});
+			
+			
+			_data.push( 
+				{
+					"xAxis":
+					{
+						"categories":
+						[
+							"111111", 
+							"2", 
+							"3", 
+							"4", 
+							"5", 
+							"6", 
+							"7", 
+							"8", 
+							"9", 
+							"10", 
+							"11", 
+							"122222"
+						]
+					}, 
+					"displayAllLabel": true, 
+					"series":
+					[
+						{
+							"name": "Temperature", 
+							"data":
+							[
+								10, 
+								0, 
+								3, 
+								10, 
+								20, 
+								27, 
+								28, 
+								32, 
+								30, 
+								25, 
+								15, 
+								5
+							]
+							, dashStyle: 'Dash'
+							, fillColor: {}
+						}, 
+						{
+							"name": "Rainfall", 
+							"data":
+							[
+								20, 
+								21, 
+								20, 
+								100, 
+								200, 
+								210, 
+								220, 
+								100, 
+								20, 
+								10, 
+								20, 
+								10
+							]
+							, dashStyle: 'Dot'
+							, fillColor: {}
+						}
+					], 
+					"title":
+					{
+					}, 
+					"credits":
+					{
+						"enabled": false, 
+						"href": "http://fchart.openjavascript.org/", 
+						"text": "fchart.openjavascript.org"
+					}, 
+					"subtitle":
+					{
+					}, 
+					"yAxis":
+					{
+						"title":
+						{
+						}
+					}
+				}
+			);
+			
+			_data.push( 
+				{
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+					},
+					"hline":
+					{
+						"enabled": true
+					}, 
+					"vline":
+					{
+						"enabled": true
+					}, 
+					"vsideLine":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						line: {
+							dashStyle: 'LongDash'
+						}
+					}
+				});	
+			
+					
+			_data.push( {
+				"chart": {
+					"type": "line"
+				},
+				"title": {
+					"text": "月趋势"
+				},
+				"xAxis": {
+					"categories": [
+						"2013-12",
+						"2014-01",
+						"2014-02",
+						"2014-03",
+						"2014-04",
+						"2014-05",
+						"2014-06",
+						"2014-07",
+						"2014-08",
+						"2014-09",
+						"2014-10",
+						"2014-11"
+					]
+				},
+				"yAxis": {
+					"title": {
+						"text": "搜索指数"
+					}
+					, "autoRate": {
+						enabled: true
+						, deep: 2
+					}
+				},
+				"series": [
+					{
+						"name": "宝马",
+						"data": [
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888,
+							205370,
+							184888
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					},
+					{
+						"name": "别克",
+						"data": [
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159,
+							155729,
+							142159
+						],
+						"style": {
+							"stroke": "#ff7100"
+						},
+						"pointStyle": {}
+					}
+				],
+				"displayAllLabel": true,
+				"legend": {
+					"enabled": true
+					, "direction": "RIGHT_TOP"
+				},
+				"plotOptions": {
+					"area": {
+						"fillColor": {}
+					}
+				},
+				"callback": {
+					"initedCallback": "initedCallback"
+				}
+			});
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								100
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, "legend": {
+					"enabled": true
+					, "direction": "TOP_RIGHT"
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'subtitle' 
+				},
+				xAxis: {
+					categories: [ 
+						"01","02","03","04"
+						,"01","02","03","04"
+						,"01","02","03","04"
+					]
+				}, 
+				yAxis: {
+					"autoRate": {
+						enabled: true
+					}
+				},
+				series:[{
+					name: '公司1',
+					point: {  },
+					data: [
+						0.018773,0.021724,0.022130,0.021296
+						,0.022255,0.022128,0.020949,0.023862
+						,0.026974,0.028055,0.024992,0.024721
+					],
+					tipsData: [
+						"1.8773%","2.1724%","2.2130%","2.1296%"
+						,"2.2255%","2.2128%","2.0949%","2.3862%"
+						,"2.6974%","2.8055%","2.4992%","2.4721%"
+					]
+				}, {
+					name: '公司2',
+					dashStyle: 'ShortDash',
+					data: [
+						0.018069,0.018495,0.018264,0.017527
+						,0.016857,0.017398,0.016539,0.017144
+						,0.018039,0.018798,0.018521,0.019580
+					],
+					tipsData: [
+						"1.8069%","1.8495%","1.8264%","1.7527%"
+						,"1.6857%","1.7398%","1.6539%","1.7144%"
+						,"1.8039%","1.8798%","1.8521%","1.9580%"
+					]
+				}
+				],
+				tooltip: {
+					header: [
+						"2014Q1","2014Q2","2014Q3","2014Q4"
+						,"2015Q1","2015Q2","2015Q3","2015Q4"
+						,"2016Q1","2016Q2","2016Q3","2016Q4"
+					]
+				},
+				group: {
+					enabled: true,
+					data: [
+						"2014","2014","2014","2014"
+						,"2015","2015","2015","2015"
+						,"2016","2016","2016","2016"
+					],
+					background: {
+						colors: [
+							0xf2f2f2
+						]
+						, lastColor: 0xdbeccc
+					},
+					label: {
+						style: {
+							
+						}
+					}
+				},
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, displayAllLabel: true
+				, vline: {
+				}
+				, hline: {
+				}
+				, point: {
+				}
+			});
+			
+			_data.push( {
+				chart: {
+					type: 'bar' 
+				}
+				, title: {
+					text:'Chart Title'
+				},
+				xAxis: {
+					categories: [ 
+						"01","02","03","04"
+						,"01","02","03","04"
+						,"01","02","03","04"
+				]
+				}, 
+				yAxis: {
+				},
+				series:[{
+					name: '公司1',
+					point: {  },
+					data: [
+						0.018773,0.021724,0.022130,0.021296
+						,0.022255,0.022128,0.020949,0.023862
+						,0.026974,0.028055,0.024992,0.024721
+					],
+					tipsData: [
+						"1.8773%","2.1724%","2.2130%","2.1296%"
+						,"2.2255%","2.2128%","2.0949%","2.3862%"
+						,"2.6974%","2.8055%","2.4992%","2.4721%"
+					]
+				}, {
+					name: '公司2',
+					dashStyle: 'Dot',
+					data: [
+						0.018069,0.018495,0.018264,0.017527
+						,0.016857,0.017398,0.016539,0.017144
+						,0.018039,0.018798,0.018521,0.019580
+					],
+					tipsData: [
+						"1.8069%","1.8495%","1.8264%","1.7527%"
+						,"1.6857%","1.7398%","1.6539%","1.7144%"
+						,"1.8039%","1.8798%","1.8521%","1.9580%"
+					]
+				}
+				],
+				tooltip: {
+					header: [
+						"2014Q1","2014Q2","2014Q3","2014Q4"
+						,"2015Q1","2015Q2","2015Q3","2015Q4"
+						,"2016Q1","2016Q2","2016Q3","2016Q4"
+					]
+				},
+				group: {
+					enabled: true,
+					data: [
+						"2014","2014","2014","2014"
+						,"2015","2015","2015","2015"
+						,"2016","2016","2016","2016"
+					],
+					background: {
+						colors: [
+							0xf2f2f2
+						]
+						, lastColor: 0xdbeccc
+					},
+					label: {
+						style: {
+							
+						}
+					}
+				},
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, displayAllLabel: true
+				, vline: {
+				}
+				, hline: {
+				}
+				, point: {
+				}
+				, animation: {
+					enabled: true
+					, duration: 1
+				}
+			});
+
+			
+			
+			_data.push( 
+				{
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+					},
+					"hline":
+					{
+						"enabled": true
+					}, 
+					"vline":
+					{
+						"enabled": false
+					},  
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					}
+				});	
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ '网页\n游戏\n3333', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+				}
+				, yAxis: {
+					enabled: false	
+				}
+				, series:[{
+					name: '全体覆盖率'
+					, data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+				}, {
+					name: '样式覆盖率',
+					data: [80, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+				}]
+				, tooltip: {
+					"headerFormat": "{0}"			
+					, "pointFormat": "{0}%"
+					//, enabled: false
+					, afterSerial: [
+						{
+							name: '区分度',
+							data: [80, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+						}
+					]
+					, "header": [ 
+						'1', '2', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏'
+					]
+					
+					, headerYSpace: 6
+					, itemYSpace: 6
+					, valueLabelXSpace: 0
+					
+					, headerStyle: {
+						font: "Microsoft YaHei"
+						, size: 14
+						, color: 0x777777
+					}
+					, labelStyle: {
+						font: "Microsoft YaHei"
+						, size: 12
+						, color: 0xaaaaaa
+					}
+					, valueStyle: {
+						font: "Microsoft YaHei"
+						, size: 12
+						, color: 0x5dc068
+					}
+					
+					, headerIcon: {
+						enabled: true
+						, style: {
+							color: 0x5DC068
+						}
+					}
+					
+				}
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: false
+					, format: '{0}%'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]       
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, hoverBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 2
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			});
+			
+			_data.push(
+				{					
+					"chart":
+					{
+						"bgColor": 16777215, 
+						"bgAlpha": 1
+					}, 
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241
+					], 
+					"vline":
+					{
+						"enabled": false
+					}, 
+					"xAxis":
+					{
+						"wordwrap": true, 
+						"categories":
+						[
+							"pos.baidu.com", 
+							"www.baidu.com", 
+							"hao.360.cn", 
+							"wd.360.cn", 
+							"internal.host.com", 
+							"eclick.baidu.com", 
+							"googleads.g.doubleclick.net", 
+							"user.qzone.qq.com", 
+							"www.so.com", 
+							"ptlogin2.qq.com"
+						]
+					}, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": true
+					}, 
+					"yAxis":
+					{
+						"enabled": false
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"displayAllLabel": true, 
+					"maxItem":
+					{
+						"style":
+						{
+							"size": 18, 
+							"color": 6146425
+						}
+					}, 
+					"tooltip":
+					{
+						"enabled": true
+					}, 
+					"hline":
+					{
+						"enabled": false
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								"7026299386", 
+								"2243248546", 
+								"1918390720", 
+								"1887903406", 
+								"1517144906", 
+								"1463547200", 
+								"958396100", 
+								"951335880", 
+								"941430913", 
+								"914735040"
+							]
+							, "labelData": [
+								"70.26亿", 
+								"22.43亿", 
+								"19.18亿", 
+								"18.87亿", 
+								"15.17亿", 
+								"14.63亿", 
+								"9.58亿", 
+								"9.51亿", 
+								"9.41亿", 
+								"9.14亿"
+							]
+						}
+					]
+				}
+			);
+			
+
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049
+							]
+							, "labelData": [
+								"1.72k"
+								, "1.69k"
+								, "2.04k"
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								6, 
+								7
+							]
+							, "labelData": [
+								"0.005k"
+								, "0.006k"
+								, "0.007k"
+							]
+						}
+					], 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": true
+					}, 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561, 
+								1400, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561, 
+								1400, 
+								1400, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561, 
+								1400, 
+								1400, 
+								1400, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							
+							"20140910",
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							
+							"20140913", 
+							"20140912", 
+							"20140911",
+							
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							
+							"20140910", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								
+								2138, 
+								1557, 
+								1561, 
+								
+								1400, 
+								1400, 
+								1400, 
+								
+								1400, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			
+			_data.push( 
+				{
+					"yAxis":
+					{
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"pointFormat": "{0}", 
+						"headerFormat": "{0}", 
+						"enabled": true
+					}, 
+					"displayAllLabel": false, 
+					"vline":
+					{
+					}, 
+					"xAxis":
+					{
+						"categories":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						], 
+						"wordwrap": false, 
+						"tipsHeader":
+						[
+							"20140916", 
+							"20140915", 
+							"20140914", 
+							"20140913", 
+							"20140912", 
+							"20140911", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910", 
+							"20140910"
+						]
+					}, 
+					"series":
+					[
+						{
+							"name": "pv", 
+							"data":
+							[
+								1722, 
+								1694, 
+								2049, 
+								2138, 
+								1557, 
+								1561, 
+								1400, 
+								1400, 
+								1400, 
+								1400, 
+								1400, 
+								1400
+							]
+						}, 
+						{
+							"name": "uv", 
+							"data":
+							[
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5, 
+								5, 
+								
+								5, 
+								5, 
+								5
+							]
+						}
+					], 
+					"hline":
+					{
+					}, 
+					"toggleBg":
+					{
+						"enabled": true
+					}, 
+					"legend":
+					{
+						"enabled": false
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+						"bgColor": 16777215
+					} 
+				}
+			);
+			
+			_data.push({ 
+				
+				xAxis: {
+					categories: [ 
+						'网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+						, '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+					]
+					, format: '{0}'
+				}
+				, yAxis: {
+					format: '{0}'
+					, enabled: false
+				}
+				, series:[{
+					name: '最大区分度 - 兴趣'
+					, data: [
+						0.98, 1.99, 1.01, 1.02, 1.05
+						, 1.98, 2.99, 0.001, 3.02, 3.05
+					]
+				}] 
+				, tooltip: {		
+					enabled: false
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0}"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, itemBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 0
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			});
+			
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ '02/24', '02/25', '02/26', '02/27', '02/28', '02/29', '03/01' ]
+				}
+				, yAxis: {
+					format: '{0}%'
+				}
+				, series:[{
+					name: '目标PV'
+					, data: [ 70, 49, 76, 30, 55, 26, 78 ]
+				}, {
+					name: '目标UV',
+					data: [ 48, 62, 50, 50, 30, 40, 35 ]
+				}]
+				, tooltip: {		
+					enabled: true
+					, "headerFormat": "{0}"			
+					, "pointFormat": "{0} %"
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					//enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}%'
+				}
+				, vline: {
+					//enabled: false
+				}
+				, hline: {
+					//enabled: true
+				}
+				, colors: [
+					0x03ACEF
+					, 0x5DC979
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    				
+				, credits: {
+					enabled: true
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				}
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					//, graphicHeight: 220
+				}
+				, hoverBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 2
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			});
+			
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ 
+						'04/01', '04/05', '04/10', '04/15', '04/20', '04/25'
+						, '05/01', '05/05', '05/10', '05/15', '05/20', '05/25'
+						, '05/31', '06/04', '06/09', '06/14', '06/19', '06/24'
+						, '06/29'
+					]
+					, wordwrap: false
+				}
+				, yAxis: {
+					format: '{0}'
+					, rate: [ 1, .8, .6, .4, .2, .0 ]
+				}
+				, series:[{
+					name: '词1'
+					, data: [ 10, 0, 38, 53, 51, 38, 39, 38, 34, 59, 37, 34, 51, 58, 57, 39, 58, 44, 31 ]
+				}, {
+					name: '词2',
+					data: [ 20, 0, 18, 25, 59, 19, 26, 18, 40, 21, 42, 22, 30, 42, 30, 39, 59, 30, 50 ]
+				}, {
+					name: '词3',
+					data: [ 30, 0, 55, 41, 54, 53, 55, 54, 57, 55, 54, 59, 55, 39, 47, 43, 46, 42, 45 ]
+				}, {
+					name: '词4',
+					data: [ 35, 0, 65, 51, 64, 63, 65, 64, 67, 65, 64, 69, 65, 59, 57, 53, 56, 52, 45 ]
+				}, {
+					name: '词5',
+					data: [ 5, 0, 45, 31, 44, 43, 45, 44, 47, 45, 44, 49, 45, 29, 37, 33, 36, 32, 35 ]
+				}
+				]
+				, tooltip: {		
+					enabled: true
+					, "headerFormat": "{0}             PV"			
+					, "pointFormat": "{0}"
+					, "header": [ 
+						'2014-04-01', '2014-04-05', '2014-04-10', '2014-04-15', '2014-04-20', '2014-04-25'
+						, '2014-05-01', '2014-05-05', '2014-05-10', '2014-05-15', '2014-05-20', '2014-05-25'
+						, '2014-05-31', '2014-06-04', '2014-06-09', '2014-06-14', '2014-06-19', '2014-06-24'
+						, '2014-06-29'
+					]
+					, "serial": [
+						{
+							"name": "总体"
+							, "data": [ 
+								1000, 2000, 3000, 4000, 5000, 6000
+								, 1000, 2000, 3000, 4000, 5000, 6000 
+								, 1000, 2000, 3000, 4000, 5000, 6000 
+								, 7000
+							]
+						}
+					]
+					, "afterSerial": [
+						{
+							"name": "区分度"
+							, "data": [ 
+								1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+								, 2.01, 2.02, 2.03, 2.04, 2.05, 2.06
+								, 3.09, 3.08, 3.07, 3.06, 3.05, 3.04
+								, 4.11
+							]
+						}
+					]
+				}
+				, displayAllLabel: false
+				, legend: {
+					enabled: false
+				}
+				, vline: {
+					//enabled: false
+				}
+				, hline: {
+					//enabled: true
+				}
+				, colors: [		
+					0x61CA7D
+					, 0x00ABEF
+					, 0xFCBC2B
+					, 0xF47672
+					, 0xBDA5E6
+					, 0xFF7C27
+					
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    	
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, toggleBg: {
+					enabled: true
+				}
+			});
+			
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ 
+						'04/01', '04/05', '04/10', '04/15', '04/20', '04/25'
+						, '05/01', '05/05', '05/10', '05/15', '05/20', '05/25'
+						, '05/31', '06/04', '06/09', '06/14', '06/19', '06/24'
+						, '06/29'
+					]
+					, wordwrap: false
+				}
+				, yAxis: {
+					format: '{0}%'
+					, enabled: true
+					, rate: [ 1, .8, .6, .4, .2, .0 ]
+				}
+				, series:[{
+					name: '词1'
+					, data: [ 10, 0, 38, 53, 51, 38, 39, 38, 34, 59, 37, 34, 51, 58, 57, 39, 58, 44, 31 ]
+				}, {
+					name: '词2',
+					data: [ 20, 0, 18, 25, 59, 19, 26, 18, 40, 21, 42, 22, 30, 42, 30, 39, 59, 30, 50 ]
+				}, {
+					name: '词3',
+					data: [ 30, 0, 55, 41, 54, 53, 55, 54, 57, 55, 54, 59, 55, 39, 47, 43, 46, 42, 45 ]
+				}, {
+					name: '词4',
+					data: [ 35, 0, 65, 51, 64, 63, 65, 64, 67, 65, 64, 69, 65, 59, 57, 53, 56, 52, 45 ]
+				}, {
+					name: '词5',
+					data: [ 5, 0, 45, 31, 44, 43, 45, 44, 47, 45, 44, 49, 45, 29, 37, 33, 36, 32, 35 ]
+				}
+				]
+				, tooltip: {		
+					enabled: true
+					, "headerFormat": "{0}             UV"			
+					, "pointFormat": "{0}%"
+					, "header": [ 
+						'2014-04-01', '2014-04-05', '2014-04-10', '2014-04-15', '2014-04-20', '2014-04-25'
+						, '2014-05-01', '2014-05-05', '2014-05-10', '2014-05-15', '2014-05-20', '2014-05-25'
+						, '2014-05-31', '2014-06-04', '2014-06-09', '2014-06-14', '2014-06-19', '2014-06-24'
+						, '2014-06-29'
+					]
+				}
+				, displayAllLabel: false
+				, legend: {
+					enabled: false
+				}
+				, vline: {
+					//enabled: false
+				}
+				, hline: {
+					//enabled: true
+				}
+				, colors: [		
+					0x61CA7D
+					, 0x00ABEF
+					, 0xFCBC2B
+					, 0xF47672
+					, 0xBDA5E6
+					, 0xFF7C27
+					
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]    	
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, toggleBg: {
+					enabled: true
+				}
+			});
+			
+			
+			_data.push({
+				xAxis: {
+					categories: [ '初中\n以下', '高中\n中专\n技校', '大专', '本科', '研究生\n及以上' ]
+					, wordwrap: true
+				}, 
+				yAxis: {
+					enabled: false
+				},
+				series:[{
+					name: '学历'
+					, data: [ 12, 19, 21, 46, 10 ]
+				}],
+				//isPercent: true,
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true,
+					format: '{0}%'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, tooltip: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}				
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+					, graphicHeight: 220
+				}
+			});
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+				}
+				, yAxis: {					
+					enabled: false	
+				}
+				, series:[{
+					name: '全体覆盖率'
+					, data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+				}, {
+					name: '样式覆盖率',
+					data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+				}]
+				, tooltip: {		
+					"headerFormat": "{0}"			
+					, "pointFormat": "{0} %"
+					//, enabled: false
+					
+				}
+				//isPercent: true,
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+					, format: '{0}%'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]       
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, hoverBg: {
+					enabled: true		
+					, style: {
+						borderColor: 0xB4B4B4
+						, borderWidth: 2
+						, bgColor: 0xF0F0F0
+					}										
+				}
+			});
+			
+			
+			_data.push({
+				xAxis: {
+					categories: [ 
+						'兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+					]
+					, wordwrap: true
+				}, 
+				yAxis: {
+					format: '{0}%'
+					, maxvalue: 100
+					, enabled: false
+				},
+				series:[{
+					name: '时段分布'
+					, data: [
+						80.12, 70.12, 50.12, 30.12, 10.12
+					]
+				}],
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, vline: {
+					enabled: true
+				}
+				, hline: {
+					enabled: true
+				}
+				, tooltip: {		
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+				, dataLabels: {
+					enabled: true,
+					format: '{0}%'
+				}                
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+				, hoverBg: {
+					enabled: true												
+				}
+				
+			});
+			
+			_data.push({
+				xAxis: {
+					categories: [ 
+						'0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+						, '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+						, '20', '21', '22', '23', '0'
+					]
+					, wordwrap: false
+				}, 
+				yAxis: {
+					format: '{0}%'
+					, maxvalue: 100
+				},
+				series:[{
+					name: '时段分布'
+					, data: [
+						0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+						, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+						, 20, 21, 22, 23, 0
+					]
+				}]
+				, tooltip: {		
+					"headerFormat": "{0}"			
+					, "pointFormat": "{0} %"
+					//, enabled: false
+					, header: [
+						'0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9  时~'
+						, '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+						, '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+					]
+				}
+				, displayAllLabel: true
+				, legend: {
+					enabled: false
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: true
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+			});
+			
+			_data.push({
+				
+				xAxis: {
+					categories: [ '1', '2', '3', '4', '5' ]
+				}, 
+				yAxis: {
+					enabled: false
+				},
+				series:[{
+					name: 'Temperature'
+					, data: [50, 60, 3, 20, 20]
+					, style: { 'stroke': 0xff7100 } 
+					, pointStyle: {}
+				}, {
+					name: 'Rainfall',
+					data: [20, 21, 20, 100, 200]
+				}],
+				//isPercent: true,
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true
+				}
+				, vline: {
+					enabled: true
+				}
+				, hline: {
+					enabled: true
+				}
+				, tooltip: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+					, 0xFFBF00			
+					, 0xff7100	
+					, 0xff06b3
+					
+					, 0x41e2e6			
+					, 0xc3e2a4	
+					, 0xffb2bc
+					
+					, 0xdbb8fd
+				]       
+				, chart: {
+					bgColor: 0xffffff
+					, bgAlpha: 1
+				}
+			});
+			
+			
+			_data.push({
+				xAxis: {
+					categories: [ 
+						'0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+						, '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+						, '20', '21', '22', '23', '0'
+					]
+					, wordwrap: false
+				}, 
+				yAxis: {
+					format: '{0}%'
+				},
+				series:[{
+					name: '时段分布'
+					, data: [
+						0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+						, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+						, 20, 21, 22, 23, 0
+					]
+				}],
+				isPercent: false,
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: true
+				}
+				, tooltip: {
+					"headerFormat": "{0} 日"			
+					, "pointFormat": "{0}%"		
+					, enabled: true
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+			});
+			
+			_data.push({
+				xAxis: {
+					categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+					, wordwrap: true
+				}, 
+				yAxis: {
+					enabled: false
+				},
+				series:[{
+					name: '职业'
+					, data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+				}],
+				//isPercent: true,
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true,
+					format: '{0}%'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, tooltip: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+			});
+			
+			
+			
+			_data.push({
+				xAxis: {
+					categories: [ '<18', '19-24', '23-34', '35-49', '>49' ]
+					, wordwrap: true
+				}, 
+				yAxis: {
+					enabled: false
+				},
+				series:[{
+					name: '年龄'
+					, data: [ 69, 19, 21, 18, 10 ]
+				}],
+				//isPercent: true,
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, dataLabels: {
+					enabled: true,
+					format: '{0}%'
+				}
+				, vline: {
+					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, tooltip: {
+					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+			});
+			
+			_data.push({
+				xAxis: {
+					categories: [ '低', '偏低', '中等', '偏高', '高' ]
+					, wordwrap: true
+				}, 
+				yAxis: {
+					enabled: false
+				},
+				series:[{
+					name: '购买力'
+					, data: [ 43, 19, 21, 18, 0 ]
+				}],
+				//isPercent: true,
+				displayAllLabel: true,
+				legend: {
+//					enabled: false
+				}
+				, dataLabels: {
+					enabled: true,
+					format: '{0}%'
+				}
+				, vline: {
+//					enabled: false
+				}
+				, hline: {
+					enabled: false
+				}
+				, tooltip: {
+//					enabled: false
+				}
+				, colors: [
+					0x00ABEF
+					, 0x9DADB3
+					, 0x09c100
+					, 0x0c76c4 				
+					, 0xff0619
+					
+				]
+				, maxItem: {
+					style: { color: 0x5DC979, size: 18 }
+				}
+			});
+							
+			_data.push(                     {
+				title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+						,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+						,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+						,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+						,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+						,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+						,"2014-02-22","2014-02-23","2014-02-24" ]
+					, wordwrap: false
+				}, 
+				yAxis: {
+				},
+				series:[{
+					name: '公司1',
+					data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+						,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+						,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+						,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+						,0.014451,0.017606,0.018455,0]
+				}, {
+					name: '公司2',
+					data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+						,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+						,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+						,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+						,0.015819,0.017709,0.018943,0]
+				}, {
+					name: '公司3',
+					data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+						,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+						,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+						,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+						,0.016597,0.016476,0.016742,0]
+				}
+				],
+				credits: {
+					enabled: true,
+					text: 'fchart.openjavascript.org',
+					href: 'http://fchart.openjavascript.org/'
+				}
+				, displayAllLabel: false
+				, "legend": {
+					"enabled": true
+					, "direction": "RIGHT_TOP"
+				}
+			} );
+			
+			
+			
+			_data.push({
+				title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+				}, 
+				yAxis: {
+					title: {
+						text: '(Vertical Title - 中文)'
+					}
+					, format: '{0}%'
+				},
+				tooltip: {					
+					"pointFormat": "{0}", 
+					"headerFormat": "{0}月"
+				},
+				series:[{
+					name: 'Temperature'
+					, data: [1, 2, 4, 8, 8, 33, 60, 0, 50.33, 66, 77, 88]
+					, style: { 'stroke': '#ff7100' } 
+					, pointStyle: {}
+				}, {
+					name: 'Rainfall',
+					data: [1.01, 44, 3, 55, 3, 5, 83, 1, 33, 55, 44, 33]
+				}],
+				credits: {
+					enabled: true
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, isPercent: false
+			});
+			
+			_data.push({
+				title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ '1', '2', '3' ]
+				}, 
+				yAxis: {
+					title: {
+						text: '(Vertical Title - 中文)'
+					}
+					, format: '{0}%'
+				},
+				tooltip: {
+					"pointFormat": "{0}", 
+					"headerFormat": "{0}月"
+				},
+				series:[{
+					name: 'Temperature'
+					, data: [1, 2, 4]
+					, style: { 'stroke': '#ff7100' } 
+					, pointStyle: {}
+				}, {
+					name: 'Rainfall',
+					data: [1.01, 44, 3]
+				}],
+				credits: {
+					enabled: true
+					, text: 'fchart.openjavascript.org'
+					, href: 'http4://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: false
+				}
+				, isPercent: false
+			});
+			
+			_data.push({
+				title: {
+					text:'Chart Title'
+				},
+				subtitle: {
+					text: 'sub title'
+				}, 
+				xAxis: {
+					categories: [ '1', '2', '3', '4', '5' ]
+				}, 
+				yAxis: {
+					title: {
+						text: '(Vertical Title - 中文)'
+					}
+					, format: '{0}'
+				},
+				tooltip: {					
+					"pointFormat": "{0}",
+					"headerFormat": "{0}"
+				},
+				series:[{
+					name: 'Phone'
+					, data: [ 27000, 23600, 16200, 14100, 8400 ]
+					//, label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
+					, format: '{0}台 占{1}%'
+				}, {
+					name: 'Computer',
+					data: [19170, 32060, 13600, 7000, 14800, ]
+					//, label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", ]
+					, format: '{0}台 约占{1}%'
+				}],
+				credits: {
+					enabled: true
+					, text: 'fchart.openjavascript.org'
+					, href: 'http://fchart.openjavascript.org/'
+				},
+				displayAllLabel: true,
+				legend: {
+					enabled: true
+				},
+				animation: {
+					enabled: false
+					, duration: .75
+				}
+			});
+			
+		}
+	}
+}
diff --git a/flash/source/lib/src/org/xas/jchart/common/event/JChartEvent.as b/flash/source/lib/src/org/xas/jchart/common/event/JChartEvent.as
index def94a5..5be5454 100644
--- a/flash/source/lib/src/org/xas/jchart/common/event/JChartEvent.as
+++ b/flash/source/lib/src/org/xas/jchart/common/event/JChartEvent.as
@@ -14,6 +14,7 @@ package org.xas.jchart.common.event
 		public static const PROCESS:String = 'process';
 		public static const CALC_COORDINATE:String = 'calc_coordinate';
 		
+		public static const READY:String = 'ready';
 		public static const DRAW:String = 'draw';
 		public static const CLEAR:String = 'clear';
 		
@@ -29,12 +30,36 @@ package org.xas.jchart.common.event
 		public static const UPDATE:String = 'update';
 		public static const UPDATE_STATUS:String = 'update_status';
 		public static const FILTER_DATA:String = 'filter_data';
+		public static const SELECTED:String = 'selected';
 		
 		public static const SHOW_LEGEND_ARROW:String = 'show_legend_arrow';
 		public static const HIDE_LEGEND_ARROW:String = 'hide_legend_arrow';
 		
+		public static const SHOW_SERIES_LABEL:String = 'show_series_label';
+		public static const HIDE_SERIES_LABEL:String = 'hide_series_label';
+		
 		public static const UPDATE_MOUSEWHEEL:String = 'update_mousewheel';
 		
+		public static const UI_ITEM_CLICK:String = 'uiItemClick';
+		public static const GROUP_CLICK:String = 'groupclick';
+		public static const ITEM_CLICK:String = 'itemclick';
+		public static const ITEM_HOVER:String = 'itemhover';
+		public static const INITED:String = 'inited';
+		public static const LEGEND_UPDATE:String = 'legendupdate';;
+		
+		public static const DISPLAY_ALL_CHECK:String = 'display_all_check';
+		
+		public static const RESET_HLABELS:String = "reset_hlabels";
+		public static const RESET_VLABELS:String = "reset_vlabels";
+		public static const ROTATION_LABELS:String = 'rotation_labels';
+		public static const ROTATION_LABELS_YAXIS:String = 'rotation_labels_yaxis';
+				
+		public static const MIX_CHART_CALC_COORDINATE_PREFIX:String = 'mix_chart_calc_coordinate_';
+		public static const MIX_CHART_CALC_COORDINATE_BAR:String = MIX_CHART_CALC_COORDINATE_PREFIX +　'bar';
+		public static const MIX_CHART_CALC_COORDINATE_LINE:String = MIX_CHART_CALC_COORDINATE_PREFIX +　'line';
+		public static const MIX_CHART_CALC_COORDINATE_PIE:String = MIX_CHART_CALC_COORDINATE_PREFIX +　'pie';
+		public static const MIX_CHART_CALC_COORDINATE_STACK:String = MIX_CHART_CALC_COORDINATE_PREFIX +　'stack';
+		
 		public function JChartEvent($type:String, $data:Object=null)
 		{
 			super($type, $data);
@@ -48,9 +73,8 @@ package org.xas.jchart.common.event
 			_ele.root.stage.addEventListener( MouseEvent.MOUSE_MOVE, onMouseOut );
 			_ele.root.stage.addEventListener( Event.MOUSE_LEAVE, stageLeave );
 			_ele.root.stage.addEventListener( Event.RESIZE, remove );
-			_ele.addEventListener( Event.REMOVED_FROM_STAGE, remove );	
-			
-			
+			_ele.addEventListener( Event.REMOVED_FROM_STAGE, remove );
+						
 			function stageLeave( _evt:Event ):void{				
 				_isOver = false;
 				_isOut = true;
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/LegendProxy.as b/flash/source/lib/src/org/xas/jchart/common/proxy/LegendProxy.as
new file mode 100644
index 0000000..708ac68
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/LegendProxy.as
@@ -0,0 +1,35 @@
+package org.xas.jchart.common.proxy
+{
+	import org.puremvc.as3.multicore.interfaces.IProxy;
+	import org.puremvc.as3.multicore.patterns.proxy.Proxy;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.proxy.data.legend.BaseLegendData;
+	
+	public class LegendProxy extends Proxy implements IProxy
+	{
+		public static const name:String = 'LegendProxy';
+		private var _data:BaseLegendData;
+		
+		public function LegendProxy( ) {
+			super( LegendProxy.name );
+		}
+		
+		public function get dataModel():BaseLegendData{ 
+			return _data; 
+		}
+		
+		override public function onRegister():void {
+			switch( (facade as BaseFacade).name ) {
+				default: {
+					_data = new BaseLegendData();
+					break;
+				}
+			}
+		}
+		
+		override public function onRemove():void{
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/LineProxy.as b/flash/source/lib/src/org/xas/jchart/common/proxy/LineProxy.as
new file mode 100644
index 0000000..d275396
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/LineProxy.as
@@ -0,0 +1,36 @@
+package org.xas.jchart.common.proxy
+{
+	import org.puremvc.as3.multicore.interfaces.IProxy;
+	import org.puremvc.as3.multicore.patterns.proxy.Proxy;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.proxy.data.line.BaseLineData;
+	
+	public class LineProxy extends Proxy implements IProxy
+	{
+		public static const name:String = 'LineProxy';
+		private var _data:BaseLineData;
+		
+		public function LineProxy( ) {
+			
+			super( LineProxy.name );
+		}
+		
+		public function get dataModel():BaseLineData{
+			return _data;
+		}
+		
+		override public function onRegister():void {
+			switch( (facade as BaseFacade).name ) {
+				default: {
+					_data = new BaseLineData();
+					break;
+				}
+			}
+		}
+		
+		override public function onRemove():void{
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/data/label/BaseLabelData.as b/flash/source/lib/src/org/xas/jchart/common/proxy/data/label/BaseLabelData.as
new file mode 100644
index 0000000..3373680
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/data/label/BaseLabelData.as
@@ -0,0 +1,104 @@
+package org.xas.jchart.common.proxy.data.label
+{
+	import flash.text.TextField;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	
+	public class BaseLabelData {
+		
+		private var _config:Config;
+		
+		public function BaseLabelData() {
+			_config = BaseConfig.ins as Config;
+		}
+		
+		public function resetHLabel( _labelWidth:Number ):Number {
+			var _defaultMinWidth:uint = 14;
+			
+			if( !_labelWidth ){
+				return _defaultMinWidth;
+			}
+			
+			if( _labelWidth > _defaultMinWidth ) {
+				_config.setDisplayAllLabel( true );
+				_config.calcLabelDisplayIndex();
+				return _labelWidth;
+			} else {
+//				_config.setDisplayAllLabel( false );
+//				_config.calcLabelDisplayIndex();
+				return _defaultMinWidth;
+			}
+		}
+		
+		public function calcLabelRotation( _labels:Vector.<TextField>, _labelWidth:Number ):Object{
+			
+			var _labelAngle:Number = _config.labelRotationAngle
+				, _defualtLabelHeight:Number = parseInt( DefaultOptions.xAxis.labels.style.size ) * 1.2
+				, _defaultAngle:Number = GeoUtils.degree( Math.atan( _defualtLabelHeight / _labelWidth ) )
+				, _labelDir:Number = _config.labelRotationDir
+				, _maxAngle:Number = 0
+				, _realAngle:Number
+				, _maxWidth:Number = 0
+				, _maxHeight:Number = 0;
+			
+			_defaultAngle = _defaultAngle <= 90 ? _defaultAngle : 90;
+			
+			_realAngle = _maxAngle < _defaultAngle ? _defaultAngle : _maxAngle;
+			_realAngle = _labelDir ? -_realAngle : _realAngle;
+			
+			if( _labelAngle ){
+				_realAngle = _labelAngle;
+			}
+			
+			var _tmpWidth:Number
+			, _labelsLen:Number = _config.categories.length
+				, _displayMod:Number = _config.displayMod
+				, _displayLabelNum:Number
+				, _displayLabelIndex:Number;
+			
+			_displayMod = _displayMod == 0 ? 1 : _displayMod;
+			
+			if( _config.displayAllLabel ) {
+				_displayLabelNum = _labelsLen;
+			} else {
+				_displayLabelNum = _displayMod == 0 ? _labelsLen : _labelsLen / _displayMod; 
+			}
+			
+			Common.each( _labels, function( _k:int, _item:TextField ):void{
+				_displayLabelIndex = Math.floor( _k / _displayMod );
+				
+				_item.rotationZ = _realAngle;
+				
+				_tmpWidth = _item.width * Math.cos(  GeoUtils.radians( Math.abs( _realAngle ) ) );
+				
+				if( _labelDir && _displayLabelIndex < 2  ){
+					_tmpWidth = _tmpWidth - _k * _labelWidth - _config.c.vlabelMaxWidth * 1.5;
+					if( _tmpWidth > 0 ){
+						_maxWidth = _tmpWidth > _maxWidth ? _tmpWidth : _maxWidth;
+					}
+				} else if( !_labelDir && _displayLabelNum - _displayLabelIndex <= 2 ) {
+					_tmpWidth -= ( _displayLabelNum - _displayLabelIndex ) * _labelWidth - 8
+					if( _tmpWidth > 0 ){
+						_maxWidth = _tmpWidth > _maxWidth ? _tmpWidth : _maxWidth;
+					}
+				}
+				
+				_item.height > _maxHeight && ( _maxHeight = _item.height );
+			} );
+			
+			if( _labelDir && _maxWidth ) {
+				_maxWidth = -_maxWidth;
+			}
+			
+			return {
+				"maxWidth" : _maxWidth
+				, "maxHeight" : _maxHeight
+				, "labels" : _labels
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/data/legend/BaseLegendData.as b/flash/source/lib/src/org/xas/jchart/common/proxy/data/legend/BaseLegendData.as
new file mode 100644
index 0000000..1cd05c7
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/data/legend/BaseLegendData.as
@@ -0,0 +1,83 @@
+package org.xas.jchart.common.proxy.data.legend
+{
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.view.components.LegendView.BaseLegendView;
+	
+	public class BaseLegendData
+	{
+		public function BaseLegendData() {
+		}
+		
+		public function calLegendPosition( view:BaseLegendView ):void{
+			
+			var _config:Config = BaseConfig.ins as Config;
+			var legend_x:Number, legend_y:Number;
+			var _dir:Number = _config.legendDir;
+			var _align:Number = _dir % 3;
+			
+			_config.c.minY += _config.legendMargin.top;
+			
+			switch( Math.floor( _dir / 3 ) ) {
+				case 0 : {/* legend在顶部 */
+					legend_y = _config.c.minY - 2;
+					_config.c.minY += view.height;
+					break;
+				}
+				case 1 : {/* legend在右部 */
+					legend_x = _config.c.maxX - view.width;
+					_config.c.maxX -= ( view.width + 5 );
+					break;
+				}
+				case 2 : {/* legend在下部 */
+					legend_y = _config.c.maxY - view.height + 2;
+					_config.c.maxY -= ( view.height );
+					break;
+				}
+				case 3 : {/* legend在左部 */
+					legend_x = _config.c.minX;
+					_config.c.minX += view.width;
+					break;
+				}
+			}
+			
+			if( !legend_x ){
+				switch( _align ){
+					case 0 : {/* legend左对齐 */
+						legend_x = _config.c.minX;
+						break;
+					}
+					case 1 : {/* legend水平居中*/
+						legend_x = _config.width / 2 - view.width / 2;
+						break;
+					}
+					case 2 : {/* legend右对齐 */
+						legend_x = _config.c.maxX - view.width;
+						break;
+					}
+				}
+			} else {
+				switch( _align ){
+					case 0 : {/* legend上对齐 */ 
+						legend_y = _config.c.minY;
+						break;
+					}
+					case 1 : {/* legend垂直居中*/
+						legend_y = _config.c.maxY / 2 - view.height / 2;
+						break;
+					}
+					case 2 : {/* legend下对齐 */
+						legend_y = _config.c.maxY - view.height;
+						break;
+					}
+				}
+			}
+			_config.c.minY += _config.legendMargin.bottom;
+			
+			_config.c.legend = {
+				x: legend_x + _config.legendMargin.x
+				, y: legend_y + _config.legendMargin.y
+			};
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/data/line/BaseLineData.as b/flash/source/lib/src/org/xas/jchart/common/proxy/data/line/BaseLineData.as
new file mode 100644
index 0000000..411c3ed
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/data/line/BaseLineData.as
@@ -0,0 +1,74 @@
+package org.xas.jchart.common.proxy.data.line
+{
+	import flash.geom.Point;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+
+	public class BaseLineData
+	{
+		public var _config:Config = BaseConfig.ins as Config;
+		private var _totalLength:Number;
+		private var _path:Vector.<Number>;
+		public function BaseLineData() {
+		}
+		
+		/**
+		 * 计算点（Point）位于线集合的位置
+		 */
+		public function calPointOnLine(  ):void {
+			
+		}
+		
+		/**
+		 * @param _vectorPath
+		 * 传入一个Line集合(Vector),计算Line集合的总长度 ，
+		 */
+		public function totalLineLength( _vectorPath:Vector.<Point> ):Number {
+			
+			var _nextPoint:Point;
+			var _tmpLength:Number = 0;
+			_totalLength = 0;
+			_path = new Vector.<Number>;
+			Common.each( _vectorPath, function( _idx:Number, _item:Point ):void{
+				if( _idx + 1 >= _vectorPath.length ){
+					return;
+				}
+				_nextPoint = _vectorPath[ _idx + 1 ];
+				_tmpLength = GeoUtils.pointLength( _item.x, _item.y, _nextPoint.x, _nextPoint.y );
+				_path.push( _tmpLength );
+				_totalLength += _tmpLength;
+			});
+			
+			return _totalLength;
+		}
+		
+		/**
+		 * 
+		 * @param _length
+		 * 根据距离原点的距离，计算应该画至的位置，返回路径Vector
+		 * 
+		 */
+		public function calPosition( _vectorPath:Vector.<Point>, _length:Number ):Vector.<Point>{
+			
+			var _totalLength:Number = totalLineLength( _vectorPath );
+			var _result:Vector.<Point> = new Vector.<Point>;
+			
+			for( var _i:Number = 0; _i < _path.length; _i++ ){
+				_result.push( _vectorPath[ _i ] );
+				if( _length > _path[ _i ] ){
+					_length -= _path[ _i ];
+				} else {
+					var _targetPoint:Point = GeoUtils.moveByAngle( 
+						GeoUtils.pointAngle( _vectorPath[ _i ], _vectorPath[ _i + 1 ] ), _vectorPath[ _i ], _length );
+					_result.push( _targetPoint );
+					break;
+				}
+			}
+			return _result;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/proxy/data/rate/BaseRateData.as b/flash/source/lib/src/org/xas/jchart/common/proxy/data/rate/BaseRateData.as
new file mode 100644
index 0000000..8f4cd82
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/proxy/data/rate/BaseRateData.as
@@ -0,0 +1,210 @@
+package org.xas.jchart.common.proxy.data.rate
+{
+	import flash.geom.Point;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseAttrConfig;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+
+	public class BaseRateData {
+		public var _config:Config = BaseConfig.ins as Config;
+		public var _attrConfig:BaseAttrConfig = new BaseAttrConfig();
+		private var _totalLength:Number;
+		private var _path:Vector.<Number>;
+		
+		public function BaseRateData() {
+		}
+		
+		public function calcMinRate( _array:Array ):Number {
+			var _r:Number = 0, _tmp:Array, _tmpR:Number;
+			
+			if( _config.isPercent ) return 0;
+			
+			var _hasNegative:Boolean = hasNegative( _array );
+			_tmp = [];
+			
+			Common.each( _array, function( _k:int, _item:Object ):*{
+				_tmp = _tmp.concat( _item.data );
+			} );
+			_tmp.length && ( _r = Math.min.apply( null, _tmp ) );
+			
+			if( _tmp.length && !_hasNegative && _config.isAutoRate ) {
+				_tmpR = _r = Common.numberDown( _r, _config.autoRateDeep );
+				
+//				if( _r !== 0 ) {
+//					_r = _r - Common.percentDown( _r ) * _attrConfig.minOffset;
+//				}
+				
+				!_config.floatLen && ( _r = Math.floor( _r ) );
+				
+				if( _tmpR > 0 && _r < 0 ){
+					_r = _tmpR;
+				}
+			} else {
+				_r > 0 && ( _r = 0 );
+				_r < 0 && ( _r = -Common.numberUp( Math.abs( _r ), 5, _config.rateUp ) );
+			}
+			return _r;
+		}
+		
+		public function calcMaxRate( _array:Array ):Number {
+			var _r:Number = 0, _tmp:Array;
+			
+			if( _config.isPercent ) {
+				_tmp = [];
+				Common.each( _array, function( _sk:int, _item:Object ):void{
+					_r += _item.data;	
+				});
+			} else {
+				_tmp = [];
+				Common.each( _array, function( _k:int, _item:Object ):*{
+					_tmp = _tmp.concat( _item.data );
+				} );
+				_tmp.length && ( _r = Math.max.apply( null, _tmp ) );
+				
+				_r < 0 && ( _r = 0 );
+				
+				_r >= 0 && ( _r = Common.numberUp( _r, 5, _config.rateUp ) );
+				if( _config.rateUp === 0 ) {
+					_r = Common.numberDown( _r, 2 );
+				}
+			}
+			
+			if( _r === 0 ) {
+				_r = 100;
+			}
+			
+//			else {
+//				_r = _r + _r * _config.maxOffset;
+//			}
+			
+			!_config.floatLen && ( _r = Math.floor( _r ) );
+			
+			return _r;
+		}
+		
+		public function calcRate( _array:Array ):Object {
+			
+			var _customRate:Boolean = _config.isAutoRate;
+			var _rate:Array = [];
+			var _maxNum:Number = this.calcMaxRate( _array );
+			var _minNum:Number = this.calcMinRate( _array );
+			var _absNum:Number = Math.abs( _minNum );
+			var _finalMaxNum:Number = Math.max( _maxNum, _absNum );
+			var _hasNegative:Boolean = hasNegative( _array );
+			var _rateZeroIndex:Number;
+			var _realRate:Array;
+			var _realRateFloatLen:Number;
+			
+			if( _hasNegative ) {
+				
+				/* 有负数数据将不会处理_customRate */
+				_customRate = false;
+				
+				if( _maxNum > _absNum ) {
+					if( Math.abs( _finalMaxNum * 0.33 ) > _absNum ) {
+						_rate = [ 1, 0.66, 0.33, 0, -0.33];
+						_rateZeroIndex = 3;
+					}
+				} else {
+					if( _maxNum == 0 ){
+						_rate = [ 0, -0.25, -0.5, -0.75, -1 ];
+						_rateZeroIndex = 0;
+					} else if ( Math.abs( _finalMaxNum * 0.33 ) > _maxNum ) {
+						_rate = [ 0.33, 0, -0.33, -0.66, -1 ];
+						_rateZeroIndex = 1;
+					}
+				}
+				
+				if( !_rate.length ) {
+					_rate = [ 1, .5, 0, -.5, -1 ];
+					_rateZeroIndex = 2;
+				}
+			} else {
+				_rate = [1, .75, .5, .25, 0 ];
+				_rateZeroIndex = 4;
+			}
+			
+			_realRate = [];
+			_realRateFloatLen = 0;
+			var _tmpLen:int = 0
+				, _rateValue:Number = _finalMaxNum
+				, _tmpRateValue:Number
+				;
+			
+			if( _config.isPercent ) {
+				_rateValue = 100;
+			}
+			
+			_rate = _config.yAxisRate || _rate;
+			Common.each( _rate, function( _k:int, _item:Number ):void {
+				if( _item === 0 ){
+					_rateZeroIndex = _k;
+				}
+			} );
+			//this.yAxisMaxValue && ( _rateValue = _config.yAxisMaxValue );
+			
+			_tmpRateValue = _rateValue;
+			if( _customRate ) {
+				_rateValue = _maxNum - _minNum;
+				
+				var _partNum:Number = _rateValue / ( _rate.length - 1 );
+				if( (_minNum - _partNum ) < 0 ){
+					_customRate = false;
+					
+					_rateValue = _tmpRateValue;
+				}
+				
+			}
+			
+			Common.each( _rate, function( _k:int, _item:Number ):void{
+				var _realItem:Number = _rateValue * _item;
+				_realItem = Common.parseFinance( _realItem, 10 );
+				
+				if( Common.isFloat( _realItem ) ) {
+					_tmpLen = _realItem.toString().split( '.' )[1].length;
+					_tmpLen > _realRateFloatLen && ( _realRateFloatLen = _tmpLen );
+				}
+				
+				if( _customRate ) {
+					_realItem += _minNum;
+					
+				}
+				
+				_realRate.push( _realItem );
+			});
+			
+			return {
+				'realRate' : _realRate
+				, 'rateZeroIndex' : _rateZeroIndex
+				, 'maxNum': _maxNum
+				, 'minNum': _minNum
+			};
+		}
+		
+		public static function hasNegative( _data:Array ):Boolean {
+			var _r:Boolean = false;
+			
+			if( _data && _data.length ){
+				
+				var _arr:Array = new Array();
+				
+				Common.each( _data, function( _i:Number, _item:Object ):void {
+					_arr.push( _item.data );
+				} );
+				
+				var _tmp:Number = Math.min.apply( null, _arr );
+				
+				if( _tmp < 0 ){
+					_r = true;
+					return false;
+				}
+			}			
+			
+			return _r;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/BaseUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/BaseUI.as
index 295a806..a4bc997 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/BaseUI.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/BaseUI.as
@@ -5,15 +5,22 @@ package org.xas.jchart.common.ui
 	import flash.geom.Point;
 	
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.ui.icon.*;
+	import org.xas.jchart.common.ui.widget.JSprite;
 	
-	public class BaseUI extends Sprite
+	public class BaseUI extends JSprite
 	{
-		public function get items():Vector.<CircleIcon>{ return _items; }
 		
-		public function BaseUI( )
+		protected var __config:Config;
+		public function get config():Config{ return __config; }
+		
+		protected var _mask:Sprite;
+		
+		public function BaseUI( _data:Object = null )
 		{
-			super();
+			super( _data );
+			__config = BaseConfig.ins as Config;
 			
 			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage );
 		}
@@ -23,7 +30,18 @@ package org.xas.jchart.common.ui
 		}
 		
 		protected function init():void{
-
+			if( config.animationEnabled ){
+				initAnimation();
+			}else{
+				initStatck();
+			}
+		}
+		
+		protected function initStatck():void{
+			
+		}
+		protected function initAnimation():void{
+			initStatck();
 		}
 	}
 }
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/CurveGramUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/CurveGramUI.as
index f65f113..c19c815 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/CurveGramUI.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/CurveGramUI.as
@@ -1,14 +1,31 @@
 package org.xas.jchart.common.ui
 {
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	import com.greensock.easing.Linear;
+	
+	import flash.display.Graphics;
 	import flash.display.Sprite;
 	import flash.events.Event;
+	import flash.events.MouseEvent;
 	import flash.geom.Point;
+	import flash.net.registerClassAlias;
+	
+	import mx.skins.halo.PopUpMenuIcon;
 	
+	import org.xas.core.utils.GeoUtils;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LineProxy;
+	import org.xas.jchart.common.proxy.data.line.BaseLineData;
 	import org.xas.jchart.common.ui.icon.*;
 	import org.xas.jchart.common.ui.widget.JLine;
+	import org.xas.jchart.common.ui.widget.JSprite;
 	
-	public class CurveGramUI extends Sprite
+	public class CurveGramUI extends JSprite
 	{
 		private var _cmd:Vector.<int>;
 		private var _path:Vector.<Number>;
@@ -19,6 +36,18 @@ package org.xas.jchart.common.ui
 		private var _jline:JLine;
 		private var _vectorPath:Vector.<Point>;
 		private var _lineType:String;
+		private var _thickness:Number;
+		
+		private var _duration:Number = .75;
+		private var _delay:Number = 0;
+		public var tint:Number = 0;
+		
+		private var _config:Config;
+		private var _turnColor:Boolean;
+		
+		private var _iconRadius:int = 5;
+		
+		private var _lineSmooth:Boolean = false;
 		
 		public function CurveGramUI( 
 			_cmd:Vector.<int>
@@ -26,47 +55,244 @@ package org.xas.jchart.common.ui
 			, _color:uint
 			, _vecotrPath:Vector.<Point> = null
 			, _lineType:String = 'Solid'
-		)
-		{
-			super();
+			, _data:Object = null
+		) {
+			_data = _data || {};
+			super(_data);
+					
+			
+			( 'duration' in _data ) &&  ( _duration =  _data.duration );
+			( 'delay' in _data ) &&  ( _delay =  _data.delay );
+			( 'turnColor' in _data ) &&  ( _turnColor =  _data.turnColor );
+			( 'iconRadius' in _data ) &&  ( _iconRadius =  _data.iconRadius );
+			( 'lineSmooth' in _data ) && ( _lineSmooth = _data.lineSmooth );
+			
+			if( this.data.hoverShow ){
+				_iconRadius = 3;
+			}	
 			
 			this._cmd = _cmd;
 			this._path = _path;
 			this._color = _color;
 			this._vectorPath = _vecotrPath;
 			this._lineType = _lineType;
+			this._thickness = 2;
 			
+			this._config = BaseConfig.ins as Config;			
+
 			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage );
 		}
 		
 		private function onAddedToStage( _evt:Event ):void{
 			init();
+			addEventListener( JChartEvent.UPDATE_STATUS, updateStatus );
+		}
+		
+		private function updateStatus( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data
+				, _index:int = _data.index
+				;
+			
+			
+			if( _data.action == 'show' ){
+				if( this.data.hoverShow ){
+					items[ _index ].visible = true;
+				}
+				items[ _index ].hover();
+			}else{
+				if( this.data.hoverShow ){
+					items[ _index ].visible = false;
+				}
+				items[ _index ].unhover();
+			}
 		}
 		
 		private function init():void{
-			//graphics.clear();
-			//graphics.beginFill( 0xffffff, 0 );
-			graphics.lineStyle( 2, _color );
-			//graphics.endFill();
-			//_lineType = "Dash";
-			if( _vectorPath ){
-				_jline = new JLine( _vectorPath, _lineType, { thickness: 2, lineColor: _color } );
+			var _newVectorPath:Vector.<Point> = new Vector.<Point>();
+			
+			if( _config.lineSmoothEnable ) {
+				var _p:Point
+					, _newPoint: Point
+					, _smoothType: String = _config.lineSmoothType;
+				
+				_newVectorPath.push( _vectorPath[ 0 ] );
+				for( var _idx:Number = 1; _idx < _vectorPath.length; _idx++ ) {
+					_p = _vectorPath[ _idx ] as Point;
+					
+					if( _smoothType == "0" ){
+						_newPoint = new Point( _vectorPath[ _idx - 1 ].x, _p.y );
+					} else if ( _smoothType == "1" ) {
+						_newPoint = new Point( _p.x, _vectorPath[ _idx - 1 ].y );
+					}
+					
+					_newVectorPath.push( _newPoint );
+					_newVectorPath.push( _p );
+				}
+			}
+			if( data.animationEnabled && _vectorPath && _vectorPath.length > 1 ) {
+				animationDraw( _newVectorPath );
+			} else {
+				staticDraw( _newVectorPath );
+			}
+		}
+		
+		private function animationDraw( _pathData:Vector.<Point> ):void{
+			
+			if( !_pathData || _pathData.length == 0 ) {
+				_pathData = _vectorPath as Vector.<Point>;
+			}
+			
+			var _maskLine:JLine = new JLine( null, null, {} );
+			var _g:Graphics = _maskLine.graphics;
+			var _prePoint:Point = _pathData[0];
+			var _data:BaseLineData = new BaseLineData();
+			var _drawPointLen:Number = 1;
+			var _pathPoint :Vector.<Point> = new Vector.<Point>;
+			var tmpPoint:Point;
+			var _totalLength:Number = _data.totalLineLength( _pathData );
+			var _maskWidth:Number = 2;
+			var _tmpAngle:Number;
+			var _tmpCosWidth:Number;
+			var _tmpSinWidth:Number;
+			
+			_g.moveTo( _prePoint.x, _prePoint.y );
+			_g.beginFill( 0xff0000, 1);
+			
+			_jline = new JLine( _pathData, _lineType, { thickness: 2, lineColor: _color } );			
+			
+			_maskLine.count = 0;
+			_jline.mask = _maskLine;
+
+			if( _config.lineEnable ) {
 				addChild( _jline );
-			}else{
+				addChild( _maskLine );
+			}
+			
+		 	TweenLite.delayedCall( data.delay, function():void{
+				TweenLite.to( _maskLine, data.duration, { count: _totalLength
+					, onUpdate: function():void{
+						
+						_pathPoint = _data.calPosition( _pathData, _maskLine.count );
+						
+						for( var _i:Number = _drawPointLen - 1; _i < _pathPoint.length; _i++ ) {
+							tmpPoint = _pathPoint[ _i ];
+							
+							if( _config.lineSmoothEnable ){//平滑动画
+								_tmpAngle = GeoUtils.pointAngle( _prePoint, tmpPoint );
+								if( _tmpAngle > 90 ) {
+									_tmpAngle = _tmpAngle % 90;
+								}
+								
+								if( !isNaN( _tmpAngle ) ) {
+									if( _prePoint.y > tmpPoint.y ) {
+										_tmpAngle = 90 - _tmpAngle;
+										
+										_tmpSinWidth = _maskWidth * Math.sin( GeoUtils.radians( _tmpAngle ) );
+										_tmpCosWidth = _maskWidth * Math.cos( GeoUtils.radians( _tmpAngle ) );
+										
+										_g.moveTo( _prePoint.x - _tmpSinWidth, _prePoint.y - _tmpCosWidth );
+										_g.lineTo( _prePoint.x + _tmpSinWidth, _prePoint.y + _tmpCosWidth );
+										_g.lineTo( tmpPoint.x + _tmpSinWidth, tmpPoint.y + _tmpCosWidth );
+										_g.lineTo( tmpPoint.x - _tmpSinWidth, tmpPoint.y - _tmpCosWidth );
+										_g.lineTo( _prePoint.x - _tmpSinWidth, _prePoint.y - _tmpCosWidth );
+									} else {
+										_tmpSinWidth = _maskWidth * Math.sin( GeoUtils.radians( _tmpAngle ) );
+										_tmpCosWidth = _maskWidth * Math.cos( GeoUtils.radians( _tmpAngle ) );
+										
+										_g.moveTo( _prePoint.x - _tmpSinWidth, _prePoint.y + _tmpCosWidth );
+										_g.lineTo( _prePoint.x + _tmpSinWidth, _prePoint.y - _tmpCosWidth );
+										_g.lineTo( tmpPoint.x + _tmpSinWidth, tmpPoint.y - _tmpCosWidth );
+										_g.lineTo( tmpPoint.x - _tmpSinWidth, tmpPoint.y + _tmpCosWidth );
+										_g.lineTo( _prePoint.x - _tmpSinWidth, _prePoint.y + _tmpCosWidth );
+									}
+								}
+							} else {//直接连接动画
+								_g.moveTo( _prePoint.x, _prePoint.y - 5 );
+								_g.lineTo( tmpPoint.x, tmpPoint.y - 5 );
+								_g.lineTo( tmpPoint.x, tmpPoint.y + 5 );							
+								_g.lineTo( _prePoint.x, _prePoint.y + 5 );
+								_g.lineTo( _prePoint.x, _prePoint.y - 5 );
+							}
+							_g.moveTo( tmpPoint.x, tmpPoint.y );
+							_prePoint = tmpPoint;
+						}
+						_drawPointLen = _pathPoint.length;
+						if( _maskLine.count == _totalLength ){
+							_jline.mask = null;
+							_maskLine.visible = false;
+							drawIcon();
+						}
+					}
+				});
+			});
+		}
+		
+		private function staticDraw( _pathData:Vector.<Point> ):void{
+			
+			if( !_pathData || _pathData.length == 0 ) {
+				_pathData = _vectorPath as Vector.<Point>;
+			}
+			
+			graphics.lineStyle( 2, _color );
+			if( _pathData ){
+				if( _config.lineEnable ) {
+					_jline = new JLine( _pathData, _lineType, { thickness: 2, lineColor: _color } );
+					addChild( _jline );
+				}
+			} else {
 				graphics.drawPath( _cmd, _path );
 			}
+			drawIcon();
+		}
+		
+		private function drawIcon():void{
+			
+			if( !this.data.pointEnabled ) return;
+			
+			var _lineBreakEnable:Boolean = _config.lineBreakEnable
+				, _x:Number
+				, _y:Number
+				, _tmp:Point
+				, _tmpItem:CircleIcon;
+			
 			_point = new Vector.<Point>;
 			_items = new Vector.<CircleIcon>();
-			while( _path.length ){
-				var _x:Number = _path.shift(), _y:Number = _path.shift()
-					, _tmp:Point = new Point( _x, _y )
-					, _tmpItem:CircleIcon = new CircleIcon( _tmp, _color )
-					;
+
+	
+			var _count:int = 0;
+			while( _path.length ) {
+				
+				_x = _path.shift();
+				_y = _path.shift();
+				_tmp = new Point( _x, _y );
+				_tmpItem = new CircleIcon( _tmp, _color, _iconRadius, _turnColor, { dataIndex: _count } );
+				
 				_point.push( _tmp );
 				_items.push( _tmpItem );
-				addChild( _tmpItem  );
+				_tmpItem.addEventListener( MouseEvent.CLICK, pointClick );
+				
+				if( this.data.hoverShow ) {
+					_tmpItem.visible = false;
+				}
+				
+				if( _config.c.maxY != _y || !_lineBreakEnable ) {
+					addChild( _tmpItem  );
+				}
+				_count++;
 			}
 		}
+		
+		private function pointClick( _evt:MouseEvent ):void{
+			var _ui:CircleIcon = _evt.currentTarget as CircleIcon, _data:Object;
+			if( !_ui.data ) return;
+			_data = Common.extendObject( { seriesIndex: this.seriesIndex }, _ui.data );
+			//Log.printFormatJSON( _ui.data );
+			BaseConfig.ins.facade.sendNotification( JChartEvent.UI_ITEM_CLICK, _data, 'line' );
+		}
+		
+		public function get seriesIndex():int{
+			return this.data.seriesIndex || this.data.index;
+		}
 	}
 }
 
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/HStackUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/HStackUI.as
new file mode 100644
index 0000000..e9d943b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/HStackUI.as
@@ -0,0 +1,137 @@
+package org.xas.jchart.common.ui
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	
+	import flash.display.Sprite;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.Common;
+
+	public class HStackUI extends BaseUI
+	{
+		protected var _items:Vector.<Sprite>;
+		
+		public function HStackUI( _data:Object = null )
+		{
+			super( _data );
+		}
+		
+
+		override protected function initStatck():void{
+			if( !( data && data.data) ) return;
+			
+			_items = new Vector.<Sprite>();
+			
+//			Log.printFormatJSON( data );
+			if( data.data && data.data.positive && data.data.positive.length ){		
+//				Log.log( 111 );
+				Common.each( data.data.positive, function( _k:int, _item:Object ):void{
+					drawItem( _item );
+				});
+			}
+			
+			if( data.data && data.data.negative && data.data.negative.length ){
+				Common.each( data.data.negative, function( _k:int, _item:Object ):void{
+					drawItem( _item );
+				});
+			}
+		}
+		
+		override protected function initAnimation():void{
+//			super.initAnimation(); return;
+			
+			addChild( this.mask = _mask = new Sprite() );
+			
+			super.initAnimation();
+//			addChild( _mask = new Sprite() );
+			
+			TweenLite.delayedCall( data.delay || 0, function():void{
+//				Log.log( data.delay );
+				_mask.graphics.beginFill( 0xff0000 );
+				positiveAnimation();
+				negativeAnimation();
+			});
+		}
+		
+		private function positiveAnimation():void{
+			if( !( data.data && data.data.positive && data.data.positive.length ) ) return;
+			var _lastItem:Object = data.data.positive[ data.data.positive.length - 1 ]
+				, _firstItem:Object = data.data.positive[ 0 ]
+				, _startX:Number = data.data.positive[ 0 ].x
+				, _endX:Number = data.data.positive[ 0 ].x + data.data.positive[ 0 ].width 
+				, _obj:Object;
+				;
+			Common.each( data.data && data.data.positive, function( _k:int, _item:Object ):void{
+				_item.x < _startX && ( _startX = _item.x );
+				_item.x + _item.width > _endX && ( _endX = _item.x + _item.width );
+			});
+			_obj = { count:_startX };
+				
+			if( _startX == _endX ) return;
+			
+//			data.duration += 2;
+			
+//			Log.log( _startX, _endX, data.width, data.y, data.height );
+//			Log.log( 1 );
+			
+			TweenLite.to( _obj, data.duration, { count: _endX, ease:Circ.easeInOut
+				, onUpdate: 
+				function():void{
+					if( data.k === 2 ){
+//						Log.log( _startX, data.y, _obj.count, data.height );
+					}
+					if( !( data.width && _obj.count ) ) return; 
+					_mask.graphics.drawRect( _startX, data.y, _obj.count - _startX, data.height );
+				}
+			} );
+		}
+		
+		private function negativeAnimation():void{
+//			Log.log( 2 );
+			if( !( data.data && data.data.negative && data.data.negative.length ) ) return;
+			var _lastItem:Object = data.data.negative[ data.data.negative.length - 1 ]
+				, _firstItem:Object = data.data.negative[ 0 ]
+				, _startX:Number = _lastItem.x + _lastItem.width
+				, _endX:Number = _firstItem.x
+				, _obj:Object;
+			;
+			
+			Common.each( data.data && data.data.negative, function( _k:int, _item:Object ):void{
+				if( _item.x + _item.width  > _startX ) _startX = _item.x + _item.width;
+				if( _item.x < _endX ) _endX = _item.x;
+			});
+			 
+			_obj = { count:_startX };
+			if( _startX == _endX ) return;
+			TweenLite.to( _obj, data.duration, { count: _endX, ease:Circ.easeInOut
+				, onUpdate: 
+				function():void{
+
+					if( !( data.width && _obj.count ) ) return;
+					_mask.graphics.drawRect( _obj.count, data.y, _startX - _obj.count, data.height );
+				}
+			} );
+		}
+		
+		private function drawItem( _itemData:Object, _position:Object = null ):void{
+			if( !( _itemData.width > 0 && _itemData.height > 0 ) ) return;
+			_position = _position || {};
+			var _tmp:Sprite = new Sprite()
+				, _x:Number = _itemData.x
+				, _y:Number = _itemData.y
+				, _width:Number = _itemData.width
+				, _height:Number = _itemData.height
+				;
+			
+//			Log.log( _x, _y, _width, _height );
+			
+			_tmp.graphics.beginFill( _itemData.color, 1 );
+			_tmp.graphics.lineStyle( 0, _itemData.color, 0 );
+			_tmp.graphics.drawRect( _x, _y, _width, _height );
+			
+			addChild( _tmp );
+			_items.push( _tmp );	
+		}
+	}
+}
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/HistogramUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/HistogramUI.as
index 6729a5f..85c62c3 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/HistogramUI.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/HistogramUI.as
@@ -4,8 +4,12 @@ package org.xas.jchart.common.ui
 	import com.greensock.easing.Circ;
 	
 	import flash.display.Sprite;
+	import flash.events.MouseEvent;
 	
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.ui.widget.JSprite;
 	
 	public class HistogramUI extends JSprite
@@ -53,15 +57,17 @@ package org.xas.jchart.common.ui
 					staticDraw();
 				}
 			}
+			
+			addEventListener( MouseEvent.CLICK, itemClick );
 		}
 		
-		private function staticDraw():void{
+		protected function staticDraw():void{
 			this.x = _x;
 			this.y = _y;
 			graphics.drawRect( 0, 0, _w, _h );
 		}
 		
-		private function animationDraw():void{			
+		protected function animationDraw():void{
 			var _ins:HistogramUI = this;
 			
 			_ins.count = 0;
@@ -95,5 +101,19 @@ package org.xas.jchart.common.ui
 			});
 
 		}
+		
+		private function itemClick( _evt:MouseEvent ):void{
+			if( !this.data ) return;
+			var _data:Object;
+			
+			if( !( ( 'seriesIndex' in this.data )||( 'dataIndex' in this.data )  ) ) return;
+			
+			_data = Common.extendObject( { 
+				seriesIndex: this.data.seriesIndex
+				, dataIndex: this.data.dataIndex
+			}, {} );
+			//Log.printFormatJSON( _ui.data );
+			BaseConfig.ins.facade.sendNotification( JChartEvent.UI_ITEM_CLICK, _data, 'bar' );
+		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/RadarUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/RadarUI.as
new file mode 100644
index 0000000..498f9e8
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/RadarUI.as
@@ -0,0 +1,230 @@
+package org.xas.jchart.common.ui
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	import com.greensock.easing.Expo;
+	import com.greensock.easing.Linear;
+	
+	import flash.display.Graphics;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.net.registerClassAlias;
+	
+	import mx.skins.halo.PopUpMenuIcon;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.LineProxy;
+	import org.xas.jchart.common.proxy.data.line.BaseLineData;
+	import org.xas.jchart.common.ui.icon.*;
+	import org.xas.jchart.common.ui.widget.JLine;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class RadarUI extends JSprite
+	{
+		private var _color:Number;
+		private var _point:Vector.<Point>;
+		private var _items:Vector.<CircleIcon>;
+		public function get items():Vector.<CircleIcon>{ return _items; }
+		private var _jline:JLine;
+		private var _vectorPath:Vector.<Point>;
+		private var _lineType:String;
+		private var _thickness:Number;
+		
+		private var _duration:Number = .75;
+		private var _delay:Number = 0;
+		public var tint:Number = 0;
+		
+		private var _config:Config;
+		private var _turnColor:Boolean;
+		
+		private var _iconRadius:int = 5;
+		
+		public function RadarUI( 
+			_color:uint
+			, _vecotrPath:Vector.<Point> = null
+			, _lineType:String = 'Solid'
+			, _data:Object = null
+		) {
+			_data = _data || {};
+			super(_data);
+					
+			( 'duration' in _data ) &&  ( _duration =  _data.duration );
+			( 'delay' in _data ) &&  ( _delay =  _data.delay );
+			( 'turnColor' in _data ) &&  ( _turnColor =  _data.turnColor );
+			( 'iconRadius' in _data ) &&  ( _iconRadius =  _data.iconRadius );
+			
+			if( this.data.hoverShow ) {
+				_iconRadius = 3;
+			}	
+			
+			this._color = _color;
+			this._vectorPath = _vecotrPath;
+			this._lineType = _lineType;
+			this._thickness = 2;
+			
+			this._config = BaseConfig.ins as Config;			
+
+			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage );
+		}
+		
+		private function onAddedToStage( _evt:Event ):void{
+			init();
+			addEventListener( JChartEvent.UPDATE_STATUS, updateStatus );
+		}
+		
+		private function updateStatus( _evt:JChartEvent ):void{
+			var _data:Object = _evt.data
+				, _index:int = _data.index
+				;
+			
+			if( _data.action == 'show' ){
+				if( this.data.hoverShow ){
+					items[ _index ].visible = true;
+				}
+				items[ _index ].hover();
+			}else{
+				if( this.data.hoverShow ){
+					items[ _index ].visible = false;
+				}
+				items[ _index ].unhover();
+			}
+		}
+		
+		private function init():void{
+			if( data.animationEnabled && _vectorPath && _vectorPath.length > 1 ) {
+				animationDraw( _vectorPath );
+			} else {
+				staticDraw( _vectorPath );
+			}
+		}
+		
+		private function animationDraw( _pathData:Vector.<Point> ):void{
+			
+			var _pointMovePath:Vector.<Object> = new Vector.<Object>()
+				, _centerPoint:Point = _config.c.centerPoint as Point
+				, _initPath:Vector.<Point> = new Vector.<Point>()
+				, _angles:Array = _config.c.radarAngle;
+			
+			
+			Common.each( _vectorPath, function( _idx:Number, _p:Point ):void {
+				_pointMovePath[ _idx ] = {
+					'pointLength': GeoUtils.pointLength(
+						_p.x, _p.y
+						, _centerPoint.x, _centerPoint.y
+					)
+					, 'angle': _angles[ _idx ]
+				}
+				
+				_initPath.push( new Point( _centerPoint.x, _centerPoint.y ) );
+			} );
+			
+			_jline = new JLine( _initPath, _lineType, { thickness: 2, lineColor: _color } );
+			_jline.count = 0;
+			
+			if( _config.lineEnable ) {
+				addChild( _jline );
+			}
+			
+			var _percent:Number = 100
+				, _tmpPathObj:Object
+				, _tmpLen:Number;
+			
+			TweenLite.delayedCall( data.duration, function():void {
+				TweenLite.to( _jline, _config.animationDuration, { 
+					count: _percent
+					, ease: Expo.easeInOut
+					, onUpdate: function():void {
+						
+						Common.each( _initPath, function( _idx:Number, _p:Point ):void {
+							
+							_tmpPathObj = _pointMovePath[ _idx ];
+							
+							_tmpLen = _tmpPathObj.pointLength * _jline.count / _percent;
+							
+							_initPath[ _idx ] = GeoUtils.calcPointByCenter( _centerPoint, _tmpLen, _tmpPathObj.angle );
+						} );
+						
+						var _g:Graphics = _jline.graphics;
+						_g.clear();
+						_g.lineStyle( 2, _color );
+						Common.each( _initPath, function( _idx:Number, _p:Point ):void {
+							if( _idx === 0 ) {
+								_g.moveTo( _p.x, _p.y );
+							} else {
+								_g.lineTo( _p.x, _p.y );
+							}
+						} );
+						_g.lineTo( _initPath[ 0 ].x, _initPath[ 0 ].y );
+						
+						if( _jline.count === _percent ) {
+							drawIcon();
+						}
+					}
+				} );
+			} );
+		}
+		
+		private function staticDraw( _pathData:Vector.<Point> ):void{
+			graphics.lineStyle( 2, _color );
+			
+			Common.each( _vectorPath, function( _idx:Number, _point:Point ):void {
+
+				if( _idx === 0 ){
+					graphics.moveTo( _point.x, _point.y );
+				} else {
+					graphics.lineTo( _point.x, _point.y );
+				}
+			} );
+			
+			graphics.lineTo( _vectorPath[ 0 ].x, _vectorPath[ 0 ].y );
+			drawIcon();
+		}
+		
+		private function drawIcon():void{
+			
+			if( !this.data.pointEnabled ) return;
+			
+			_point = new Vector.<Point>;
+			_items = new Vector.<CircleIcon>();
+
+			var _count:int = 0
+				, _tmpItem:CircleIcon
+				, _data:Object = this.data;
+			
+			Common.each( _vectorPath, function( _idx:Number, _point:Point ):void {
+				_tmpItem = new CircleIcon( _point, _color, _iconRadius, _turnColor, { dataIndex: _count } );
+				
+				_tmpItem.addEventListener( MouseEvent.CLICK, pointClick );
+				
+				_items.push( _tmpItem );
+				
+				if( _data.hoverShow ){
+					_tmpItem.visible = false;
+				}
+				
+				addChild( _tmpItem  );
+				_count++;
+			} );
+		}
+		
+		private function pointClick( _evt:MouseEvent ):void{
+			var _ui:CircleIcon = _evt.currentTarget as CircleIcon, _data:Object;
+			if( !_ui.data ) return;
+			_data = Common.extendObject( { seriesIndex: this.seriesIndex }, _ui.data );
+			//Log.printFormatJSON( _ui.data );
+			BaseConfig.ins.facade.sendNotification( JChartEvent.UI_ITEM_CLICK, _data, 'line' );
+		}
+		
+		public function get seriesIndex():int{
+			return this.data.seriesIndex || this.data.index;
+		}
+	}
+}
+
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/StackUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/StackUI.as
new file mode 100644
index 0000000..820bdf1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/StackUI.as
@@ -0,0 +1,128 @@
+package org.xas.jchart.common.ui
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	
+	import flash.display.Sprite;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.Common;
+
+	public class StackUI extends BaseUI
+	{
+		protected var _items:Vector.<Sprite>;
+		
+		public function StackUI( _data:Object = null )
+		{
+			super( _data );
+		}
+		
+
+		override protected function initStatck():void{
+			if( !( data && data.data) ) return;
+			
+			_items = new Vector.<Sprite>();
+			
+			if( data.data && data.data.positive && data.data.positive.length ){		
+				Common.each( data.data.positive, function( _k:int, _item:Object ):void{
+					drawItem( _item );
+				});
+			}
+			
+			if( data.data && data.data.negative && data.data.negative.length ){
+				Common.each( data.data.negative, function( _k:int, _item:Object ):void{
+					drawItem( _item );
+				});
+			}
+		}
+		
+		override protected function initAnimation():void{
+			
+			addChild( this.mask = _mask = new Sprite() );
+//			this.mask = null;
+			super.initAnimation();
+			
+			TweenLite.delayedCall( data.delay || 0, function():void{
+//				Log.log( data.delay );
+				_mask.graphics.beginFill( 0xffffff );
+				positiveAnimation();
+				negativeAnimation();
+			});
+		}
+		
+		private function positiveAnimation():void{
+			if( !( data.data && data.data.positive && data.data.positive.length ) ) return;
+			var _lastItem:Object = data.data.positive[ data.data.positive.length - 1 ]
+				, _firstItem:Object = data.data.positive[ 0 ]
+				, _startY:Number = data.data.positive[ 0 ].y + data.data.positive[ 0 ].height
+				, _endY:Number = data.data.positive[ 0 ].y
+				, _obj:Object;
+				;
+			Common.each( data.data && data.data.positive, function( _k:int, _item:Object ):void{
+				if( _item.y < _endY ) _endY = _item.y;
+				if( _item.y + _item.height > _startY ) _startY = _item.y + _item.height;
+			});
+			_obj = { count:_startY };
+				
+			if( _startY == _endY ) return;
+			
+//			Log.log( _startY, _endY, data.width );
+//			Log.log( 1 );
+			
+			TweenLite.to( _obj, data.duration, { count: _endY, ease:Circ.easeInOut
+				, onUpdate: 
+				function():void{
+//					Log.log( _startY, _endY, _obj.count );
+					if( !( data.width && _obj.count ) ) return; 
+					_mask.graphics.drawRect( data.x, _obj.count, data.width, _startY - _obj.count );
+				}
+			} );
+		}
+		
+		private function negativeAnimation():void{
+//			Log.log( 2 );
+			if( !( data.data && data.data.negative && data.data.negative.length ) ) return;
+			var _lastItem:Object = data.data.negative[ data.data.negative.length - 1 ]
+				, _firstItem:Object = data.data.negative[ 0 ]
+				, _startY:Number = _firstItem.y
+				, _endY:Number = _lastItem.y + _lastItem.height
+				, _obj:Object;
+			;
+			
+			Common.each( data.data && data.data.negative, function( _k:int, _item:Object ):void{
+				if( _item.y < _startY ) _startY = _item.y;
+				if( _item.y + _item.height > _endY ) _endY = _item.y + _item.height;
+			});
+			
+			_obj = { count:_startY };
+			if( _startY == _endY ) return;
+			TweenLite.to( _obj, data.duration, { count: _endY, ease:Circ.easeInOut
+				, onUpdate: 
+				function():void{
+
+					if( !( data.width && _obj.count ) ) return;
+					_mask.graphics.drawRect( data.x, _startY, data.width, _obj.count - _startY );
+				}
+			} );
+		}
+		
+		private function drawItem( _itemData:Object, _position:Object = null ):void{
+			if( !( _itemData.width > 0 && _itemData.height > 0 ) ) return;
+			if( !( _itemData.width && _itemData.height ) ) return; 
+			_position = _position || {};
+			var _tmp:Sprite = new Sprite()
+				, _x:Number = _itemData.x
+				, _y:Number = _itemData.y
+				, _width:Number = _itemData.width
+				, _height:Number = _itemData.height
+				;
+			
+			_tmp.graphics.beginFill( _itemData.color, 1 );
+			_tmp.graphics.lineStyle( 0, _itemData.color, 0 );
+			_tmp.graphics.drawRect( _x, _y, _width, _height );
+			
+			addChild( _tmp );
+			_items.push( _tmp );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI.as
deleted file mode 100644
index 0f96af8..0000000
--- a/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI.as
+++ /dev/null
@@ -1,421 +0,0 @@
-package org.xas.jchart.common.ui
-{
-	import flash.display.Sprite;
-	import flash.geom.Point;
-	import flash.text.TextField;
-	import flash.text.TextFieldAutoSize;
-	import flash.text.TextFormat;
-	
-	import mx.controls.Text;
-	
-	import org.xas.core.utils.EffectUtility;
-	import org.xas.core.utils.ElementUtility;
-	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseConfig;
-	import org.xas.jchart.common.Common;
-	import org.xas.jchart.common.data.DefaultOptions;
-	import org.xas.jchart.common.event.JChartEvent;
-	
-	public class TipsUI extends Sprite
-	{
-		/*
-		{
-			"items":[
-				{"name":"Temperature","value":-30}
-				,{"name":"Rainfall1","value":-20}
-				,{"name":"Rainfall2","value":-20}
-				,{"name":"Rainfall3","value":-20}
-			]
-			,"name":"9月"
-		}
-		*/
-		private var _data:Object;
-		private var _layout:Sprite;
-		
-		private var _nameTxf:TextField;
-		private var _valTxf:TextField;
-		
-		private var _eleData:Object;
-		
-		private var _serialData:Object;
-		private var _afterSerialData:Object;
-		
-		protected var _offsetY:Number = 10;
-		protected var _offsetX:Number = 15;
-		
-		protected var _headerIcon:Sprite;
-				
-		public function TipsUI()
-		{
-			super();
-			
-			visible = false;
-			addChild( _layout = new Sprite() );
-			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );	
-		}
-		
-		public function update( _data:Object, _position:Object = null, _colors:Array = null, _rect:Object = null ):TipsUI{
-			_position && dispatchEvent( 
-				new JChartEvent( JChartEvent.UPDATE_TIPS, { data: _data, point: _position, colors: _colors, rect: _rect } ) 
-			);
-			return this;
-		}
-		
-		public function show( _position:Point = null ):TipsUI{
-			_position && dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { point: _position } ) );
-			visible = true;
-			return this;
-		}
-		
-		public function hide():TipsUI{
-			visible = false;
-			return this;
-		}
-		
-		public function isFont( _fontName:String ):Boolean{
-			
-			if( _fontName === 'SimSun' ) return true;
-			
-			var t:TextField = new TextField();
-			t.defaultTextFormat = new TextFormat(_fontName,20);
-			t.text="中文";
-			t.autoSize = "left";
-			//trace(t.height);
-			//addChild(t);
-			var ta:TextField = new TextField();
-			ta.defaultTextFormat = new TextFormat("SimSun",20);
-			ta.text="中文";
-			ta.autoSize = "left";	
-			
-			return t.height !==  ta.height;
-		}
-		
-		public function buildLayout( _data:Object ):TipsUI{
-			this._data = _data;
-	
-			//Log.printJSON( _afterSerial  );
-			
-			_layout.graphics.clear();
-			graphics.clear();
-			ElementUtility.removeAllChild( _layout );
-			
-			_layout.addChild( _nameTxf = new TextField() );
-			Common.implementStyle( _nameTxf, [ 
-				DefaultOptions.tooltip.style
-				, { size: 14 }
-				, BaseConfig.ins.tooltipHeaderStyle()
-			] );
-			
-			_nameTxf.text = _data.name || '';
-			_nameTxf.y = _offsetY;			
-			
-			if( BaseConfig.ins.tooltipHeaderIconEnabled ){
-				_headerIcon = new Sprite();
-				_headerIcon.graphics.beginFill( 0x000000 );
-				if( 'color' in BaseConfig.ins.tooltipHeaderIconStyle ){
-					_headerIcon.graphics.beginFill( BaseConfig.ins.tooltipHeaderIconStyle.color );
-				}
-				if( isFont( 'Microsoft YaHei' ) ){
-					_headerIcon.graphics.drawRect( 0, _offsetY + 4, 6, _nameTxf.height - 7 );
-				}else{
-					_headerIcon.graphics.drawRect( 0, _offsetY, 6, _nameTxf.height );
-				}
-				addChild( _headerIcon );
-			}
-			
-			var _y:Number = _nameTxf.height + BaseConfig.ins.tooltipHeaderYSpace() + _offsetY
-				;
-			
-			_eleData = {
-				name: _nameTxf
-				, items: []
-			};
-			
-			_serialData = {
-				items: []
-			};
-			
-			_afterSerialData = {
-				items: []
-			};
-			
-			if( _data.beforeItems ){
-				Common.each( _data.beforeItems, function( _k:int, _item:Object ):void{
-					if( !_item ) return;					
-					var _styles:Object = { color: BaseConfig.ins.tooptipSerialItemColor( _k ) };
-					
-					_layout.addChild( _nameTxf = new TextField() );
-					_nameTxf.text = _item.name + ': ';
-					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipLabelStyle() ] );
-					_nameTxf.y = _y;
-					
-					
-					_layout.addChild( _valTxf = new TextField() );
-					_valTxf.text = '0';
-					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipValueStyle() ] );
-					_valTxf.y = _y;
-					
-					_y += _nameTxf.height + BaseConfig.ins.tooltipItemYSpace();
-					
-					
-					_serialData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
-				});
-			}
-			
-			if( _data.items ){
-				Common.each( _data.items, function( _k:int, _item:Object ):void{
-					if( !_item ) return;					
-					var _styles:Object = { color: BaseConfig.ins.itemColor( _k ) };
-					
-					_layout.addChild( _nameTxf = new TextField() );
-					_nameTxf.text = _item.name + ': ';
-					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipLabelStyle() ] );
-					_nameTxf.y = _y;
-					
-					
-					_layout.addChild( _valTxf = new TextField() );
-					_valTxf.text = _item.value;
-					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipValueStyle() ] );
-					_valTxf.y = _y;
-					
-					_y += _nameTxf.height + BaseConfig.ins.tooltipItemYSpace();
-
-					_eleData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
-				});
-			}
-			
-			if( _data.afterItems && _data.afterItems.length ){
-				Common.each( _data.afterItems, function( _k:int, _item:Object ):void{
-					if( !_item ) return;					
-					var _styles:Object = { color: BaseConfig.ins.tooptipAfterSerialItemColor( _k ) };
-					
-					_layout.addChild( _nameTxf = new TextField() );
-					_nameTxf.text = _item.name + ': ';
-					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipLabelStyle() ] );
-					_nameTxf.y = _y;
-					
-					
-					_layout.addChild( _valTxf = new TextField() );
-					_valTxf.text = '0';
-					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, BaseConfig.ins.tooltipValueStyle() ] );
-					_valTxf.y = _y;
-					
-					_y += _nameTxf.height + BaseConfig.ins.tooltipItemYSpace();
-					
-					_afterSerialData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
-				});
-			}
-			
-			updateLayout();
-			
-			return this;
-		}
-		
-		private function updateLayout( _data:Object = null, _colors:Array = null ):void{
-			
-			if( !_eleData ) return;
-			
-			_layout.graphics.clear();
-			graphics.clear();
-			graphics.beginFill( 0xffffff, .95 );
-			graphics.lineStyle( 1, 0x999999, .35 );
-			
-			_nameTxf = _eleData.name as TextField;
-			
-			var _nameMaxLen:Number = 0
-				, _valueMaxLen:Number = 0
-				, _y:Number = _offsetY + _nameTxf.height
-				;
-			
-			_nameTxf.x = _offsetX;
-			_nameTxf.y = _offsetY;
-			
-			if( _headerIcon ){
-				_nameTxf.x = _headerIcon.x + _headerIcon.width + 4;
-			}
-			
-			if( _data ){
-				_nameTxf.text = _data.name;
-			}
-			
-			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				if( _data ){
-					_nameTxf.text = _data.beforeItems[ _k ].name + ': ';		
-					_valTxf.text = _data.beforeItems[ _k ].value;		
-				}
-				
-				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
-				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
-			});
-			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				if( _data ){
-					_nameTxf.text = _data.items[ _k ].name + ': ';		
-					_valTxf.text = _data.items[ _k ].value;		
-				}
-				
-				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
-				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
-			});
-			
-			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				if( _data ){
-					_nameTxf.text = _data.afterItems[ _k ].name + ': ';
-					_valTxf.text = _data.afterItems[ _k ].value;		
-				}
-				
-				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
-				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
-			});
-			
-			
-			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
-				_valTxf.x = _offsetX * 2 + _nameMaxLen + BaseConfig.ins.tooltipValueLabelXSpace();
-			});
-			
-			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
-				_valTxf.x = _offsetX * 2 + _nameMaxLen + ( _valueMaxLen - _valTxf.width ) + BaseConfig.ins.tooltipValueLabelXSpace();
-			});
-			
-			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
-				_nameTxf = _item.name as TextField;
-				_valTxf = _item.value as TextField;
-				
-				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
-				_valTxf.x = _offsetX * 2 + _nameMaxLen + BaseConfig.ins.tooltipValueLabelXSpace();
-			});
-
-			
-			if( _colors && _colors.length ){
-				if( _colors.length === 1 ){
-					Common.each( _eleData.items, function( _k:int, _item:Object ):void{
-						_nameTxf = _item.name as TextField;
-						_valTxf = _item.value as TextField;
-						
-						_nameTxf.textColor = _colors[0];
-						_valTxf.textColor = _colors[0];
-					});
-				}else{
-					
-				}
-			}
-			
-			graphics.drawRoundRect( 
-				0, 0
-				, _layout.width + _offsetX * 2
-				, _layout.height + _offsetY * 2
-				, 10, 10 
-			);
-		}
-		
-		private function updateTips( _evt:JChartEvent ):void{
-			var _point:Object = _evt.data.point as Object
-				, _data:Object = _evt.data.data as Object
-				, _colors:Array = _evt.data.colors as Array
-				, _rect:Object = _evt.data.rect as Object
-				;
-			if( !_point ) return;
-			
-			updateLayout( _data, _colors );
-			
-			if( _rect ){
-				//Log.log(_rect.initType);
-				if(_rect.initType && _rect.initType == 'VHistogram') {
-					rectPositionForVHis( _point, _rect );
-				} else {
-					rectPosition( _point, _rect );
-				}
-			}else{
-				normalPosition( _point, _rect );
-			}
-		}
-		
-		private function normalPosition( _point:Object, _rect:Object ):void{
-			
-			var _x:Number = _point.x + 15
-				, _y:Number = _point.y + 18
-				, _x2:Number = _x + this.width
-				, _y2:Number = _y + this.height
-				;
-			
-			if( _x2 >= root.stage.x + root.stage.stageWidth ){
-				_x = _point.x - this.width;
-			}
-			
-			if( _y2 >= root.stage.y + root.stage.stageHeight ){
-				_y = _point.y - this.height;
-			}
-			
-			_x < 0 && ( _x = 0 );
-			_y < 0 && ( _y = 0 );
-			
-			this.x = _x;
-			this.y = _y;
-		}
-		
-		private function rectPosition( _point:Object, _rect:Object ):void{
-			
-			var _x:Number = _rect.x + _rect.width
-				, _y:Number = _point.y 
-				, _x2:Number = _x + this.width
-				, _y2:Number = _y + this.height
-				;
-			
-			if( _x2 >= root.stage.x + root.stage.width ){
-				_x = _rect.x - this.width;
-			}
-			
-			if( _y2 >= root.stage.y + root.stage.height ){
-				_y = _point.y - this.height;
-			}
-			
-			_x < 0 && ( _x = 0 );
-			_y < 0 && ( _y = 0 );
-			
-			//Log.log( _x2, root.stage.x + root.stage.width );
-			
-			this.x = _x;
-			this.y = _y;
-			//Log.log( 'TipsUI updateTips', _point.x, _point.y );
-		}
-		
-		private function rectPositionForVHis( _point:Object, _rect:Object ):void{
-			
-			var _x:Number = _point.x
-				, _y:Number = _rect.x + _rect.height
-				, _x2:Number = _x + this.width
-				, _y2:Number = _y + this.height
-				;
-			
-			if( _x2 >= root.stage.x + root.stage.width ){
-				_x -= this.width;
-			}
-			
-			if( _y2 >= root.stage.y + root.stage.height ){
-				_y = _y - this.height - _rect.height;
-			}
-			
-			_x < 0 && ( _x = 0 );
-			_y < 0 && ( _y = 0 );
-			
-			this.x = _x;
-			this.y = _y;
-		}
-	}
-}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/BaseTipsUILayout.as b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/BaseTipsUILayout.as
new file mode 100644
index 0000000..4e7ec49
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/BaseTipsUILayout.as
@@ -0,0 +1,288 @@
+package org.xas.jchart.common.ui.TipsUI
+{
+	import flash.display.Sprite;
+	import flash.text.TextField;
+	import flash.text.TextFormat;
+	
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class BaseTipsUILayout extends JSprite
+	{		
+		protected var _nameTxf:TextField;
+		protected var _valTxf:TextField;
+		protected var _ins:BaseTipsUILayout;
+		protected var _config:Config;
+		
+		protected var _eleData:Object;
+		
+		protected var _serialData:Object;
+		protected var _afterSerialData:Object;
+		
+		protected var _offsetY:Number = 10;
+		protected var _offsetX:Number = 15;
+		
+		protected var _headerIcon:Sprite;
+		
+		public function BaseTipsUILayout(_data:Object=null)
+		{
+			super(_data);
+			_ins = this;
+			_config = BaseConfig.ins as Config;
+		}
+		
+		public function isFont( _fontName:String ):Boolean{
+			
+			if( _fontName === 'SimSun' ) return true;
+			
+			var t:TextField = new TextField();
+			t.defaultTextFormat = new TextFormat(_fontName,20);
+			t.text="中文";
+			t.autoSize = "left";
+			//trace(t.height);
+			//addChild(t);
+			var ta:TextField = new TextField();
+			ta.defaultTextFormat = new TextFormat("SimSun",20);
+			ta.text="中文";
+			ta.autoSize = "left";	
+			
+			return t.height !==  ta.height;
+		}
+		
+		public function buildLayout( _data:Object ):void{
+			this._data = _data;
+			
+			//Log.printJSON( _afterSerial  );
+			
+			_ins.graphics.clear();
+			ElementUtility.removeAllChild( _ins );
+			
+			_ins.addChild( _nameTxf = new TextField() );
+			Common.implementStyle( _nameTxf, [ 
+				DefaultOptions.tooltip.style
+				, { size: 14 }
+				, _config.tooltipHeaderStyle()
+			] );
+			
+			_nameTxf.text = _data.name || '';
+			_nameTxf.y = _offsetY;			
+			
+			if( _config.tooltipHeaderIconEnabled ){
+				_headerIcon = new Sprite();
+				_headerIcon.graphics.beginFill( 0x5DC068 );
+				if( 'color' in _config.tooltipHeaderIconStyle ){
+					_headerIcon.graphics.beginFill( _config.tooltipHeaderIconStyle.color );
+				}
+				if( isFont( 'Microsoft YaHei' ) ){
+					_headerIcon.graphics.drawRect( 0, _offsetY + 4, 6, _nameTxf.height - 7 );
+				}else{
+					_headerIcon.graphics.drawRect( 0, _offsetY, 6, _nameTxf.height );
+				}
+				addChild( _headerIcon );
+			}
+			
+			var _y:Number = _nameTxf.height + _config.tooltipHeaderYSpace() + _offsetY
+				;
+			
+			_eleData = {
+				name: _nameTxf
+				, items: []
+			};
+			
+			_serialData = {
+				items: []
+			};
+			
+			_afterSerialData = {
+				items: []
+			};
+			
+			if( _data.beforeItems ){
+				Common.each( _data.beforeItems, function( _k:int, _item:Object ):void{
+					if( !_item ) return;					
+					var _styles:Object = { color: _config.tooptipSerialItemColor( _k ) };
+					
+					_ins.addChild( _nameTxf = new TextField() );
+					_nameTxf.text = _item.name + ': ';
+					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipLabelStyle() ] );
+					_nameTxf.y = _y;
+					
+					
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = '0';
+					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipValueStyle() ] );
+					_valTxf.y = _y;
+					
+					_y += _nameTxf.height + _config.tooltipItemYSpace();
+					
+					
+					_serialData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
+				});
+			}
+			
+			if( _data.items ){
+				Common.each( _data.items, function( _k:int, _item:Object ):void{
+					if( !_item ) return;				
+					if( 'k' in _item ) _k = _item.k;
+					var _styles:Object = { color: _config.itemColor( _k ) };
+					
+					_ins.addChild( _nameTxf = new TextField() );
+					_nameTxf.text = _item.name + ': ';
+					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipLabelStyle() ] );
+					_nameTxf.y = _y;
+					
+					
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = _item.value;
+					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipValueStyle() ] );
+					_valTxf.y = _y;
+					
+					_y += _nameTxf.height + _config.tooltipItemYSpace();
+					
+					_eleData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
+				});
+			}
+			
+			if( _data.afterItems && _data.afterItems.length ){
+				Common.each( _data.afterItems, function( _k:int, _item:Object ):void{
+					if( !_item ) return;					
+					var _styles:Object = { color: _config.tooptipAfterSerialItemColor( _k ) };
+					
+					_ins.addChild( _nameTxf = new TextField() );
+					_nameTxf.text = _item.name + ': ';
+					Common.implementStyle( _nameTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipLabelStyle() ] );
+					_nameTxf.y = _y;
+					
+					
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = '0';
+					Common.implementStyle( _valTxf, [ DefaultOptions.tooltip.style, _styles, _config.tooltipValueStyle() ] );
+					_valTxf.y = _y;
+					
+					_y += _nameTxf.height + _config.tooltipItemYSpace();
+					
+					_afterSerialData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
+				});
+			}
+			
+			updateLayout();
+		}
+		
+		public function updateLayout( _data:Object = null, _colors:Array = null ):void{
+			
+			if( !_eleData ) return;
+			
+			_ins.graphics.clear();
+			graphics.clear();
+			graphics.beginFill( 0xffffff, .95 );
+			graphics.lineStyle( 1, 0x999999, .35 );
+			
+			_nameTxf = _eleData.name as TextField;
+			
+			var _nameMaxLen:Number = 0
+				, _valueMaxLen:Number = 0
+				, _y:Number = _offsetY + _nameTxf.height
+				;
+			
+			_nameTxf.x = _offsetX;
+			_nameTxf.y = _offsetY;
+			
+			if( _headerIcon ){
+				_nameTxf.x = _headerIcon.x + _headerIcon.width + 4;
+			}
+			
+			if( _data ){
+				_nameTxf.text = _data.name;
+			}
+			
+			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){
+					_nameTxf.text = _data.beforeItems[ _k ].name + ': ';		
+					_valTxf.text = _data.beforeItems[ _k ].value;		
+				}
+				
+				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){
+					_nameTxf.text = _data.items[ _k ].name + ': ';		
+					_valTxf.text = _data.items[ _k ].value;		
+				}
+				
+				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			
+			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){
+					_nameTxf.text = _data.afterItems[ _k ].name + ': ';
+					_valTxf.text = _data.afterItems[ _k ].value;		
+				}
+				
+				_nameTxf.width > _nameMaxLen && ( _nameMaxLen = _nameTxf.width );
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			
+			
+			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
+				_valTxf.x = _offsetX * 2 + _nameMaxLen + _config.tooltipValueLabelXSpace();
+			});
+			
+			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
+				_valTxf.x = _offsetX * 2 + _nameMaxLen + ( _valueMaxLen - _valTxf.width ) + _config.tooltipValueLabelXSpace();
+			});
+			
+			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
+				_nameTxf = _item.name as TextField;
+				_valTxf = _item.value as TextField;
+				
+				_nameTxf.x = _offsetX * 2 + _nameMaxLen - _nameTxf.width;					
+				_valTxf.x = _offsetX * 2 + _nameMaxLen + _config.tooltipValueLabelXSpace();
+			});
+			
+			
+			if( _colors && _colors.length ){
+				if( _colors.length === 1 ){
+					Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+						_nameTxf = _item.name as TextField;
+						_valTxf = _item.value as TextField;
+						
+						_nameTxf.textColor = _colors[0];
+						_valTxf.textColor = _colors[0];
+					});
+				}else{
+					
+				}
+			}
+			
+			graphics.drawRoundRect( 
+				0, 0
+				, _ins.width + _offsetX * 2
+				, _ins.height + _offsetY * 2
+				, 10, 10 
+			);
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/SimpleTipsUILayout.as b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/SimpleTipsUILayout.as
new file mode 100644
index 0000000..50ae7b1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/SimpleTipsUILayout.as
@@ -0,0 +1,190 @@
+package org.xas.jchart.common.ui.TipsUI
+{
+	import flash.display.Sprite;
+	import flash.text.TextField;
+	
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+
+	public class SimpleTipsUILayout extends BaseTipsUILayout
+	{
+		public function SimpleTipsUILayout(_data:Object=null)
+		{
+			super(_data);
+			_offsetX = 5;
+			_offsetY = 5;
+		}
+		
+		override public function buildLayout( _data:Object ):void{
+			this._data = _data;
+			
+			//Log.printJSON( _afterSerial  );
+			
+			_ins.graphics.clear();
+			ElementUtility.removeAllChild( _ins );
+			
+			var _y:Number = _offsetY;
+			
+			_eleData = {
+				items: []
+			};
+			
+			_serialData = {
+				items: []
+			};
+			
+			_afterSerialData = {
+				items: []
+			};
+			
+			if( _data.beforeItems ){
+				Common.each( _data.beforeItems, function( _k:int, _item:Object ):void{
+					if( !_item ) return;					
+					var _styles:Object = { color: _config.tooptipSerialItemColor( _k ) };
+					
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = '0';
+					Common.implementStyle( _valTxf, [ 
+						DefaultOptions.tooltip.style
+						, _styles
+						, { color: 0xffffff }
+						, _config.tooltipValueStyle()
+					] );
+					_valTxf.y = _y;
+					
+					_y += _valTxf.height + _config.tooltipItemYSpace();
+					
+					
+					_serialData.items.push( { 'name': _nameTxf, 'value': _valTxf } );
+				});
+			}
+			
+			if( _data.items ){
+				Common.each( _data.items, function( _k:int, _item:Object ):void{
+					if( !_item ) return;				
+					if( 'k' in _item ) _k = _item.k;
+					var _styles:Object = { color: _config.itemColor( _k ) };
+							
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = _item.value;
+					Common.implementStyle( _valTxf, [ 
+						DefaultOptions.tooltip.style
+						, _styles
+						, _config.tooltipValueStyle() 						
+						, { color: 0xffffff }
+					] );
+					_valTxf.y = _y;
+					
+					_y += _valTxf.height + _config.tooltipItemYSpace();
+					
+					_eleData.items.push( { 'value': _valTxf } );
+				});
+			}
+			
+			if( _data.afterItems && _data.afterItems.length ){
+				Common.each( _data.afterItems, function( _k:int, _item:Object ):void{
+					if( !_item ) return;					
+					var _styles:Object = { color: _config.tooptipAfterSerialItemColor( _k ) };
+							
+					
+					_ins.addChild( _valTxf = new TextField() );
+					_valTxf.text = '0';
+					Common.implementStyle( _valTxf, [ 
+						DefaultOptions.tooltip.style
+						, _styles						
+						, { color: 0xffffff }
+						, _config.tooltipValueStyle() 
+					] );
+					_valTxf.y = _y;
+					
+					_y += _valTxf.height + _config.tooltipItemYSpace();
+					
+					_afterSerialData.items.push( { 'value': _valTxf } );
+				});
+			}
+			
+			updateLayout();
+		}
+		
+		
+		override public function updateLayout( _data:Object = null, _colors:Array = null ):void{
+			if( !_eleData ) return;
+			
+			_ins.graphics.clear();
+			graphics.clear();
+			graphics.beginFill( _config.itemColor( 0 ), .95 );
+			graphics.lineStyle( 1, _config.itemColor( 0 ), .35 );
+			
+			var _nameMaxLen:Number = 0
+				, _valueMaxLen:Number = 0
+				, _y:Number = _offsetY
+				;
+			
+			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){		
+					_valTxf.text = _data.beforeItems[ _k ].value;		
+				}
+				
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){
+					_valTxf.text = _data.items[ _k ].value;		
+				}
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			
+			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+				
+				if( _data ){
+					_valTxf.text = _data.afterItems[ _k ].value;		
+				}
+				
+				_valTxf.width > _valueMaxLen && ( _valueMaxLen = _valTxf.width );
+			});
+			
+			
+			Common.each( _serialData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+					
+				_valTxf.x = _offsetX + _nameMaxLen + _config.tooltipValueLabelXSpace();
+			});
+			
+			Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+				_valTxf.x = _offsetX + _nameMaxLen + ( _valueMaxLen - _valTxf.width ) + _config.tooltipValueLabelXSpace();
+			});
+			
+			Common.each( _afterSerialData.items, function( _k:int, _item:Object ):void{
+				_valTxf = _item.value as TextField;
+							
+				_valTxf.x = _offsetX + _nameMaxLen + _config.tooltipValueLabelXSpace();
+			});
+			
+			
+			if( _colors && _colors.length ){
+				if( _colors.length === 1 ){
+					Common.each( _eleData.items, function( _k:int, _item:Object ):void{
+						_valTxf = _item.value as TextField;
+						_valTxf.textColor = _colors[0];
+					});
+				}else{
+					
+				}
+			}
+			
+			graphics.drawRoundRect( 
+				0, 0
+				, _ins.width + _offsetX * 2 + 6
+				, _ins.height + _offsetY * 2
+				, 10, 10 
+			);
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/TipsUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/TipsUI.as
new file mode 100644
index 0000000..681a85d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/TipsUI/TipsUI.as
@@ -0,0 +1,182 @@
+package org.xas.jchart.common.ui.TipsUI
+{
+	import flash.display.Sprite;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class TipsUI extends Sprite
+	{
+		/*
+		{
+			"items":[
+				{"name":"Temperature","value":-30}
+				,{"name":"Rainfall1","value":-20}
+				,{"name":"Rainfall2","value":-20}
+				,{"name":"Rainfall3","value":-20}
+			]
+			,"name":"9月"
+		}
+		*/
+		protected var _data:Object;
+		protected var _layout:BaseTipsUILayout;
+		
+		
+		protected var _config:Config;
+				
+		public function TipsUI( _type:String = 'normal' )
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+			
+			visible = false;
+			switch( _type ){
+				case 'simple': {
+					addChild( _layout = new SimpleTipsUILayout() );
+					break;
+				}
+				default: {
+					addChild( _layout = new BaseTipsUILayout() );
+					break;
+				}
+			}
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );	
+		}
+		
+		public function update( _data:Object, _position:Object = null, _colors:Array = null, _rect:Object = null ):TipsUI{
+			_position && dispatchEvent( 
+				new JChartEvent( JChartEvent.UPDATE_TIPS, { data: _data, point: _position, colors: _colors, rect: _rect } ) 
+			);
+			return this;
+		}
+		
+		public function show( _position:Point = null ):TipsUI{
+			_position && dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { point: _position } ) );
+			visible = true;
+			return this;
+		}
+		
+		public function hide():TipsUI{
+			visible = false;
+			return this;
+		}
+		
+		public function buildLayout( _data:Object ):TipsUI{
+			_layout.buildLayout( _data );
+			return this;
+		}
+		
+		
+		public function updateLayout( _data:Object = null, _colors:Array = null ):TipsUI{
+			_layout.updateLayout( _data, _colors );
+			return this;
+		}
+
+		
+		private function updateTips( _evt:JChartEvent ):void{
+			
+			var _point:Object = _evt.data.point as Object
+				, _data:Object = _evt.data.data as Object
+				, _colors:Array = _evt.data.colors as Array
+				, _rect:Object = _evt.data.rect as Object
+				;
+			if( !_point ) return;
+			
+			updateLayout( _data, _colors );
+			
+			if( _rect ){
+				//Log.log(_rect.initType);
+				if(_rect.initType && _rect.initType == 'VHistogram') {
+					rectPositionForVHis( _point, _rect );
+				} else {
+					rectPosition( _point, _rect );
+				}
+			}else{
+				normalPosition( _point, _rect );
+			}
+		}
+		
+		private function normalPosition( _point:Object, _rect:Object ):void{
+			
+			var _x:Number = _point.x + 15
+				, _y:Number = _point.y + 18
+				, _x2:Number = _x + this.width
+				, _y2:Number = _y + this.height
+				;
+			
+			if( _x2 >= root.stage.x + root.stage.stageWidth ){
+				_x = _point.x - this.width;
+			}
+			
+			if( _y2 >= root.stage.y + root.stage.stageHeight ){
+				_y = _point.y - this.height;
+			}
+			
+			_x < 0 && ( _x = 0 );
+			_y < 0 && ( _y = 0 );
+			
+			this.x = _x;
+			this.y = _y;
+		}
+		
+		private function rectPosition( _point:Object, _rect:Object ):void{
+			
+			var _x:Number = _rect.x + _rect.width
+				, _y:Number = _point.y 
+				, _x2:Number = _x + this.width
+				, _y2:Number = _y + this.height
+				;
+			
+			if( _x2 >= root.stage.x + root.stage.width ){
+				_x = _rect.x - this.width;
+			}
+			
+			if( _y2 >= root.stage.y + root.stage.height ){
+				_y = _point.y - this.height;
+			}
+			
+			_x < 0 && ( _x = 0 );
+			_y < 0 && ( _y = 0 );
+			
+			//Log.log( _x2, root.stage.x + root.stage.width );
+			
+			this.x = _x;
+			this.y = _y;
+			//Log.log( 'TipsUI updateTips', _point.x, _point.y );
+		}
+		
+		private function rectPositionForVHis( _point:Object, _rect:Object ):void{
+			
+			var _x:Number = _point.x
+				, _y:Number = _rect.x + _rect.height
+				, _x2:Number = _x + this.width
+				, _y2:Number = _y + this.height
+				;
+			
+			if( _x2 >= root.stage.x + root.stage.width ){
+				_x -= this.width;
+			}
+			
+			if( _y2 >= root.stage.y + root.stage.height ){
+				_y = _y - this.height - _rect.height;
+			}
+			
+			_x < 0 && ( _x = 0 );
+			_y < 0 && ( _y = 0 );
+			
+			this.x = _x;
+			this.y = _y;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/VHistogramUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/VHistogramUI.as
new file mode 100644
index 0000000..6df87e9
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/VHistogramUI.as
@@ -0,0 +1,98 @@
+package org.xas.jchart.common.ui
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	import com.greensock.easing.Linear;
+	
+	import flash.display.Sprite;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class VHistogramUI extends JSprite
+	{
+		private var _x:Number, _y:Number, _w:Number, _h:Number;
+		private var _color:Number;
+		private var _maxX:Number;
+		private var _duration:Number = .75;
+		private var _delay:Number = 0;
+		public var count:Number = 0;
+		
+		public function VHistogramUI( 
+			_x:Number, _y:Number
+			, _w:Number, _h:Number
+			, _color:uint
+			, _data:Object = null
+		) {
+			
+			_data = _data || {};
+			super( _data );
+			
+			this._x = _x;
+			this._y = _y;
+			this._w = _w;
+			this._h = _h;
+			this._maxX = _x + _w;
+			this._color = _color;
+			
+			( 'duration' in _data ) &&  ( _duration = _data.duration );　 
+			( 'delay' in _data ) &&  ( _delay = _data.delay );
+			
+			init();
+		}
+		
+		private function init():void{
+			
+			if( _w > 0 && _h > 0 ){
+				graphics.beginFill( _color, 1 );
+				
+				if( data.animationEnabled ){
+					animationDraw();
+				}else{
+					staticDraw();
+				}
+			}
+		}
+		
+		private function staticDraw():void{
+			this.x = _x;
+			this.y = _y;
+			graphics.drawRect( 0, 0, _w, _h );
+		}
+		
+		private function animationDraw():void{
+
+			var _ins:VHistogramUI = this;
+			
+			_ins.count = 0;
+			_ins.y = _y;
+			
+			TweenLite.delayedCall( _delay, function():void{
+				
+				if( data.isNegative ){
+					_ins.x = _maxX;				
+					TweenLite.to( _ins, _duration, { count: _w, ease:Circ.easeInOut
+						, onUpdate: 
+						function():void{
+							graphics.clear();
+							graphics.beginFill( _color, 1 );
+							graphics.drawRect( 0, 0, count, _h );
+							_ins.x = _maxX - count;
+						}
+					} );
+				} else {
+					_ins.x = _x;
+					TweenLite.to( _ins, _duration, { count: _w, ease:Circ.easeInOut
+						, onUpdate: 
+						function():void{
+							graphics.clear();
+							graphics.beginFill( _color, 1 );
+							graphics.drawRect( 0, 0, count, _h );
+						}
+					} );
+				}		
+			});
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/ZHistogramUI.as b/flash/source/lib/src/org/xas/jchart/common/ui/ZHistogramUI.as
new file mode 100644
index 0000000..48de97a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/ZHistogramUI.as
@@ -0,0 +1,74 @@
+package org.xas.jchart.common.ui
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Circ;
+	import com.greensock.easing.Linear;
+	
+	import flash.display.Sprite;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class ZHistogramUI extends HistogramUI
+	{
+		private var _x:Number, _y:Number, _w:Number, _h:Number;
+		private var _color:Number;
+		private var _maxY:Number;
+		private var _duration:Number = .75;
+		
+		public function ZHistogramUI( 
+			_x:Number, _y:Number
+			, _w:Number, _h:Number
+			, _color:uint
+			, _duration:Number
+			, _data:Object = null
+		) {
+			this._x = _x;
+			this._y = _y;
+			this._w = _w;
+			this._h = _h;
+			this._maxY = _y + _h;
+			this._color = _color;
+			this._duration = _duration;
+			
+			this._data = _data || {};
+			
+			super( _x, _y, _w, _h, _color, _data);
+		}
+		
+		override protected function animationDraw():void{
+			var _ins:ZHistogramUI = this;
+			
+			_ins.count = 0;
+			_ins.x = _x;
+			
+			TweenLite.delayedCall( _data.delay, function():void{
+				
+				if( data.isNegative ){
+					_ins.y = _y;
+					TweenLite.to( _ins, _duration, { count: _h, ease:Linear.easeNone
+						, onUpdate: 
+						function():void{
+							graphics.clear();
+							graphics.beginFill( _color, 1 );
+							graphics.drawRect( 0, 0, _w, count );
+						}
+					} );
+				} else {
+					_ins.y = _y;
+					TweenLite.to( _ins, _duration, { count: _h, ease:Linear.easeNone
+						, onUpdate: 
+						function():void{
+							graphics.clear();
+							graphics.beginFill( _color, 1 );
+							graphics.drawRect( 0, 0, _w, count );
+							_ins.y = _maxY - count;
+						}
+					} );
+				}		
+			});
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/icon/CircleIcon.as b/flash/source/lib/src/org/xas/jchart/common/ui/icon/CircleIcon.as
index 1b34f3c..189a800 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/icon/CircleIcon.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/icon/CircleIcon.as
@@ -4,19 +4,29 @@ package org.xas.jchart.common.ui.icon
 	import flash.events.Event;
 	import flash.geom.Point;
 	
-	public class CircleIcon extends Sprite
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class CircleIcon extends JSprite
 	{
 		private var _point:Point;
 		private var _color:uint;
 		private var _radius:Number;
+		private var _turnColor:Boolean;
 		
-		public function CircleIcon( _point:Point, _color:uint = 0x000000, _radius:Number = 5 )
+		public function CircleIcon( _point:Point
+									, _color:uint = 0x000000
+									, _radius:Number = 5
+									, _turnColor:Boolean = false
+									, _data:Object = null
+									)
 		{
-			super();
+			super( _data );
 			
 			this._point = _point;
 			this._color = _color;
 			this._radius = _radius;
+			this._turnColor = _turnColor;
 			addEventListener( Event.ADDED_TO_STAGE, onAddedToStage );
 		}
 		
@@ -26,22 +36,43 @@ package org.xas.jchart.common.ui.icon
 		
 		private function init():void{
 			this.x = _point.x;
-			this.y = _point.y;
-			unhover();
+			this.y = _point.y;	
+			
+			if( _turnColor ){					
+				graphics.beginFill( 0xffffff );
+				graphics.lineStyle( 2, _color );
+				graphics.drawCircle( 0, 0, _radius );
+			}
+			displayMode( _turnColor );
 		}
 		
-		public function hover():void{
-			graphics.clear();
-			graphics.beginFill( 0xffffff );
-			graphics.lineStyle( 2, _color );
-			graphics.drawCircle( 0, 0, _radius );
+		public function hover():void{			
+			displayMode( !_turnColor );
 		}
 		
 		public function unhover():void{
-			graphics.clear();
-			graphics.beginFill( _color );
-			graphics.lineStyle( 2, 0xffffff );
-			graphics.drawCircle( 0, 0, _radius );
+			displayMode( _turnColor );
+		}
+		
+		private function displayMode( _isTurn:Boolean ):void{			
+			if( _turnColor ){	
+				if( !_isTurn ){		
+					this.scaleX = this.scaleY = 1.2;
+				}else{				
+					this.scaleX = this.scaleY = 1;
+				}				
+			}else{				
+				graphics.clear();
+				if( !_isTurn ){		
+					graphics.beginFill( _color );
+					graphics.lineStyle( 2, 0xffffff );
+					graphics.drawCircle( 0, 0, _radius );
+				}else{				
+					graphics.beginFill( 0xffffff );
+					graphics.lineStyle( 2, _color );
+					graphics.drawCircle( 0, 0, _radius );
+				}
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/DisplayRotation.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/DisplayRotation.as
new file mode 100644
index 0000000..65d1ece
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/DisplayRotation.as
@@ -0,0 +1,85 @@
+package org.xas.jchart.common.ui.widget
+{
+	import flash.display.DisplayObject;
+	import flash.geom.Rectangle;
+
+	{
+		import flash.display.Bitmap;
+		import flash.display.BitmapData;
+		import flash.display.Sprite;
+		import flash.geom.Matrix;
+		import flash.text.TextField;
+		import flash.text.TextFieldAutoSize;
+		
+		public class DisplayRotation extends JSprite
+		{
+			protected var _text:String;
+			protected var _angle:Number;
+			protected var _initTextCallback:Function;
+			
+			protected var _tf:TextField;
+			
+			protected var _bitmapData:BitmapData;
+			protected var _bitmap:Bitmap;
+			
+			public function DisplayRotation( $text:String, $angle:Number = 0, $initTextCallback:Function = null, _data:Object = null )
+			{
+					
+				_data = _data || {};
+				
+				_text = $text;
+				_angle = $angle;
+				_initTextCallback = $initTextCallback;
+				
+				_data.text = _text;
+				_data.angle = _angle;
+				_data.initTextCallback = _initTextCallback
+				
+				super( _data );
+				
+				init();
+			}
+			
+			protected function init():void
+			{ 
+				_tf = new TextField();
+				_tf.text = _text;
+				_tf.autoSize = TextFieldAutoSize.LEFT;
+				_tf.mouseEnabled = false;
+				_tf.selectable = false;
+				
+				if( _initTextCallback != null )
+				{
+					_initTextCallback( _tf ); 
+				}
+				
+				_bitmapData = new BitmapData( _tf.width + 10, _tf.height + 4, true, 0 ); 
+				var mtx:Matrix = new Matrix();
+				_bitmapData.draw( _tf, mtx, null, null, null, true );
+				
+				_bitmap = new Bitmap( _bitmapData, "auto", true );
+				
+				rotateAroundCenter( _bitmap, _angle );
+				
+				addChild( _bitmap );
+			}
+			
+			public function rotateAroundCenter(object:DisplayObject, angleDegrees:Number):void {
+				
+				if (object.rotation == angleDegrees) {
+					return;
+				}
+				
+				var matrix:Matrix = object.transform.matrix;
+				var rect:Rectangle = object.getBounds(object);
+				
+				matrix.translate( -((rect.width / 2) ), -( (rect.height / 2) ));
+				matrix.rotate((angleDegrees / 180) * Math.PI);
+				
+				object.transform.matrix = matrix;
+				
+				object.rotation = Math.round(object.rotation);
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/DountPart.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/DountPart.as
index 894be69..c6f74b5 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/DountPart.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/DountPart.as
@@ -23,10 +23,11 @@ package org.xas.jchart.common.ui.widget
 	import org.xas.core.utils.ElementUtility;
 	import org.xas.core.utils.GeoUtils;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
 	
-	public class DountPart extends Sprite
+	public class DountPart extends JSprite
 	{
 		private var _centerPoint:Point;
 		public function get centerPoint():Point{ return _centerPoint; }
@@ -45,8 +46,19 @@ package org.xas.jchart.common.ui.widget
 		
 		public function get midAngle():Number{ return _beginAngle + ( _endAngle - _beginAngle ) / 2; }
 		
+		private var _seriesAngle:Number = 0;
+		public function get seriesAngle():Number{ return _seriesAngle; }
+		
+		private var  _angleStepCount:Number = 0;
+		public function get anglePadCount():Number{ return _angleStepCount; }
+		
+		private var _countAngle:Number = 0;
+		public function get countAngle():Number{ return _countAngle; }
+		
 		private var _offsetAngle:Number;
 		
+		private var angleStep:Number = .5;	
+		
 		private var _style:Object;
 		private var _hoverStyle:Object;
 		
@@ -54,10 +66,27 @@ package org.xas.jchart.common.ui.widget
 		public function get dataIndex():int{ return _dataIndex; }
 		
 		private var _dountSprite:Sprite;
+		private var _config:Config;
 		
 		
 		private var _lineColor:uint = 0xffffff, _fillColor:uint = 0x000000;
-
+		private var _originCenterPoint:Point;
+		private var _ins:DountPart		
+		private var _preItem:DountPart;
+		
+		private var _count:Number = 0;
+		public function get count():Number{ return _count; }
+		public function set count( _setter:Number ):void{ _count = _setter; }
+		
+		private var _moveDistance:Number = 10;
+		
+		private var _innerRadiusSprite:Sprite;
+		private var _innerRadiusEnabled:Boolean = false;
+		private var _innerRadiusThickness:uint = 1;
+		private var _innerRadiusMargin:uint = 2;
+		public function get innerRadius():Number{
+			return _inRadius - _innerRadiusMargin - _innerRadiusThickness;
+		}
 		
 		public function DountPart( 
 			_centerPoint:Point
@@ -68,9 +97,15 @@ package org.xas.jchart.common.ui.widget
 			, _style:Object = null
 			, _hoverStyle:Object = null
 			, _offsetAngle:Number = 0
+			, _data:Object = null
 		)
-		{
+		{						
+			super( _data || {} );
+			_config = BaseConfig.ins as Config;
+			_ins = this;
+			
 			this._centerPoint = _centerPoint;
+			this._originCenterPoint = _centerPoint.clone();
 			this._beginAngle = _beginAngle + _offsetAngle;
 			this._endAngle = _endAngle + _offsetAngle;
 			this._outRadius = _outRadius;
@@ -80,8 +115,31 @@ package org.xas.jchart.common.ui.widget
 			
 			this._style = _style;
 			this._hoverStyle = _hoverStyle;
-
 			
+//			if( _dataIndex > 0 ) return;
+			if( data.preItem ){
+				_preItem = data.preItem as DountPart;
+			}else{				
+				_seriesAngle = _config.angleMargin;
+			}
+			
+			if( 'moveDistance' in data ){
+				_moveDistance = data.moveDistance;
+			}
+			
+			if( 'innerRadiusEnabled' in data ){
+				_innerRadiusEnabled = data.innerRadiusEnabled;
+			}
+			
+			if( 'innerRadiusThickness' in data ){
+				_innerRadiusThickness = data.innerRadiusThickness;
+			}
+//			_innerRadiusThickness = 2;
+			
+			if( 'innerRadiusMargin' in data ){
+				_innerRadiusMargin = data.innerRadiusMargin;
+			}
+						
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 		}
 		
@@ -99,6 +157,7 @@ package org.xas.jchart.common.ui.widget
 			
 			ElementUtility.removeAllChild( this );
 			addChild( _dountSprite = new Sprite() );
+			addChild( _innerRadiusSprite = new Sprite() );
 			//addChild( _lineSprite = new Sprite() );
 			
 			if( _style && _style.color ){
@@ -106,63 +165,64 @@ package org.xas.jchart.common.ui.widget
 				_fillColor = _style.color;
 			}
 			
-			drawDount();
-			/*
-			var _mtx:Matrix, _p:Point;
-				_mtx = new Matrix();
-				_p = Common.distanceAngleToPoint( 2, midAngle );
-				_mtx.tx = _p.x;
-				_mtx.ty = _p.y;
-				
-			this.transform.matrix = _mtx;
-			*/
+//			_lineColor = 0xff0000;		
+			
+			_dountSprite.graphics.beginFill( _fillColor );	
+			_dountSprite.graphics.lineStyle(1, _lineColor);
+			
+			_innerRadiusSprite.graphics.lineStyle(_innerRadiusThickness, _lineColor);
+//			_dountSprite.graphics.lineStyle(1, 0x000000 );
+			
+			_centerPoint.x = 0;
+			_centerPoint.y = 0;
+						
+			_ins.x = _originCenterPoint.x;
+			_ins.y = _originCenterPoint.y;
+			
+			_countAngle = _beginAngle;
+			angleStep = .5;
+						
+			if( _config.animationEnabled ){
+				animationDraw();
+			}else{
+				normalDraw();
+			}
 		}
 		
-		private function drawDount():void{			
-			_dountSprite.graphics.lineStyle(1, _lineColor);
+		private function normalDraw():void{
+			
+			_dountSprite.graphics.clear();
 			_dountSprite.graphics.beginFill( _fillColor );	
-			//_lineSprite.graphics.lineStyle( 1, _lineColor );
-			//_lineSprite.graphics.beginFill( _fillColor );	
+			_dountSprite.graphics.lineStyle(1, _lineColor);
+			
+			_innerRadiusSprite.graphics.clear();
+			_innerRadiusSprite.graphics.lineStyle(_innerRadiusThickness, _lineColor);
+			_countAngle = _beginAngle;
 			
 			var p1:Point, p2:Point, tmpPoint:Point
-				, lp:Point, lp2:Point, ltmpPoint:Point
-				, countAngle:Number, angleStep:Number 
-				;
+			, lp:Point, lp2:Point, ltmpPoint:Point
+			; 
 			
 			p1 = GeoUtils.moveByAngle
 				( 
 					_beginAngle
 					, _centerPoint
-					, _inRadius 
+					, _inRadius  
 				)
 				;
 			_dountSprite.graphics.moveTo( p1.x, p1.y );
-					
-			countAngle = _beginAngle;
-			angleStep = .5;
-			
+						
+			_endAngle = fixEndAngle( _beginAngle, _endAngle );
 			
-			if( _beginAngle > _endAngle ){
-				_endAngle += 360;
-			}
+			Common.drawCircleArc( 
+				_dountSprite.graphics
+				, _centerPoint
+				, _inRadius
+				, _countAngle
+				, _endAngle
+				, angleStep
+			);
 			
-			if( _beginAngle == _endAngle ){
-				_endAngle += 360;		
-			}			
-			while( true )
-			{
-				if( countAngle >= _endAngle )
-				{
-					tmpPoint = GeoUtils.moveByAngle( _endAngle, _centerPoint, _inRadius );
-					_dountSprite.graphics.lineTo( tmpPoint.x, tmpPoint.y );
-	
-					break;
-				}
-				tmpPoint = GeoUtils.moveByAngle( countAngle, _centerPoint, _inRadius );
-				_dountSprite.graphics.lineTo( tmpPoint.x, tmpPoint.y );
-						
-				countAngle += angleStep;
-			}
 			
 			p2 = GeoUtils.moveByAngle
 				( 
@@ -172,34 +232,221 @@ package org.xas.jchart.common.ui.widget
 				)
 				;
 			_dountSprite.graphics.lineTo( p2.x, p2.y );
+						
+			_countAngle = _endAngle;
+						
+			_endAngle = fixEndAngle( _beginAngle, _endAngle );
 			
+			Common.drawCircleArc( 
+				_dountSprite.graphics
+				, _centerPoint
+				, _outRadius
+				, _countAngle
+				, _beginAngle
+				, angleStep
+			);
+			_dountSprite.graphics.lineTo( p1.x, p1.y );
+			
+			if( _innerRadiusEnabled ){
+				p1 = GeoUtils.moveByAngle
+					( 
+						_beginAngle
+						, _centerPoint
+						, innerRadius  
+					)
+					;
+				_innerRadiusSprite.graphics.moveTo( p1.x, p1.y );
 				
-			countAngle = _endAngle;
-			angleStep = .5;
+				Common.drawCircleArc( 
+					_innerRadiusSprite.graphics
+					, _centerPoint
+					, innerRadius
+					, _beginAngle
+					, _endAngle
+					, angleStep
+				);	
+			}
+						
+			dispatchEvent( new JChartEvent( JChartEvent.READY, { index: dataIndex } ) );
+		}
+		
+		private function animationDraw():void{	
+			var _innerStartPoint:Point =
+					GeoUtils.moveByAngle
+					( 
+						_beginAngle
+						, _centerPoint
+						, _inRadius  
+					)
+				, _innerEndPoint:Point =
+					GeoUtils.moveByAngle
+					( 
+						_endAngle
+						, _centerPoint
+						, _inRadius  
+					)
+				, _outerStartPoint:Point = 
+					GeoUtils.moveByAngle
+					( 
+						_beginAngle
+						, _centerPoint
+						, _outRadius  
+					)
+				, _outerEndPoint:Point = 
+					GeoUtils.moveByAngle
+						( 
+							_endAngle
+							, _centerPoint
+							, _outRadius  
+						)
+				;
+			
+			_dountSprite.graphics.moveTo(_innerStartPoint.x, _innerStartPoint.y );
+			_endAngle = fixEndAngle( _beginAngle, _endAngle );
 			
+			_dountSprite.graphics.lineStyle( 1, _fillColor );
 			
-			if( _beginAngle > _endAngle ){
-				_endAngle += 360;
+			if( _innerRadiusEnabled ){
+				var innerFirstPoint:Point = GeoUtils.moveByAngle
+					( 
+						_beginAngle
+						, _centerPoint
+						, innerRadius  
+					)
+					;
+				_innerRadiusSprite.graphics.moveTo( innerFirstPoint.x, innerFirstPoint.y );
+	
 			}
-
 			
-			if( _beginAngle == _endAngle ){
-				_endAngle += 360;		
-			}			
-			while( true )
-			{
-				if( countAngle <= _beginAngle )
-				{
-					tmpPoint = GeoUtils.moveByAngle( _beginAngle, _centerPoint, _outRadius );
-					_dountSprite.graphics.lineTo( tmpPoint.x, tmpPoint.y );
-					break;
-				}
-				tmpPoint = GeoUtils.moveByAngle( countAngle, _centerPoint, _outRadius );
-				_dountSprite.graphics.lineTo( tmpPoint.x, tmpPoint.y );
-				
-				countAngle -= angleStep;
+			TweenLite.to( this, _config.animationDuration
+				, { 
+					count: _endAngle - _countAngle 
+					, onUpdate: function():void{
+						
+						var _curAngle:Number = _beginAngle + _count
+							, _tmpAngle:Number = _countAngle
+							, _anglePad:Number = 0
+						;
+						
+						var _innerStartPointTmp:Point =
+						GeoUtils.moveByAngle
+						( 
+							_tmpAngle
+							, _centerPoint
+							, _inRadius  
+						)
+						, _innerEndPointTmp:Point =
+						GeoUtils.moveByAngle
+						( 
+							_curAngle
+							, _centerPoint
+							, _inRadius  
+						)
+						, _outerStartPointTmp:Point = 
+						GeoUtils.moveByAngle
+						( 
+							_tmpAngle
+							, _centerPoint 
+							, _outRadius  
+						)
+						, _outerEndPointTmp:Point = 
+						GeoUtils.moveByAngle
+						( 
+							_curAngle
+							, _centerPoint
+							, _outRadius  
+						); 
+						
+						Common.drawCircleArc( 
+							_dountSprite.graphics
+							, _centerPoint
+							, _outRadius
+							, _tmpAngle
+							, _curAngle
+							, angleStep
+						);
+						
+						if( _innerRadiusEnabled ){
+							Common.drawCircleArc( 
+								_innerRadiusSprite.graphics
+								, _centerPoint
+								, innerRadius
+								, _tmpAngle
+								, _curAngle
+								, angleStep
+							);
+						}
+					
+							
+						_dountSprite.graphics.lineTo( _innerEndPointTmp.x, _innerEndPointTmp.y );
+						
+						Common.drawCircleArc( 
+							_dountSprite.graphics
+							, _centerPoint
+							, _inRadius
+							, _curAngle
+							, _tmpAngle
+							, angleStep 
+						);
+						
+						_dountSprite.graphics.moveTo( _outerEndPointTmp.x, _outerEndPointTmp.y );	
+						
+						_anglePad = _curAngle - _countAngle;
+						_angleStepCount += _anglePad;
+						_countAngle = _curAngle;						
+						
+						if( _preItem && _dataIndex  ){
+							var _rangle:Number =  _preItem.seriesAngle + _config.offsetAngle - _preItem.endAngle
+							;
+							
+							if( _innerRadiusEnabled ){
+								_innerRadiusSprite.rotation = _rangle;
+							}
+							
+							_dountSprite.rotation = _rangle;
+							_ins.x = _originCenterPoint.x;
+							_ins.y = _originCenterPoint.y;
+							
+						}
+						
+						if( !_dataIndex ){
+							_seriesAngle += _anglePad ;
+//							Log.log( _seriesAngle );
+						}else if( _preItem ){
+							_seriesAngle = _preItem.seriesAngle + _angleStepCount + ( _dataIndex - 1) * _config.angleMargin;
+						} 
+						
+					}
+					, onComplete: 
+					function():void{		
+						if( !_dataIndex ){								
+							_seriesAngle = _config.offsetAngle + Math.abs( _endAngle - _beginAngle );
+						}else if( _preItem ){
+							_seriesAngle = _preItem.seriesAngle + Math.abs( _endAngle - _beginAngle );
+						}
+						_dountSprite.rotation = 0;
+						_innerRadiusSprite.rotation = 0;
+						
+						normalDraw();		
+//						_dountSprite.graphics.endFill();	
+						
+//						dispatchEvent( new JChartEvent( JChartEvent.READY, { index: dataIndex } ) );
+					}
+				} 
+			);
+		}
+		
+		private function fixEndAngle( _bangle:Number, _eangle:Number ):Number{
+			
+			if( _bangle > _eangle ){
+				_eangle += 360;
 			}
-			_dountSprite.graphics.lineTo( p1.x, p1.y );
+			
+			
+			if( _bangle == _eangle ){
+				_eangle += 360;		
+			}	
+			return _eangle;
 		}
 		
 		private function onUpdate( _evt:JChartEvent ):void{
@@ -207,7 +454,7 @@ package org.xas.jchart.common.ui.widget
 			this.dispatchEvent( 
 				new JChartEvent( 
 					JChartEvent.UPDATE_STATUS
-					, { selected: _selected, dataIndex: dataIndex, type: 'click' }
+					, { selected: _selected, dataIndex: dataIndex, index: dataIndex, type: 'click' }
 				) 
 			);	
 		}
@@ -215,16 +462,18 @@ package org.xas.jchart.common.ui.widget
 		private function update( _setter:Boolean ):void{
 			//Log.log( 'PiePart selected', _selected );
 			var _matrix:Matrix = new Matrix()
-				, _distance:Number = 10
 				, _point:Point
 				, _obj:Object
 				, _tw:TweenLite
 				;
 			
 			//TweenLite.defaultEase = com.greensock.easing.Elastic;
+			TweenLite.killTweensOf( _ins, true );
+			
 			if( _selected ){
-				_obj = { x:0, y: 0 };
-				_point = Common.distanceAngleToPoint( _distance, midAngle );
+				_obj = { x:_originCenterPoint.x, y: _originCenterPoint.y };
+				_point = Common.distanceAngleToPoint( _moveDistance, midAngle );
+				_point = _point.add( _originCenterPoint );
 				_tw = new TweenLite( _obj, .5, { 
 					x: _point.x
 					, y: _point.y
@@ -233,7 +482,7 @@ package org.xas.jchart.common.ui.widget
 						//Log.log( _obj.x, _obj.y );
 						_matrix.tx = _obj.x;
 						_matrix.ty = _obj.y;
-						transform.matrix = _matrix;
+						_ins.transform.matrix = _matrix;
 					}
 					, ease: com.greensock.easing.Expo.easeOut
 				} );
@@ -242,22 +491,21 @@ package org.xas.jchart.common.ui.widget
 				_matrix.ty = _point.y;
 				*/
 			} else {
-				_obj = { x: transform.matrix.tx, y: transform.matrix.ty };
-				_point = Common.distanceAngleToPoint( _distance, midAngle );
+				_obj = { x: _ins.transform.matrix.tx, y: _ins.transform.matrix.ty };
 				_tw = new TweenLite( _obj, .5, { 
-					x: 0
-					, y: 0
+					x: _originCenterPoint.x
+					, y: _originCenterPoint.y
 					, onUpdate:
 					function():void{
 						//Log.log( _obj.x, _obj.y );
 						_matrix.tx = _obj.x;
 						_matrix.ty = _obj.y;
-						transform.matrix = _matrix;
+						_ins.transform.matrix = _matrix;
 					}
 					, ease: com.greensock.easing.Expo.easeOut
 				} );
 			}
-			this.transform.matrix = _matrix;			
+//			_ins.transform.matrix = _matrix;			
 		}
 
 		
@@ -280,7 +528,9 @@ package org.xas.jchart.common.ui.widget
 		}
 		
 		protected function onMouseOver( _evt:MouseEvent ):void{
-			flash.ui.Mouse.cursor = MouseCursor.BUTTON;	
+			if( _config.selectableEnabled ){
+				flash.ui.Mouse.cursor = MouseCursor.BUTTON;	
+			}
 		}
 		
 		protected function onMouseOut( _evt:MouseEvent ):void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JFillLine.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JFillLine.as
index 146beea..37a0075 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JFillLine.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JFillLine.as
@@ -1,7 +1,11 @@
 package org.xas.jchart.common.ui.widget
 {
+	import com.greensock.TweenLite;
+	
 	import flash.display.GradientType;
+	import flash.display.Graphics;
 	import flash.display.SpreadMethod;
+	import flash.display.Sprite;
 	import flash.geom.Matrix;
 	import flash.geom.Point;
 	
@@ -9,6 +13,7 @@ package org.xas.jchart.common.ui.widget
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.proxy.data.line.BaseLineData;
 
 	public class JFillLine extends JSprite
 	{
@@ -42,6 +47,8 @@ package org.xas.jchart.common.ui.widget
 		private var _lineColor:uint = 0x00ff00;
 		private var _isGradient:Boolean;
 		private var _opacity:Number = .35;
+		private var _delayShow:Number = 0;
+		private var _config:Config;
 		
 		public function JFillLine( _path:Vector.<Point>, _data:Object=null, _isGradient:Boolean = false )
 		{
@@ -54,15 +61,72 @@ package org.xas.jchart.common.ui.widget
 			
 			_data.thickness && ( _thickness = _data.thickness );
 			_data.lineColor && ( _lineColor = _data.lineColor );
+			_data.delayShow && ( _delayShow = _data.delayShow );
 			'fillOpacity' in _data && ( _opacity = _data.fillOpacity );
 			
+			_ins = this;
+			
+			this._config = BaseConfig.ins as Config;
+			
 			init();
 		}
 		
 		private function init():void{
 			if( !( _path && _path.length > 1 ) ) return;
-			this.graphics.lineStyle( 0, _lineColor );
+			
+			if( data.animationEnabled && _path && _path.length > 1 ){
+				animationDraw();
+			}
+			staticDraw();
+		}
+		
+		private function animationDraw():void{
+			var _maskLine:JLine = new JLine( null, null, {} )
+				, _rect:Sprite = new Sprite();
+				;
+
+			_ins.mask = _rect;
+			addChild( _rect );
+			
+			var _data:BaseLineData = new BaseLineData();
+			var _pathPoint :Vector.<Point> = new Vector.<Point>;
+			var _totalLength:Number = _data.totalLineLength( _path );
+			_maskLine.count = 0;
+			
+			TweenLite.delayedCall( data.delay, function():void{
+				TweenLite.to( _maskLine, data.duration, { count: _totalLength
+					, onUpdate: function():void{
+						
+						
+						_pathPoint = _data.calPosition( _path, _maskLine.count );	
+						var _tmpPoint:Point = _pathPoint[ _pathPoint.length -1 ];
+						
+						_rect.graphics.clear();
+						_rect.graphics.beginFill( 0xffffff );
 						
+						_rect.graphics.drawRect( 
+							BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY
+							, _tmpPoint.x - BaseConfig.ins.c.chartX
+							, BaseConfig.ins.c.chartHeight + 2
+						);
+
+
+						if( _maskLine.count == _totalLength ){							
+							_ins.mask = null;
+							_rect.visible = false;
+							_rect && _rect.parent && _rect.parent.removeChild( _rect );
+						}
+						
+					}
+				});
+			});
+			
+		}
+		
+		private function staticDraw():void{
+
+			this.graphics.lineStyle( 0, _lineColor, 0 );
+			
 			if( _isGradient ){
 				var _minY:Number = minY()
 					, _realY:Number = _minY - BaseConfig.ins.c.chartY
@@ -103,19 +167,33 @@ package org.xas.jchart.common.ui.widget
 		
 		private function solidLine():void{
 			
-			Common.each( _path, function( _k:int, _item:Point ):void{
+			var lineBreak:Boolean = _config.lineBreakEnable
+				, _minY:Number = _config.c.maxY
+				, _prePoint:Point;
+			
+			Common.each( _path, function( _k:int, _item:Point ):void {
 				if( _k === 0 ){
 					_ins.graphics.moveTo( _item.x, _item.y );
 					return;
 				}
 				
-				var _prePoint:Point = _path[ _k - 1 ];
-				_ins.graphics.lineTo( _item.x, _item.y );
+				_prePoint = _path[ _k - 1 ];
+				
+				if( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) {
+					
+					_ins.graphics.lineTo( _prePoint.x, _minY );
+					
+					if( _item.y != _minY ) {
+						_ins.graphics.lineTo( _item.x, _minY );
+						_ins.graphics.lineTo( _item.x, _item.y );
+					}
+				} else {
+					_ins.graphics.lineTo( _item.x, _item.y );
+				}
 			});
 			
 			var _first:Point = _path[0]
-				, _last:Point = _path[ _path.length - 1 ]
-				;
+				, _last:Point = _path[ _path.length - 1 ];
 						
 			_ins.graphics.lineTo( _last.x, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
 			_ins.graphics.lineTo( _first.x, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JLine.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JLine.as
index ca1f87f..5f6a704 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JLine.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JLine.as
@@ -2,8 +2,11 @@ package org.xas.jchart.common.ui.widget
 {
 	import flash.geom.Point;
 	
+	import flashx.textLayout.formats.LineBreak;
+	
 	import org.xas.core.utils.GeoUtils;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 
 	public class JLine extends JSprite
@@ -33,10 +36,16 @@ package org.xas.jchart.common.ui.widget
 		public static const DOT_RADIUS:Number = .5;
 		public static const DOT_SPACE:Number = 10;
 		
+		private var _config:Config;
 		private var _ins:JLine;
 		private var _thickness:int = 2;
 		private var _lineColor:uint = 0x00ff00;
 		
+		public var count:Number;
+		
+		private var lineBreak:Boolean;
+		private var _minY:Number;
+		
 		public function JLine( _path:Vector.<Point>, _type:String = 'Solid', _data:Object=null)
 		{
 			_ins = this;
@@ -49,6 +58,8 @@ package org.xas.jchart.common.ui.widget
 			_data.thickness && ( _thickness = _data.thickness );
 			_data.lineColor && ( _lineColor = _data.lineColor );
 			
+			this._config = BaseConfig.ins as Config;
+			
 			init();
 		}
 		
@@ -56,6 +67,9 @@ package org.xas.jchart.common.ui.widget
 			if( !( _path && _path.length > 1 ) ) return;
 			this.graphics.lineStyle( _thickness, _lineColor );
 			
+			lineBreak = _config.lineBreakEnable;
+			_minY = _config.c.maxY;
+			
 			switch( _type ){
 				case DOT: dotLine(); break;
 				case SHORT_DOT: shortDotLine(); break;
@@ -85,18 +99,19 @@ package org.xas.jchart.common.ui.widget
 				var _angle:Number = GeoUtils.pointAngle( _prePoint, _item )
 				, _diameter:Number = GeoUtils.pointLength( _prePoint.x, _prePoint.y, _item.x, _item.y )
 				, _count:Number = 0
-				, _tmpPoint:Point = _prePoint.clone()
-				;	
+				, _tmpPoint:Point = _prePoint.clone();	
 				
 				_ins.graphics.moveTo( _prePoint.x, _prePoint.y );
-				//Log.log( _angle, _diameter );
-				while( _count < ( _diameter - DOT_RADIUS ) ){
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DOT_RADIUS );
-					_ins.graphics.drawCircle( _tmpPoint.x, _tmpPoint.y, DOT_RADIUS );
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DOT_RADIUS + DOT_SPACE );
-					_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
-					
-					_count += DOT_RADIUS + DOT_SPACE;
+				
+				if( !( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) ) {
+					while( _count < ( _diameter - DOT_RADIUS ) ){
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DOT_RADIUS );
+						_ins.graphics.drawCircle( _tmpPoint.x, _tmpPoint.y, DOT_RADIUS );
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DOT_RADIUS + DOT_SPACE );
+						_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
+						
+						_count += DOT_RADIUS + DOT_SPACE;
+					}
 				}
 				_prePoint = _item.clone();
 			});
@@ -123,14 +138,16 @@ package org.xas.jchart.common.ui.widget
 				;	
 				
 				_ins.graphics.moveTo( _prePoint.x, _prePoint.y );
-				//Log.log( _angle, _diameter );
-				while( _count < ( _diameter - SHORT_DOT_RADIUS ) ){
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DOT_RADIUS );
-					_ins.graphics.drawCircle( _tmpPoint.x, _tmpPoint.y, SHORT_DOT_RADIUS );
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DOT_RADIUS + SHORT_DOT_SPACE );
-					_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
-					
-					_count += SHORT_DOT_RADIUS + SHORT_DOT_SPACE;
+				
+				if( !( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) ) {
+					while( _count < ( _diameter - SHORT_DOT_RADIUS ) ){
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DOT_RADIUS );
+						_ins.graphics.drawCircle( _tmpPoint.x, _tmpPoint.y, SHORT_DOT_RADIUS );
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DOT_RADIUS + SHORT_DOT_SPACE );
+						_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
+						
+						_count += SHORT_DOT_RADIUS + SHORT_DOT_SPACE;
+					}
 				}
 				_prePoint = _item.clone();
 			});
@@ -138,14 +155,21 @@ package org.xas.jchart.common.ui.widget
 		
 		private function solidLine():void{
 			
+			var _prePoint:Point;
+			
 			Common.each( _path, function( _k:int, _item:Point ):void{
 				if( _k === 0 ){
 					_ins.graphics.moveTo( _item.x, _item.y );
 					return;
 				}
 				
-				var _prePoint:Point = _path[ _k - 1 ];
-				_ins.graphics.lineTo( _item.x, _item.y );
+				_prePoint = _path[ _k - 1 ];
+				
+				if( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ){
+					_ins.graphics.moveTo( _item.x, _item.y );
+				} else {
+					_ins.graphics.lineTo( _item.x, _item.y );
+				}
 			});
 		}
 		
@@ -171,26 +195,28 @@ package org.xas.jchart.common.ui.widget
 				;	
 				
 				_ins.graphics.moveTo( _prePoint.x, _prePoint.y );
-				//Log.log( _angle, _diameter );
-				while( _count <= _maxDiameter ){
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, LONG_DASH_LEN );
-					_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, LONG_DASH_SPACE );
-					_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
-					
-					_count += LONG_DASH_LEN + LONG_DASH_SPACE;
-					
-					if( _count > _maxDiameter && _count < _diameter ){
-						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, _diameter - _count);
+				
+				if( !( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) ) {
+					while( _count <= _maxDiameter ){
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, LONG_DASH_LEN );
 						_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
-						_ins.graphics.moveTo( _item.x, _item.y );
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, LONG_DASH_SPACE );
+						_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
+						
+						_count += LONG_DASH_LEN + LONG_DASH_SPACE;
+						
+						if( _count > _maxDiameter && _count < _diameter ){
+							_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, _diameter - _count);
+							_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
+							_ins.graphics.moveTo( _item.x, _item.y );
+						}
 					}
 				}
 				_prePoint = _item.clone();
 			});
 		}
 				
-		private function dashLine():void{			
+		private function dashLine():void {			
 			
 			var _prePoint:Point;
 			
@@ -207,24 +233,25 @@ package org.xas.jchart.common.ui.widget
 				var _angle:Number = GeoUtils.pointAngle( _prePoint, _item )
 				, _diameter:Number = GeoUtils.pointLength( _prePoint.x, _prePoint.y, _item.x, _item.y )
 				, _count:Number = 0
-				, _tmpPoint:Point = _prePoint.clone()
-				;	
+				, _tmpPoint:Point = _prePoint.clone();
 				
 				_ins.graphics.moveTo( _prePoint.x, _prePoint.y );
-				//Log.log( _angle, _diameter );
-				while( _count < ( _diameter - DASH_LEN ) ){
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DASH_LEN );
-					_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DASH_SPACE );
-					_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
-					
-					_count += DASH_LEN + DASH_SPACE;
+				
+				if( !( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) ) {
+					while( _count < ( _diameter - SHORT_DASH_LEN ) ){
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DASH_LEN );
+						_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, DASH_SPACE );
+						_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
+						
+						_count += DASH_LEN + DASH_SPACE;
+					}
 				}
 				_prePoint = _item.clone();
-			});
+			} );
 		}
 				
-		private function shortDashLine():void{	
+		private function shortDashLine():void {
 			
 			var _prePoint:Point;
 			
@@ -232,31 +259,31 @@ package org.xas.jchart.common.ui.widget
 				if( _k === 0 ){
 					_ins.graphics.moveTo( _item.x, _item.y );
 					return;
-				}	
+				}
 				
 				if( !_prePoint ){
 					_prePoint = _path[ _k - 1 ];
 				}
 				
 				var _angle:Number = GeoUtils.pointAngle( _prePoint, _item )
-				, _diameter:Number = GeoUtils.pointLength( _prePoint.x, _prePoint.y, _item.x, _item.y )
-				, _count:Number = 0
-				, _tmpPoint:Point = _prePoint.clone()
-				;	
+					, _diameter:Number = GeoUtils.pointLength( _prePoint.x, _prePoint.y, _item.x, _item.y )
+					, _count:Number = 0
+					, _tmpPoint:Point = _prePoint.clone();
 				
 				_ins.graphics.moveTo( _prePoint.x, _prePoint.y );
-				//Log.log( _angle, _diameter );
-				while( _count < ( _diameter - SHORT_DASH_LEN ) ){
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DASH_LEN );
-					_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
-					_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DASH_SPACE );
-					_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
-					
-					_count += SHORT_DASH_LEN + SHORT_DASH_SPACE;
+				
+				if( !( lineBreak && ( _item.y == _minY || _prePoint.y == _minY ) ) ) {
+					while( _count < ( _diameter - SHORT_DASH_LEN ) ){
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DASH_LEN );
+						_ins.graphics.lineTo( _tmpPoint.x, _tmpPoint.y );
+						_tmpPoint = GeoUtils.moveByAngle( _angle, _tmpPoint, SHORT_DASH_SPACE );
+						_ins.graphics.moveTo( _tmpPoint.x, _tmpPoint.y );
+						
+						_count += SHORT_DASH_LEN + SHORT_DASH_SPACE;
+					}
 				}
 				_prePoint = _item.clone();
-			});
-			
+			} );
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JSprite.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JSprite.as
index 3e5a044..6ad04f8 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/JSprite.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/JSprite.as
@@ -5,7 +5,7 @@ package org.xas.jchart.common.ui.widget
 	
 	public class JSprite extends Sprite
 	{
-		private var _data:Object;
+		protected var _data:Object;
 		public function get data():Object{ return _data; }
 		public function set data( _data:Object ):void{ this._data = _data; }
 		
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/NDountPart.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/NDountPart.as
index 659e123..d1548dc 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/NDountPart.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/NDountPart.as
@@ -198,6 +198,8 @@ package org.xas.jchart.common.ui.widget
 				countAngle -= angleStep;
 			}
 			_dountSprite.graphics.lineTo( p1.x, p1.y );
+			
+			dispatchEvent( new JChartEvent( JChartEvent.READY, { index: dataIndex } ) );
 		}
 		
 		public function toggle():void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/PiePart.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/PiePart.as
index e0d4901..b54d831 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/PiePart.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/PiePart.as
@@ -1,6 +1,7 @@
 package org.xas.jchart.common.ui.widget
 {	
 	import com.greensock.TweenLite;
+	import com.greensock.data.TweenLiteVars;
 	import com.greensock.easing.*;
 	
 	import flash.display.Sprite;
@@ -18,18 +19,22 @@ package org.xas.jchart.common.ui.widget
 	import flash.utils.clearTimeout;
 	import flash.utils.setTimeout;
 	
+	import org.osmf.elements.F4MElement;
 	import org.xas.core.utils.EffectUtility;
 	import org.xas.core.utils.ElementUtility;
 	import org.xas.core.utils.GeoUtils;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
 	
-	public class PiePart extends Sprite
+	public class PiePart extends JSprite
 	{
 		private var _centerPoint:Point;
 		public function get centerPoint():Point{ return _centerPoint; }
 		
+		private var _startPoint:Point;
+		
 		private var _radius:Number;
 		public function get radius():Number{ return _radius; }
 		
@@ -41,6 +46,17 @@ package org.xas.jchart.common.ui.widget
 		
 		public function get midAngle():Number{ return _beginAngle + ( _endAngle - _beginAngle ) / 2; }
 		
+		private var _seriesAngle:Number = 0;
+		public function get seriesAngle():Number{ return _seriesAngle; }
+		
+		private var  _angleStepCount:Number = 0;
+		public function get anglePadCount():Number{ return _angleStepCount; }
+		
+		private var _countAngle:Number = 0;
+		public function get countAngle():Number{ return _countAngle; }
+		
+		private var angleStep:Number = .5;		
+		
 		private var _offsetAngle:Number;
 		
 		private var _style:Object;
@@ -49,6 +65,28 @@ package org.xas.jchart.common.ui.widget
 		private var _dataIndex:int = 0;
 		public function get dataIndex():int{ return _dataIndex; }
 		
+		private var _config:Config;
+		
+				
+		private var _lineColor:uint = 0xffffff
+					, _fillColor:uint = 0x000000
+					;
+		
+		private var tempPoint:Point;
+		
+		private var _count:Number = 0;
+		public function get count():Number{ return _count; }
+		public function set count( _setter:Number ):void{ _count = _setter; }
+		
+		private var _originCenterPoint:Point;
+		private var _part:Sprite;
+		private var _ins:PiePart
+		
+		private var _preItem:PiePart;
+		
+		private var _moveDistance:Number = 10;
+		
+		
 		public function PiePart( 
 			_centerPoint:Point
 			 , _beginAngle:Number, _endAngle:Number
@@ -57,9 +95,16 @@ package org.xas.jchart.common.ui.widget
 			 , _style:Object = null
 			 , _hoverStyle:Object = null
 			 , _offsetAngle:Number = 0
+			 , _data:Object = null
 		)
 		{
+			
+			super( _data || {} );
+			_config = BaseConfig.ins as Config;
+			_ins = this;
+			
 			this._centerPoint = _centerPoint;
+			this._originCenterPoint = _centerPoint.clone();
 			this._beginAngle = _beginAngle + _offsetAngle;
 			this._endAngle = _endAngle + _offsetAngle;
 			this._radius = _radius;
@@ -69,14 +114,24 @@ package org.xas.jchart.common.ui.widget
 			this._style = _style;
 			this._hoverStyle = _hoverStyle;
 			
+			if( data.preItem ){
+				_preItem = data.preItem as PiePart;
+			}
+			
+			if( 'moveDistance' in data ){
+				_moveDistance = data.moveDistance;
+			}
+			
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 		}
 		
 		private function addToStage( _evt:Event ):void{
 			
-			addEventListener( MouseEvent.MOUSE_OVER, onMouseOver );
-			addEventListener( MouseEvent.MOUSE_OUT, onMouseOut );
-			addEventListener( MouseEvent.CLICK, onMouseClick );
+			addChild( _part = new Sprite() );
+			
+			_part.addEventListener( MouseEvent.MOUSE_OVER, onMouseOver );
+			_part.addEventListener( MouseEvent.MOUSE_OUT, onMouseOut );
+			_part.addEventListener( MouseEvent.CLICK, onMouseClick );
 			
 			addEventListener( JChartEvent.UPDATE, onUpdate );
 			
@@ -84,65 +139,125 @@ package org.xas.jchart.common.ui.widget
 		}
 		
 		private function draw():void{
-			
-			var _lineColor:uint = 0xffffff
-				, _fillColor:uint = 0x000000
-				;
-			
+						
 			if( _style && _style.color ){
 				_fillColor = _style.color;
 			}
 			
-			graphics.lineStyle(1, _lineColor);
-			graphics.beginFill( _fillColor );
+			_part.graphics.lineStyle(1, _lineColor);
+			_part.graphics.beginFill( _fillColor );
 			
-			graphics.moveTo( _centerPoint.x, _centerPoint.y );
+			_centerPoint.x = 0;
+			_centerPoint.y = 0;
 			
-			var p1:Point = GeoUtils.moveByAngle
+			
+			_startPoint = GeoUtils.moveByAngle
 				( 
 					_beginAngle
 					, _centerPoint
 					, _radius 
 				);
-			graphics.lineTo( p1.x, p1.y );
-			
-			var countAngle:Number = _beginAngle;
-			var angleStep:Number = .5;
-			
-			var tempPoint:Point;
+						
+			_countAngle = _beginAngle;
+			angleStep = .5;
 			
 			
-			if( countAngle > _endAngle ){
+			if( _countAngle > _endAngle ){
 				_endAngle += 360;
 			}
 			
-			if( countAngle == _endAngle || ( countAngle == 0 && _endAngle == 360 ) ){
-				graphics.lineStyle( 1, _fillColor );
+			if( _countAngle == _endAngle || ( _countAngle == 0 && _endAngle == 360 ) ){
+				_part.graphics.lineStyle( 1, _fillColor );
 			}
 			
-			if( countAngle == _endAngle ){
+			if( _countAngle == _endAngle ){
 				_endAngle += 360;		
 			}
 			
-			//Log.log( countAngle, _endAngle );
-			
-			while( true )
-			{
-				if( countAngle >= _endAngle )
-				{
-					tempPoint = GeoUtils.moveByAngle( _endAngle, _centerPoint, _radius );
-					graphics.lineTo( tempPoint.x, tempPoint.y );
-					break;
-				}
-				tempPoint = GeoUtils.moveByAngle( countAngle, _centerPoint, _radius );
-				graphics.lineTo( tempPoint.x, tempPoint.y );
-				
-				//Log.log( countAngle, _radius );
-				
-				countAngle += angleStep;
+			_ins.x = _originCenterPoint.x;
+			_ins.y = _originCenterPoint.y;
+			
+			_part.graphics.moveTo( _centerPoint.x, _centerPoint.y );
+			_part.graphics.lineTo( _startPoint.x, _startPoint.y );
+						
+			if( _config.animationEnabled ){
+				animationDraw();
+			}else{
+				normalDraw();
 			}
+		}
+		
+		private function normalDraw():void{
+
+
+			Common.drawCircleArc( 
+				_part.graphics
+				, _centerPoint
+				, _radius
+				, _countAngle
+				, _endAngle
+				, angleStep 
+			);
+
+			_part.graphics.endFill();
+			
+			dispatchEvent( new JChartEvent( JChartEvent.READY, { index: dataIndex } ) );
+		}
+		
+		private function animationDraw():void{			
+//			normalDraw();
 			
-			graphics.endFill();		
+			TweenLite.to( this, _config.animationDuration
+				, { 
+					count: _endAngle - _countAngle
+					, onUpdate: function():void{
+						var cur:Number = _beginAngle + _count
+							, _tmpAngle:Number = _countAngle
+							, _anglePad:Number = 0
+							;
+							
+						Common.drawCircleArc( 
+							_part.graphics
+							, _centerPoint
+							, _radius
+							, _tmpAngle
+							, cur
+							, angleStep 
+						);
+
+						_anglePad = cur - _countAngle;
+						_angleStepCount += _anglePad;
+						_countAngle = cur;						
+						
+						if( _preItem && _dataIndex  ){
+							var _rangle:Number =  _preItem.seriesAngle + _config.offsetAngle - _preItem.endAngle
+								;
+													
+							_part.rotation = _rangle;
+							_ins.x = _originCenterPoint.x;
+							_ins.y = _originCenterPoint.y;
+						}
+						
+						if( !_dataIndex ){
+							_seriesAngle += _anglePad;
+						}else if( _preItem ){
+							_seriesAngle = _preItem.seriesAngle + _angleStepCount;
+						}
+						
+					}
+					, onComplete: 
+						function():void{		
+							if( !_dataIndex ){								
+								_seriesAngle = _config.offsetAngle + Math.abs( _endAngle - _beginAngle );
+							}else if( _preItem ){
+								_seriesAngle = _preItem.seriesAngle + Math.abs( _endAngle - _beginAngle );
+							}
+							_part.rotation = 0;
+							_part.graphics.endFill();									
+							dispatchEvent( new JChartEvent( JChartEvent.READY, { index: dataIndex } ) );
+						}
+				} 
+			);
 		}
 		
 		private function onUpdate( _evt:JChartEvent ):void{
@@ -150,7 +265,7 @@ package org.xas.jchart.common.ui.widget
 			this.dispatchEvent( 
 				new JChartEvent( 
 					JChartEvent.UPDATE_STATUS
-					, { selected: _selected, dataIndex: dataIndex, type: 'click' }
+					, { selected: _selected, dataIndex: dataIndex, index: dataIndex, type: 'click' }
 				) 
 			);	
 		}
@@ -158,16 +273,17 @@ package org.xas.jchart.common.ui.widget
 		private function update( _setter:Boolean ):void{
 			//Log.log( 'PiePart selected', _selected );
 			var _matrix:Matrix = new Matrix()
-				, _distance:Number = 10
 				, _point:Point
 				, _obj:Object
 				, _tw:TweenLite
 				;
 			
+//			Log.log( 'update:', _selected );
+			
 			//TweenLite.defaultEase = com.greensock.easing.Elastic;
 			if( _selected ){
 				_obj = { x:0, y: 0 };
-				_point = Common.distanceAngleToPoint( _distance, midAngle );
+				_point = Common.distanceAngleToPoint( _moveDistance, midAngle );
 				_tw = new TweenLite( _obj, .5, { 
 					x: _point.x
 					, y: _point.y
@@ -176,7 +292,7 @@ package org.xas.jchart.common.ui.widget
 						//Log.log( _obj.x, _obj.y );
 						_matrix.tx = _obj.x;
 						_matrix.ty = _obj.y;
-						transform.matrix = _matrix;
+						_part.transform.matrix = _matrix;
 					}
 					, ease: com.greensock.easing.Expo.easeOut
 				} );
@@ -185,8 +301,9 @@ package org.xas.jchart.common.ui.widget
 				_matrix.ty = _point.y;
 				*/
 			} else {
-				_obj = { x: transform.matrix.tx, y: transform.matrix.ty };
-				_point = Common.distanceAngleToPoint( _distance, midAngle );
+				if( !( _part && _part.transform && _part.transform.matrix ) ) return; 
+				_obj = { x:_part.transform.matrix.tx, y: _part.transform.matrix.ty };
+				_point = Common.distanceAngleToPoint( _moveDistance, midAngle );
 				_tw = new TweenLite( _obj, .5, { 
 					x: 0
 					, y: 0
@@ -195,12 +312,12 @@ package org.xas.jchart.common.ui.widget
 						//Log.log( _obj.x, _obj.y );
 						_matrix.tx = _obj.x;
 						_matrix.ty = _obj.y;
-						transform.matrix = _matrix;
+						_part.transform.matrix = _matrix;
 					}
 					, ease: com.greensock.easing.Expo.easeOut
 				} );
 			}
-			this.transform.matrix = _matrix;			
+			_part.transform.matrix = _matrix;			
 		}
 		
 		public function unselected():void{
@@ -221,7 +338,9 @@ package org.xas.jchart.common.ui.widget
 		}
 		
 		protected function onMouseOver( _evt:MouseEvent ):void{
-			flash.ui.Mouse.cursor = MouseCursor.BUTTON;	
+			if( _config.selectableEnabled ){
+				flash.ui.Mouse.cursor = MouseCursor.BUTTON;
+			}
 		}
 		
 		protected function onMouseOut( _evt:MouseEvent ):void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/ui/widget/VLineIcon.as b/flash/source/lib/src/org/xas/jchart/common/ui/widget/VLineIcon.as
index 71334da..f508ec5 100644
--- a/flash/source/lib/src/org/xas/jchart/common/ui/widget/VLineIcon.as
+++ b/flash/source/lib/src/org/xas/jchart/common/ui/widget/VLineIcon.as
@@ -1,10 +1,13 @@
 package org.xas.jchart.common.ui.widget
 {
+	import com.greensock.TweenLite;
+	
 	import flash.display.Sprite;
 	import flash.events.Event;
 	import flash.geom.Point;
 	
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	
 	public class VLineIcon extends Sprite
 	{
@@ -37,7 +40,42 @@ package org.xas.jchart.common.ui.widget
 		}
 		
 		private function init():void{
-			unhover();
+			
+			var _ele:DSprite = new DSprite();
+			var _sp:Point = _spoint, _ep:Point = _epoint;
+			
+			_ele.graphics.clear();
+			_ele.graphics.beginFill( _color );
+			_ele.graphics.lineStyle( _lineWidth, _color, _unHoverOpa );
+			
+			addChild( _ele );
+			
+			var _delay:Number = 0;
+			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			
+			if( BaseConfig.ins.animationEnabled ){
+				_ele.max = Math.ceil( _ep.y - _sp.y );
+				_ele.count = 0;
+				
+				TweenLite.delayedCall( _delay, function():void{						
+					TweenLite.to( _ele, BaseConfig.ins.animationDuration
+						, { 
+							count: _ele.max
+							//, ease: Expo.easeIn
+							, onUpdate: function():void{
+								//Log.log( _ele.count );
+								_ele.graphics.clear();
+								_ele.graphics.lineStyle( _lineWidth, _color, _unHoverOpa );
+								_ele.graphics.moveTo( _sp.x, _ep.y );
+								_ele.graphics.lineTo( _sp.x, _ep.y - _ele.count );
+							}
+						} );
+				});
+				
+			}else{
+				_ele.graphics.moveTo( _sp.x, _sp.y );
+				_ele.graphics.lineTo( _ep.x, _ep.y );
+			}
 		}
 		
 		public function hover():void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/BaseBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/BaseBgLineView.as
index 053d582..9cc0feb 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/BaseBgLineView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/BaseBgLineView.as
@@ -18,9 +18,12 @@ package org.xas.jchart.common.view.components.BgLineView
 	
 	public class BaseBgLineView extends Sprite
 	{	
+		protected var config:Config;
+		
 		public function BaseBgLineView()
 		{
 			super(); 
+			config = BaseConfig.ins as Config;
 			
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 			addEventListener( JChartEvent.UPDATE, update );
@@ -38,7 +41,7 @@ package org.xas.jchart.common.view.components.BgLineView
 			
 			this.drawHLine();
 			this.drawVLine();
-			this.drawLineArrow();			
+			this.drawLineArrow();
 		}
 		
 		protected function drawHLine():void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/CurveGramBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/CurveGramBgLineView.as
index 5bfc509..9a7833a 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/CurveGramBgLineView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/CurveGramBgLineView.as
@@ -1,6 +1,7 @@
 package org.xas.jchart.common.view.components.BgLineView
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
@@ -41,85 +42,122 @@ package org.xas.jchart.common.view.components.BgLineView
 		override protected function update( _evt:JChartEvent ):void{
 			super.update( _evt );				
 		}
-		
+		//横线
 		override protected function drawHLine():void{
 			if( !( _config.c && _config.c.vpoint )  ) return;
-			
-			if( !BaseConfig.ins.hlineEnabled ) {
+			var _startX:Number = _config.c.chartX;
+			if( _config.yAxisEnabled ){
+				_startX -= _config.yArrowLength;
+			}
+						
+			if( !_config.hlineEnabled ) {
 				addChildAt( _hboldLine = new Sprite(), 0 );
 				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
-				_hboldLine.graphics.moveTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
-				_hboldLine.graphics.lineTo( BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
+				_hboldLine.graphics.moveTo( _startX, _config.c.chartY + _config.c.chartHeight );
+				_hboldLine.graphics.lineTo( _config.c.chartX + _config.c.chartWidth, _config.c.chartY + _config.c.chartHeight );
 				return;	
 			}	
 			
 			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
-				, _ep:Point = _item.end as Point;
+				, _ep:Point = _item.end as Point
+				, _sx:Number = _startX, _ex:Number = _ep.x
 				;
+				var _ele:DSprite = new DSprite();
+				
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );
 				
-				graphics.moveTo( _sp.x, _sp.y );
-				graphics.lineTo( _ep.x, _ep.y );
+				var _delay:Number = 0;
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+				
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _ex - _sx );
+					_ele.count = 0;
+					
+					//Log.log( _ele.max, _ep.x, _sp.x );
+					TweenLite.delayedCall( _delay, function():void{
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									//Log.log( _ele.count );
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sx, _sp.y );
+									_ele.graphics.lineTo( _sx + _ele.count, _ep.y );
+								}
+							} );
+					} );
+				}else{
+					_ele.graphics.moveTo( _sx, _sp.y );
+					_ele.graphics.lineTo( _ex, _ep.y );
+				}
 				
 			});
 		}
-		
+		//竖线
 		override protected function drawVLine():void{
-			if( !( _config.c && _config.c.hpointReal )  ) return;
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight + 1;
+			if( _config.xAxisEnabled ){
+				_endY += _config.xArrowLength;
+			}
 			
+			if( !( _config.c && _config.c.hpointReal )  ) return;
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-					&& !BaseConfig.ins.hlineEnabled 
-					&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
 				)
-				|| BaseConfig.ins.vsideLineEnabled
+				|| _config.vsideLineEnabled
 			) {
 				addChildAt( _vsideLine = new Sprite(), 0 );
 				_vsideLine.graphics.lineStyle( 1, 0x999999, .35 );
-				_vsideLine.graphics.moveTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY - 5 );
-				_vsideLine.graphics.lineTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight + 5 );
+				_vsideLine.graphics.moveTo( _config.c.chartX, _config.c.chartY );
+				_vsideLine.graphics.lineTo( _config.c.chartX, _endY );
+				return;
 			}
 			
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-					&& !BaseConfig.ins.hlineEnabled 
-					&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
 				)
 			) {
-				
-				Common.each( BaseConfig.ins.c.vpoint, function( _k:int, _item:Object ):void{
+				Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
 					var _sp:Point =_item.start as Point
 					, _ep:Point = _item.end as Point
-					, _sx:Number = _sp.x, _ex:Number = BaseConfig.ins.c.chartX
+					, _sx:Number = _sp.x, _ex:Number = _sx
 					;
-					if( !BaseConfig.ins.yAxisEnabled ){
-						_sx += BaseConfig.ins.c.arrowLength - 2;
+					if( !_config.yAxisEnabled ){
 					}
 					
 					graphics.moveTo( _sx, _sp.y );
-					graphics.lineTo( _ex, _ep.y );
+					graphics.lineTo( _ex, _endY );
 				});
 			}
-
+			
 			_items = new Vector.<VLineIcon>;
+			if( !_config.vlineEnabled ) return;
 			Common.each( _config.c.hpointReal, function( _k:int, _item:Object ):void{
 				var _tmp:VLineIcon
 				, _hpItem:Object = _item
 				, _sp:Point =_item.start as Point
 				, _ep:Point = ( _hpItem.end as Point ).clone();
 				;
-				_ep.y += _config.c.arrowLength;	
-				
-				if( !BaseConfig.ins.displayAllLabel ){
-					if( !( _k in BaseConfig.ins.labelDisplayIndex ) ){
-						_ep.y -= _config.c.arrowLength;	
+				if( !_config.displayAllLabel ){
+					if( ( _k in _config.labelDisplayIndex ) ){
+						_ep.y = _endY;	
 					}
+				}else{
+					_ep.y = _endY;	
 				}
 				
 				addChild( _tmp = new VLineIcon( _sp, _ep ) );
-				!BaseConfig.ins.vlineEnabled && ( _tmp.visible = false );
+				!_config.vlineEnabled && ( _tmp.visible = false );
 				_items.push( _tmp );
 				//graphics.moveTo( _sp.x, _sp.y );
 				//graphics.lineTo( _ep.x, _ep.y );
@@ -137,7 +175,7 @@ package org.xas.jchart.common.view.components.BgLineView
 			
 			if( _preIndex >= 0 ){
 				_items[ _preIndex ].unhover();
-				!BaseConfig.ins.vlineEnabled && ( _items[ _preIndex ].visible = false );
+				!_config.vlineEnabled && ( _items[ _preIndex ].visible = false );
 			}
 			_preIndex = -1;
 		}		
@@ -152,10 +190,10 @@ package org.xas.jchart.common.view.components.BgLineView
 			
 			if( _preIndex >= 0 ){
 				_items[ _preIndex ].unhover();
-				!BaseConfig.ins.vlineEnabled && ( _items[ _preIndex ].visible = false );
+				!_config.vlineEnabled && ( _items[ _preIndex ].visible = false );
 			}
 			_ix >= 0 && _items[ _ix ].hover();
-			!BaseConfig.ins.vlineEnabled && ( _items[ _ix ].visible = true );
+			!_config.vlineEnabled && ( _items[ _ix ].visible = true );
 			
 			_preIndex = _ix;
 			
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HStackBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HStackBgLineView.as
new file mode 100644
index 0000000..4f47689
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HStackBgLineView.as
@@ -0,0 +1,250 @@
+package org.xas.jchart.common.view.components.BgLineView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.DSprite;
+
+	public class HStackBgLineView extends BaseBgLineView
+	{
+		private var _hboldLine:Sprite;
+		private var _vsideLine:Sprite;
+		
+		private var _hlineLs:Vector.<DSprite>;
+		private var _vlineLs:Vector.<DSprite>;
+		
+		public function HStackBgLineView()
+		{
+			super();
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{			
+			super.update( _evt );			
+		}
+		//横线
+		override protected function drawHLine():void{
+			if( !( config.c && config.c.vpoint )  ) return;
+			
+			var _startX:Number = config.c.chartX, _tmp:Number;
+
+			
+			if( !config.vlineEnabled ) {
+				addChildAt( _hboldLine = new Sprite(), 0 );
+				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
+				_hboldLine.graphics.moveTo( _startX, config.c.chartY + config.c.chartHeight );
+				_hboldLine.graphics.lineTo( config.c.chartX + config.c.chartWidth, config.c.chartY + config.c.chartHeight );
+				return;	
+			}	
+			
+			_hlineLs = new Vector.<DSprite>;
+			
+			Common.each( config.c.vpoint, function( _k:int, _item:Object ):void{
+				
+				var _ele:DSprite = new DSprite()
+					,_sp:Point =_item.start as Point
+					, _ep:Point = _item.end as Point
+					, _sx:Number = _startX, _ex:Number = _ep.x
+					, _delay:Number = 0
+					;
+
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );
+				
+				config.xAxisEnabled && ( _delay = config.animationDuration / 2 );
+				
+				if( config.animationEnabled ){
+					_ele.max = Math.ceil( _ex - _sx );
+					_ele.count = 0;
+					
+					//Log.log( _ele.max, _ep.x, _sp.x );
+					TweenLite.delayedCall( _delay, function():void{		
+						TweenLite.to( _ele, config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									//Log.log( _ele.count );
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _startX, _sp.y );
+									_ele.graphics.lineTo( _startX + _ele.count, _ep.y );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _startX, _sp.y );
+					_ele.graphics.lineTo( _ex, _ep.y );
+				}
+				
+				
+				_hlineLs.push( _ele );
+			});
+		}
+		//竖线
+		override protected function drawVLine():void{
+			
+			if( !( config.c && config.c.hlinePoint )  ) return;
+			var _endY:Number = config.c.chartY + config.c.chartHeight + 1
+				, _tmpY:Number = _endY
+				, _plus:Number = 1
+				, _hboldLine:Sprite
+				;
+			if( config.yAxisEnabled ){
+				_tmpY += config.xArrowLength;
+				_endY += config.xArrowLength;
+			}
+			if( !config.hlineEnabled ) {
+				addChildAt( _hboldLine = new Sprite(), 0 );
+				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
+				_hboldLine.graphics.moveTo( config.c.chartX, _tmpY );
+				_hboldLine.graphics.lineTo( config.c.chartX, config.c.chartY );
+				return;	
+			}	
+				
+			if( 
+				( 
+					!config.vlineEnabled 
+						&& !config.hlineEnabled 
+						&& config.xAxisEnabled
+				)
+				|| config.vsideLineEnabled
+			) {
+				addChildAt( _vsideLine = new Sprite(), 0 );
+				_vsideLine.graphics.lineStyle( 1, 0x999999, .35 );
+				_vsideLine.graphics.moveTo( config.c.chartX, config.c.chartY  );
+				_vsideLine.graphics.lineTo( config.c.chartX, _tmpY );
+				return;
+			}
+			
+			if( 
+				( 
+					!config.vlineEnabled 
+					&& !config.hlineEnabled 
+					&& config.xAxisEnabled
+				)
+			) {
+				_vlineLs = new Vector.<DSprite>;
+				
+				Common.each( config.c.vpoint, function( _k:int, _item:Object ):void{
+					var _sp:Point =_item.start as Point
+					, _ep:Point = _item.end as Point
+					, _sx:Number = _sp.x, _ex:Number = _sx
+					;
+					if( !config.xAxisEnabled ){
+//						_sx += config.c.arrowLength - 2;
+					}
+					
+					graphics.moveTo( _sx, _sp.y );
+					graphics.lineTo( _ex, _endY );
+				});
+			}
+			
+			if( !config.hlineEnabled ) return;
+			
+			var _delay:Number = 0;
+			config.xAxisEnabled && ( _delay = config.animationDuration / 2 );
+			
+		
+			Common.each( config.c.hlinePoint, function( _k:int, _item:Object ):void{
+				if( _k >= config.realItemLength ) return;
+				var _sp:Point =_item.start as Point
+				, _ep:Point = _item.end as Point;
+				;
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );				
+				
+				if( config.animationEnabled ){
+					_ele.max = Math.ceil( _endY - _sp.y );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									//Log.log( _ele.count );
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _endY );
+									_ele.graphics.lineTo( _sp.x, _endY - _ele.count );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _sp.x, _sp.y );
+					_ele.graphics.lineTo( _ep.x, _endY );
+				}
+				
+			});	
+		}
+		
+		override protected function drawLineArrow():void{
+			if( !( config.c && config.c.varrowPoint )  ) return;
+//			if( !config.vlineEnabled ) return;
+			if( !config.xAxisEnabled ) return;
+			
+			var _delay:Number = 0;
+			config.xAxisEnabled && ( _delay = config.animationDuration / 2 );
+			
+			Common.each( config.c.varrowPoint, function( _k:int, _item:Object ):void{
+				if( _k >= config.realItemLength ) return;
+				var _sp:Point =_item.start as Point
+					, _ep:Point = _item.end as Point
+					, _sx:Number = _sp.x
+					, _ex:Number = _ep.x
+					;
+				
+				if( !config.displayAllLabel ){
+					if( !( _k in config.labelDisplayIndex ) ){
+						return;
+					}
+				}
+		
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );				
+				
+				if( config.animationEnabled ){
+					_ele.max = Math.ceil( _ep.x - _sp.x );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _sp.y );
+									_ele.graphics.lineTo( _ep.x, _ep.y );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _sp.x, _sp.y );
+					_ele.graphics.lineTo( _ep.x, _ep.y );
+				}
+				
+			});	
+		}
+	}
+} 
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HistogramBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HistogramBgLineView.as
index 9f5adc7..26da32c 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HistogramBgLineView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/HistogramBgLineView.as
@@ -26,52 +26,60 @@ package org.xas.jchart.common.view.components.BgLineView
 		private var _hlineLs:Vector.<DSprite>;
 		private var _vlineLs:Vector.<DSprite>;
 		
+		private var _config:Config;
+		
 		public function HistogramBgLineView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function update( _evt:JChartEvent ):void{			
 			super.update( _evt );			
 		}
-		
+		//横线
 		override protected function drawHLine():void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.vpoint )  ) return;
+			if( !( BaseConfig.ins.c && _config.c.vpoint )  ) return;
+			
+			var _startX:Number = _config.c.chartX;
+			if( _config.yAxisEnabled ){
+				_startX -= _config.yArrowLength;
+			}
 			
-			if( !BaseConfig.ins.hlineEnabled ) {
+			if( !_config.hlineEnabled ) {
 				addChildAt( _hboldLine = new Sprite(), 0 );
 				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
-				_hboldLine.graphics.moveTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
-				_hboldLine.graphics.lineTo( BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
+				_hboldLine.graphics.moveTo( _startX, _config.c.chartY + _config.c.chartHeight );
+				_hboldLine.graphics.lineTo( _config.c.chartX + _config.c.chartWidth, _config.c.chartY + _config.c.chartHeight );
 				return;	
 			}	
 			
 			_hlineLs = new Vector.<DSprite>;
 			
-			Common.each( BaseConfig.ins.c.vpoint, function( _k:int, _item:Object ):void{
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
 				
 				var _ele:DSprite = new DSprite();
 				
 				var _sp:Point =_item.start as Point
 				, _ep:Point = _item.end as Point
-				, _sx:Number = _sp.x, _ex:Number = _ep.x
+				, _sx:Number = _startX, _ex:Number = _ep.x
 				;
-				if( !BaseConfig.ins.yAxisEnabled ){
-					_sx += BaseConfig.ins.c.arrowLength - 2;
+				if( !_config.yAxisEnabled ){
+//					_sx += _config.c.arrowLength - 2;
 				}
 				_ele.graphics.lineStyle( 1, 0x999999, .35 );
 				addChild( _ele );
 				
 				var _delay:Number = 0;
-				BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
 				
-				if( BaseConfig.ins.animationEnabled ){
+				if( _config.animationEnabled ){
 					_ele.max = Math.ceil( _ex - _sx );
 					_ele.count = 0;
 					
 					//Log.log( _ele.max, _ep.x, _sp.x );
 					TweenLite.delayedCall( _delay, function():void{		
-						TweenLite.to( _ele, BaseConfig.ins.animationDuration
+						TweenLite.to( _ele, _config.animationDuration
 							, { 
 								count: _ele.max
 								//, ease: Expo.easeIn
@@ -79,14 +87,14 @@ package org.xas.jchart.common.view.components.BgLineView
 									//Log.log( _ele.count );
 									_ele.graphics.clear();
 									_ele.graphics.lineStyle( 1, 0x999999, .35 );
-									_ele.graphics.moveTo( _sx, _sp.y );
-									_ele.graphics.lineTo( _sx + _ele.count, _ep.y );
+									_ele.graphics.moveTo( _startX, _sp.y );
+									_ele.graphics.lineTo( _startX + _ele.count, _ep.y );
 								}
 							} );
 					});
 					
 				}else{
-					_ele.graphics.moveTo( _sx, _sp.y );
+					_ele.graphics.moveTo( _startX, _sp.y );
 					_ele.graphics.lineTo( _ex, _ep.y );
 				}
 				
@@ -94,53 +102,59 @@ package org.xas.jchart.common.view.components.BgLineView
 				_hlineLs.push( _ele );
 			});
 		}
-		
+		//竖线
 		override protected function drawVLine():void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.hlinePoint )  ) return;
+			if( !( _config.c && _config.c.hlinePoint )  ) return;
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight + 1, _tmpY:Number = _endY, _plus:Number = 1;
+			if( _config.xAxisEnabled ){
+				_tmpY += _config.xArrowLength;
+			}
 				
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-						&& !BaseConfig.ins.hlineEnabled 
-						&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+						&& !_config.hlineEnabled 
+						&& _config.yAxisEnabled
 				)
-				|| BaseConfig.ins.vsideLineEnabled
+				|| _config.vsideLineEnabled
 			) {
 				addChildAt( _vsideLine = new Sprite(), 0 );
 				_vsideLine.graphics.lineStyle( 1, 0x999999, .35 );
-				_vsideLine.graphics.moveTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY - 5 );
-				_vsideLine.graphics.lineTo( BaseConfig.ins.c.chartX, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight + 5 );
+				_vsideLine.graphics.moveTo( _config.c.chartX, _config.c.chartY  );
+				_vsideLine.graphics.lineTo( _config.c.chartX, _tmpY );
+				return;
 			}
 			
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-					&& !BaseConfig.ins.hlineEnabled 
-					&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
 				)
 			) {
 				_vlineLs = new Vector.<DSprite>;
 				
-				Common.each( BaseConfig.ins.c.vpoint, function( _k:int, _item:Object ):void{
+				Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
 					var _sp:Point =_item.start as Point
 					, _ep:Point = _item.end as Point
-					, _sx:Number = _sp.x, _ex:Number = BaseConfig.ins.c.chartX
+					, _sx:Number = _sp.x, _ex:Number = _sx
 					;
-					if( !BaseConfig.ins.yAxisEnabled ){
-						_sx += BaseConfig.ins.c.arrowLength - 2;
+					if( !_config.xAxisEnabled ){
+//						_sx += _config.c.arrowLength - 2;
 					}
 					
 					graphics.moveTo( _sx, _sp.y );
-					graphics.lineTo( _ex, _ep.y );
+					graphics.lineTo( _ex, _endY );
 				});
 			}
 			
-			if( !BaseConfig.ins.vlineEnabled ) return;
+			if( !_config.vlineEnabled ) return;
 			
 			var _delay:Number = 0;
-			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
 			
-			Common.each( BaseConfig.ins.c.hlinePoint, function( _k:int, _item:Object ):void{
+			
+			Common.each( _config.c.hlinePoint, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
 				, _ep:Point = _item.end as Point;
 				;
@@ -148,12 +162,12 @@ package org.xas.jchart.common.view.components.BgLineView
 				_ele.graphics.lineStyle( 1, 0x999999, .35 );
 				addChild( _ele );				
 				
-				if( BaseConfig.ins.animationEnabled ){
-					_ele.max = Math.ceil( _ep.y - _sp.y );
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _endY - _sp.y );
 					_ele.count = 0;
 					
 					TweenLite.delayedCall( _delay, function():void{						
-						TweenLite.to( _ele, BaseConfig.ins.animationDuration
+						TweenLite.to( _ele, _config.animationDuration
 							, { 
 								count: _ele.max
 								//, ease: Expo.easeIn
@@ -161,49 +175,61 @@ package org.xas.jchart.common.view.components.BgLineView
 									//Log.log( _ele.count );
 									_ele.graphics.clear();
 									_ele.graphics.lineStyle( 1, 0x999999, .35 );
-									_ele.graphics.moveTo( _sp.x, _ep.y );
-									_ele.graphics.lineTo( _sp.x, _ep.y - _ele.count );
+									_ele.graphics.moveTo( _sp.x, _ep.y + _plus );
+									_ele.graphics.lineTo( _sp.x, _ep.y + _plus- _ele.count );
 								}
 							} );
 					});
 					
 				}else{
 					_ele.graphics.moveTo( _sp.x, _sp.y );
-					_ele.graphics.lineTo( _ep.x, _ep.y );
+					_ele.graphics.lineTo( _ep.x, _endY );
 				}
 				
 			});	
 		}
 		
 		override protected function drawLineArrow():void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.hpoint )  ) return;
-			if( !BaseConfig.ins.vlineEnabled ) return;
-			
+			if( !( _config.c && _config.c.hpoint )  ) return;
+			if( !_config.vlineEnabled ) return;
+
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight;
+			if( _config.xAxisEnabled ){
+				_endY += _config.xArrowLength;
+			}
 			
 			var _delay:Number = 0;
-			BaseConfig.ins.xAxisEnabled && ( _delay = BaseConfig.ins.animationDuration / 2 );
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
 			
-			Common.each( BaseConfig.ins.c.hpoint, function( _k:int, _item:Object ):void{
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
 				, _ep:Point = _item.end as Point;
 				;
 				
-				if( !BaseConfig.ins.displayAllLabel ){
-					if( !( _k in BaseConfig.ins.labelDisplayIndex ) ){
+				if( !_config.displayAllLabel ){
+					if( !( _k in _config.labelDisplayIndex ) ){
 						return;
 					}
 				}
+				if( !_config.displayAllLabel ){
+					if( ( _k in _config.labelDisplayIndex ) ){
+						_ep.y = _endY;	
+					}
+				}else{
+					_ep.y = _endY;	
+				}
+				
 				
 				var _ele:DSprite = new DSprite();
 				_ele.graphics.lineStyle( 1, 0x999999, .35 );
 				addChild( _ele );				
 				
-				if( BaseConfig.ins.animationEnabled ){
+				if( _config.animationEnabled ){
 					_ele.max = Math.ceil( _ep.y - _sp.y );
 					_ele.count = 0;
 					
 					TweenLite.delayedCall( _delay, function():void{						
-						TweenLite.to( _ele, BaseConfig.ins.animationDuration
+						TweenLite.to( _ele, _config.animationDuration
 							, { 
 								count: _ele.max
 								//, ease: Expo.easeIn
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/MixChartBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/MixChartBgLineView.as
new file mode 100644
index 0000000..09ae148
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/MixChartBgLineView.as
@@ -0,0 +1,251 @@
+package org.xas.jchart.common.view.components.BgLineView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.DSprite;
+
+	public class MixChartBgLineView extends BaseBgLineView
+	{
+		private var _hboldLine:Sprite;
+		private var _vsideLine:Sprite;
+		
+		private var _hlineLs:Vector.<DSprite>;
+		private var _vlineLs:Vector.<DSprite>;
+		
+		private var _config:Config;
+		
+		public function MixChartBgLineView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{			
+			super.update( _evt );			
+		}
+		
+		override protected function drawHLine():void{
+			if( !( _config.c && _config.c.vpoint )  ) return;
+			if( !_config.hlineEnabled ) {
+				var _tmpX:Number = _config.c.chartX + _config.c.chartWidth + _config.yArrowLength;
+				if( _tmpX > _config.stageWidth ){
+					_tmpX = _config.stageWidth - 5;
+				}
+				
+				addChildAt( _hboldLine = new Sprite(), 0 );
+				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
+				_hboldLine.graphics.moveTo( _config.c.chartX, _config.c.chartY + _config.c.chartHeight );
+				_hboldLine.graphics.lineTo( _tmpX, _config.c.chartY + _config.c.chartHeight );
+				return;	
+			}	
+			
+			_hlineLs = new Vector.<DSprite>;
+			
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+				
+				var _ele:DSprite = new DSprite();
+				
+				var _sp:Point =_item.start as Point
+				, _ep:Point = _item.end as Point
+				, _sx:Number = _sp.x, _ex:Number = _ep.x
+				;
+				if( _config.c.hasYAxis ){
+					_sx -= _config.yArrowLength;
+				}
+				if( _config.c.hasOppositeYAxis ){
+					_ex += _config.yArrowLength;
+				}
+				
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );
+				
+				var _delay:Number = 0;
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+				
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _ex - _sx );
+					_ele.count = 0;
+					
+					//Log.log( _ele.max, _ep.x, _sp.x );
+					TweenLite.delayedCall( _delay, function():void{		
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									//Log.log( _ele.count );
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sx, _sp.y );
+									_ele.graphics.lineTo( _sx + _ele.count, _ep.y );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _sx, _sp.y );
+					_ele.graphics.lineTo( _ex, _ep.y );
+				}
+				
+				
+				_hlineLs.push( _ele );
+			});
+		}
+		
+		override protected function drawVLine():void{
+			if( !( _config.c && _config.c.hlinePoint )  ) return;
+				
+			if( 
+				( 
+					!_config.vlineEnabled 
+						&& !_config.hlineEnabled 
+						&& _config.yAxisEnabled
+				)
+				|| _config.vsideLineEnabled
+			) {
+				addChildAt( _vsideLine = new Sprite(), 0 );
+				_vsideLine.graphics.lineStyle( 1, 0x999999, .35 );
+				_vsideLine.graphics.moveTo( _config.c.chartX, _config.c.chartY );
+				_vsideLine.graphics.lineTo( _config.c.chartX, _config.c.chartY + _config.c.chartHeight + 5 );
+				return;
+			}
+			
+			if( 
+				( 
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
+				)
+			) {
+				_vlineLs = new Vector.<DSprite>;
+				
+				Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+					var _sp:Point =_item.start as Point
+					, _ep:Point = _item.end as Point
+					, _sx:Number = _sp.x, _ex:Number = _config.c.chartX
+					;
+					if( !_config.yAxisEnabled ){
+						_sx += _config.c.arrowLength - 2;
+					}
+					
+					graphics.moveTo( _sx, _sp.y );
+					graphics.lineTo( _ex, _ep.y );
+				});
+			}
+			
+			if( !_config.vlineEnabled ) return;
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			Common.each( _config.c.hlinePoint, function( _k:int, _item:Object ):void{
+				var _sp:Point =_item.start as Point
+				, _ep:Point = _item.end as Point
+				, _ey:Number = _ep.y
+				;
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );				
+				
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _ey - _sp.y );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									//Log.log( _ele.count );
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _ey );
+									_ele.graphics.lineTo( _sp.x, _ey - _ele.count );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _sp.x, _sp.y );
+					_ele.graphics.lineTo( _ep.x, _ey );
+				}
+				
+			});	
+		}
+		
+		override protected function drawLineArrow():void{
+			if( !( _config.c && _config.c.hpoint )  ) return;
+			if( !_config.vlineEnabled ) return;
+			
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight;
+			if( _config.xAxisEnabled ){
+				_endY += _config.xArrowLength;
+			}
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _sp:Point =_item.start as Point
+				, _ep:Point = _item.end as Point;
+				;
+				
+				if( !_config.displayAllLabel ){
+					if( !( _k in _config.labelDisplayIndex ) ){
+						return;
+					}
+				}
+				if( !_config.displayAllLabel ){
+					if( ( _k in _config.labelDisplayIndex ) ){
+						_ep.y = _endY;	
+					}
+				}else{
+					_ep.y = _endY;	
+				}
+				
+				
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );				
+				
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _ep.y - _sp.y );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								//, ease: Expo.easeIn
+								, onUpdate: function():void{
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _sp.y );
+									_ele.graphics.lineTo( _ep.x, _ep.y );
+								}
+							} );
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _sp.x, _sp.y );
+					_ele.graphics.lineTo( _ep.x, _ep.y );
+				}
+				
+			});	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/RadarBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/RadarBgLineView.as
new file mode 100644
index 0000000..a417788
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/RadarBgLineView.as
@@ -0,0 +1,213 @@
+package org.xas.jchart.common.view.components.BgLineView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Graphics;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.ColorTransform;
+	import flash.geom.Matrix;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.proxy.data.line.BaseLineData;
+	import org.xas.jchart.common.ui.widget.*;
+	
+	public class RadarBgLineView extends BaseBgLineView
+	{
+		private var _items:Vector.<DSprite>;
+		private var _preIndex:int = -1;
+		private var _config:Config;
+		
+		private var _linedata:BaseLineData;
+		
+		private var _baseBg:JSprite;
+		
+		public function RadarBgLineView()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+			
+			_linedata = new BaseLineData();
+				
+			_items = new Vector.<DSprite>();
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			super.update( _evt );				
+		}
+		
+		//横线
+		override protected function drawHLine():void {
+			if( !( _config.c && _config.c.radarBgPoint )  ) return;
+			
+			var _ele:DSprite = new DSprite()
+				, _animationEnabled:Boolean = _config.animationEnabled
+				, _delay:Number = 0;
+			
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			
+			Common.each( _config.c.radarBgPoint, function( _i:Number, _list:Vector.<Point> ):void {
+				
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				_ele.graphics.beginFill( 
+					_i % 2 == 0 ? 0xf9f9f9 : 0xe6e6e6
+					, 1
+				);
+				_ele.mouseEnabled = false;
+				
+				Common.each( _list, function( _idx:Number, _item:Point ):void {
+					if( _idx === 0 ) {
+						_ele.graphics.moveTo( _item.x, _item.y );
+					}
+					_ele.graphics.lineTo( _item.x, _item.y );
+				});
+				_ele.graphics.lineTo( _list[0].x, _list[0].y );
+				
+				if( _animationEnabled ) {
+					_ele.alpha = 0;
+					_ele.count = 0;
+					TweenLite.delayedCall( 0, function():void {
+						TweenLite.to( _ele, _config.animationDuration
+							, {
+								count: 100
+								, ease: Expo.easeIn
+								, onUpdate: function():void{
+									_ele.alpha = _ele.count / 100;
+								}
+							} );
+					} );
+				}
+				
+				addChild( _ele );
+				
+			} );
+		}
+		
+		//竖线
+		override protected function drawVLine():void {
+			if( !( _config.c && _config.c.radarBgPoint )  ) return;
+			
+			var _cPoint:Point = _config.c.centerPoint;
+			
+			var _outPoints:Vector.<Point> = _config.c.radarBgPoint[ 0 ];
+			
+			if( _config.animationEnabled ) {
+				
+				Common.each( _outPoints, function( _i:Number, _item:Point ):void {
+					var _ele:DSprite = new DSprite();
+					_ele.max = Math.ceil( GeoUtils.pointLength( _cPoint.x, _cPoint.y, _item.x, _item.y ) );
+					_ele.count = 0;
+					
+					addChild( _ele );
+					
+					_items.push( _ele );
+					
+					var _angle:Number = GeoUtils.pointAngle( _cPoint, _item );
+					
+					TweenLite.delayedCall( 0, function():void {
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								, ease: Expo.easeIn
+								, onUpdate: function():void{
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _cPoint.x, _cPoint.y );
+									_ele.graphics.lineTo( 
+										_cPoint.x + _ele.count * Math.cos( _angle * Math.PI/180 )
+										, _cPoint.y + _ele.count * Math.sin( _angle * Math.PI/180 )
+									);
+								}
+							} );
+					} );
+				} );
+			} else {
+				Common.each( _outPoints, function( _i:Number, _item:Point ):void {
+					
+					var _ele:JSprite = new JSprite();
+					
+					_ele.graphics.lineStyle( 1, 0x999999, .35 );
+					_ele.graphics.moveTo( _item.x, _item.y );
+					_ele.graphics.lineTo( _cPoint.x, _cPoint.y );
+					
+					addChild( _ele );
+				} );
+			}
+		}
+		
+		override protected function drawLineArrow():void{}
+		
+		private function showTips( _evt: JChartEvent ):void {}
+		
+		private function hideTips( _evt: JChartEvent ):void {
+			
+//			if( _preIndex >= 0 ){
+//				TweenLite.to( _items[ _preIndex ], _config.animationDuration, {
+//					alpha: 1
+//					, ease: Expo.easeOut 
+//				} );
+//			}
+			
+			if( _preIndex >= 0 ) {
+				var _it:DSprite = _items[ _preIndex ];
+				var colorInfo:ColorTransform = _it.transform.colorTransform;
+				colorInfo.color = 0x999999; 
+				_it.transform.colorTransform = colorInfo;
+			}
+			
+			_preIndex = -1;
+		}		
+		
+		private function updateTips( _evt: JChartEvent ):void {
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;
+			
+			if( !( _items && _items.length ) ) return;
+			if( _preIndex == _ix ) return;
+			
+			if( _preIndex >= 0 ) {
+				
+				var _it:DSprite = _items[ _preIndex ];
+				var colorInfo:ColorTransform = _it.transform.colorTransform;
+				colorInfo.color = 0x999999; 
+				_it.transform.colorTransform = colorInfo;
+				
+//				TweenLite.to( _items[ _preIndex ], _config.animationDuration, {
+//					alpha: 1
+//					, ease: Expo.easeOut 
+//				} );
+			}
+			
+			var _it2:DSprite = _items[ _ix ];
+			var colorInfo2:ColorTransform = _it2.transform.colorTransform;
+			colorInfo2.color = 0x000000; 
+			_it2.transform.colorTransform = colorInfo2;
+			
+//			TweenLite.to( _items[ _ix ], _config.animationDuration, {
+//				alpha: 5
+//				, ease: Expo.easeOut 
+//			} );
+			
+			_preIndex = _ix;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/VHistogramBgLineView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/VHistogramBgLineView.as
index 5c0d969..8bf5d67 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/VHistogramBgLineView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/BgLineView/VHistogramBgLineView.as
@@ -1,6 +1,7 @@
 package org.xas.jchart.common.view.components.BgLineView
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
@@ -14,118 +15,229 @@ package org.xas.jchart.common.view.components.BgLineView
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.DSprite;
  
 	public class VHistogramBgLineView extends BaseBgLineView
 	{
 		private var _hboldLine:Sprite;
 		private var _vsideLine:Sprite;
+		private var _config:Config;
 		
 		public function VHistogramBgLineView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function update( _evt:JChartEvent ):void{			
 			super.update( _evt );			
 		}
 		
+		//竖线
 		override protected function drawHLine():void{
 			if( !( BaseConfig.ins.c && BaseConfig.ins.c.vpoint )  ) return;
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight;
+
+			if( _config.vlineEnabled && _config.yAxisEnabled ){
+				_endY += _config.xArrowLength ;
+			}
 			
-			if( !BaseConfig.ins.hlineEnabled ) {
+			if( !_config.hlineEnabled ) {
+
 				addChildAt( _hboldLine = new Sprite(), 0 );
 				_hboldLine.graphics.lineStyle( 1, 0x999999, .35 );
-				_hboldLine.graphics.moveTo( BaseConfig.ins.c.minX, BaseConfig.ins.c.maxY );
-				_hboldLine.graphics.lineTo( BaseConfig.ins.c.minX, BaseConfig.ins.c.minY  );
+				_hboldLine.graphics.moveTo( _config.c.chartX, _endY );
+				_hboldLine.graphics.lineTo( _config.c.chartX, _config.c.chartY  );
 				return;	
 			}
 			
-			Common.each( BaseConfig.ins.c.vpointReal, function( _k:int, _item:Object ):void{
+			
+			Common.each( _config.c.vpointReal, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
 				, _ep:Point = _item.end as Point
-				, _sx:Number = _sp.x, _ex:Number = _ep.x
+				, _sy:Number = _sp.y
 				;
 				
-				graphics.moveTo( _sx, _sp.y );
-				graphics.lineTo( _ex, _ep.y  );
+				var _ele:DSprite = new DSprite();
+				
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );
+				
+				var _delay:Number = 0;
+				
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _endY - _sy );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{		
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								, onUpdate: function():void{
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _endY );
+									_ele.graphics.lineTo( _ep.x, _endY - _ele.count );
+								}
+							} );
+					});
+					
+				} else {
+					_ele.graphics.moveTo( _sp.x, _sy );
+					_ele.graphics.lineTo( _ep.x, _endY );
+				}
 				
 			});
 		}
 		
+		//横线
 		override protected function drawVLine():void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.hlinePoint )  ) return;
+			if( !( _config.c && _config.c.hlinePoint )  ) return;
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-					&& !BaseConfig.ins.hlineEnabled 
-					&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
 				)
-				|| BaseConfig.ins.vsideLineEnabled
+				|| _config.vsideLineEnabled
 			) {
 				addChildAt( _vsideLine = new Sprite(), 0 );
 				_vsideLine.graphics.lineStyle( 1, 0x999999, .35 );
 				
-				_vsideLine.graphics.moveTo( BaseConfig.ins.c.chartX - 10
-					, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight  );
+				_vsideLine.graphics.moveTo( _config.c.chartX - 10
+					, _config.c.chartY + _config.c.chartHeight  );
 				
-				_vsideLine.graphics.lineTo( BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth 
-					, BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight );
+				_vsideLine.graphics.lineTo( _config.c.chartX + _config.c.chartWidth 
+					, _config.c.chartY + _config.c.chartHeight );
+				return;
 			}
 			
-			
 			if( 
 				( 
-					!BaseConfig.ins.vlineEnabled 
-					&& !BaseConfig.ins.hlineEnabled 
-					&& BaseConfig.ins.yAxisEnabled
+					!_config.vlineEnabled 
+					&& !_config.hlineEnabled 
+					&& _config.yAxisEnabled
 				)
 			) {
 				
-				Common.each( BaseConfig.ins.c.vpointReal, function( _k:int, _item:Object ):void{
+				Common.each( _config.c.vpointReal, function( _k:int, _item:Object ):void{
 					var _sp:Point =_item.start as Point
 					, _ep:Point = _item.end as Point
-					, _sx:Number = _sp.x, _ex:Number = BaseConfig.ins.c.chartX
+					, _sx:Number = _sp.x, _ex:Number = _config.c.chartX
 					;
-					if( !BaseConfig.ins.yAxisEnabled ){
-						_sx += BaseConfig.ins.c.arrowLength - 2;
+					if( !_config.yAxisEnabled ){
+//						_sx += _config.c.arrowLength - 2;
 					}
 					
-					graphics.moveTo( _sp.x, _ep.y - BaseConfig.ins.c.arrowLength );
+					graphics.moveTo( _sp.x, _ep.y );
 					graphics.lineTo( _ep.x, _ep.y );
 				});
+				return;
 			}
 			
-			if( !BaseConfig.ins.vlineEnabled ) return;
+			if( !_config.vlineEnabled ) return;
+			
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
 			
-			Common.each( BaseConfig.ins.c.hlinePoint, function( _k:int, _item:Object ):void{
+			Common.each( _config.c.hlinePoint, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
-				, _ep:Point = _item.end as Point;
+				, _ep:Point = _item.end as Point
+				, _endX:Number = _config.c.chartX + _config.c.chartWidth + 1
 				;
 				
-				graphics.moveTo( _sp.x, _sp.y );
-				graphics.lineTo( _ep.x, _ep.y );
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );				
 				
-			});	
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _endX - _sp.x );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								
+								, onUpdate: function():void{
+									
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _sp.x, _ep.y );
+									_ele.graphics.lineTo( _sp.x + _ele.count, _ep.y );
+								}
+							} );
+					});
+				}else{
+					_ele.graphics.moveTo( _sp.x, _sp.y );
+					_ele.graphics.lineTo( _endX, _ep.y );
+				}
+			});
 		}
 		
 		override protected function drawLineArrow():void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.hpoint )  ) return;
-			if( !BaseConfig.ins.vlineEnabled ) return;
+			if( !( _config.c && _config.c.hpoint )  ) return;
+			if( !_config.vlineEnabled ) return;
 			
-			Common.each( BaseConfig.ins.c.hpoint, function( _k:int, _item:Object ):void{
+			var _delay:Number = 0;
+			_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+			if( !_config.xAxisEnabled ) return;
+			
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
 				var _sp:Point =_item.start as Point
-				, _ep:Point = _item.end as Point;
+				, _ep:Point = _item.end as Point
+				, _endY:Number = _config.c.chartY + _config.c.chartHeight + _config.yArrowLength
+				, _startX:Number = _config.c.chartX - _config.xArrowLength
+				, _endX:Number = _config.c.chartX
 				;
 				
-				if( !BaseConfig.ins.displayAllLabel ){
-					if( !( _k in BaseConfig.ins.labelDisplayIndex ) ){
+				if( !_config.displayAllLabel ){
+					if( !( _k in _config.labelDisplayIndex ) ){
 						return;
 					}
 				}
-				graphics.moveTo( _sp.x, _sp.y );
-				graphics.lineTo( _ep.x, _ep.y );
+				
+				var _ele:DSprite = new DSprite();
+				_ele.graphics.lineStyle( 1, 0x999999, .35 );
+				addChild( _ele );
+				
+				if( _config.animationEnabled ){
+					_ele.max = Math.ceil( _config.xArrowLength );
+					_ele.count = 0;
+					
+					TweenLite.delayedCall( _delay, function():void{						
+						TweenLite.to( _ele, _config.animationDuration
+							, { 
+								count: _ele.max
+								, onUpdate: function():void{
+									_ele.graphics.clear();
+									_ele.graphics.lineStyle( 1, 0x999999, .35 );
+									_ele.graphics.moveTo( _startX, _sp.y );
+									_ele.graphics.lineTo( _endX, _ep.y );
+								}
+							});
+					});
+					
+				}else{
+					_ele.graphics.moveTo( _startX, _sp.y );
+					_ele.graphics.lineTo( _endX, _ep.y );
+				}
+				
+//				graphics.moveTo( _sp.x, _sp.y );
+//				graphics.lineTo( _ep.x, _ep.y );
 				
 			});	
+			
+			
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+				var _sp:Point =_item.start as Point
+				, _ep:Point = _item.end as Point
+				, _endY:Number = _config.c.chartY + _config.c.chartHeight + _config.yArrowLength
+				, _startX:Number = _config.c.chartX - _config.xArrowLength
+				, _endX:Number = _config.c.chartX
+				;
+			});
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/BaseGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/BaseGraphicBgView.as
index c499fa1..e5d9152 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/BaseGraphicBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/BaseGraphicBgView.as
@@ -20,10 +20,12 @@ package org.xas.jchart.common.view.components.GraphicBgView
 	public class BaseGraphicBgView extends Sprite
 	{	
 		protected var _hideTimer:Timer;
+		protected var config:Config;
 		
 		public function BaseGraphicBgView()
 		{
 			super();
+			config = BaseConfig.ins as Config;
 		
 			addEventListener( JChartEvent.SHOW_CHART, showChart );
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
@@ -61,27 +63,27 @@ package org.xas.jchart.common.view.components.GraphicBgView
 			this.y = BaseConfig.ins.c.chartY;
 		}
 		
-		protected function onMouseEnter( _evt:MouseEvent ):void{
-			//Log.log( 'GraphicView mouse onMouseEnter' );			
+		protected function onMouseEnter( _evt:MouseEvent ):void {
+			//Log.log( 'GraphicView mouse onMouseEnter' );
 			_hideTimer.running && _hideTimer.stop();
 			this.root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 			this.root.stage.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 			dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, _evt ) );
 		}
 		
-		protected function onMouseLeave( _evt:MouseEvent ):void{
+		protected function onMouseLeave( _evt:MouseEvent ):void {
 			//Log.log( 'GraphicView mouse onMouseLeave' );		
 			this.root.stage.removeEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
 			//dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, _evt ) );	
 			_hideTimer.running && _hideTimer.stop();
 			_hideTimer.start();
-		}	
+		}
 		
-		protected function onTimerHideDone( _evt:TimerEvent ):void{
+		protected function onTimerHideDone( _evt:TimerEvent ):void {
 			dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS ) );
 		}
 		
-		protected function onMouseMove( _evt:MouseEvent ):void{
+		protected function onMouseMove( _evt:MouseEvent ):void {
 		}
 
 	}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/CurveGramGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/CurveGramGraphicBgView.as
index 89c95ac..6f67d63 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/CurveGramGraphicBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/CurveGramGraphicBgView.as
@@ -42,7 +42,7 @@ package org.xas.jchart.common.view.components.GraphicBgView
 			
 			_ix = ( _point.x  - _rect.x ) / BaseConfig.ins.c.rhpart;
 			
-			var _itemLen:int = ( BaseConfig.ins.categories.length - 1 ) * 2
+			var _itemLen:int = ( BaseConfig.ins.realItemLength - 1 ) * 2
 				, _partWidth:Number = ( BaseConfig.ins.c.chartWidth - BaseConfig.ins.c.linePadding ) / _itemLen
 				, _realX:Number = _evt.stageX - ( BaseConfig.ins.c.chartX + BaseConfig.ins.c.linePadding / 2 )
 				;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/HStackGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/HStackGraphicBgView.as
new file mode 100644
index 0000000..adc7c00
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/HStackGraphicBgView.as
@@ -0,0 +1,43 @@
+package org.xas.jchart.common.view.components.GraphicBgView
+{
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class HStackGraphicBgView extends BaseGraphicBgView
+	{
+		
+		public function HStackGraphicBgView()
+		{
+			super();
+		}
+		
+		override protected function onMouseMove( _evt:MouseEvent ):void{
+			var _point:Object = { x: _evt.stageX, y: _evt.stageY }
+				, _rect:Object = { 
+					x: config.c.chartX
+						, y: config.c.chartY
+						, x2: config.c.chartX + config.c.chartWidth 
+						, y2: config.c.chartY + config.c.chartHeight 
+				}
+				, _ix:int = 0
+				;
+			if( !Common.pointRectangleIntersection( _point, _rect ) ) {
+				return;	
+			}
+			
+			_ix = ( _point.y  - _rect.y ) / config.c.vpart;
+			
+			_ix < 0 && ( _ix = 0 );
+			
+			if( config.itemLength ){
+				_ix >= config.itemLength && ( _ix = config.itemLength - 1 );
+			}
+//			Log.log( _ix );
+			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _ix } ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/MixChartGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/MixChartGraphicBgView.as
new file mode 100644
index 0000000..fb5d846
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/MixChartGraphicBgView.as
@@ -0,0 +1,40 @@
+package org.xas.jchart.common.view.components.GraphicBgView
+{
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class MixChartGraphicBgView extends BaseGraphicBgView
+	{
+		public function MixChartGraphicBgView()
+		{
+			super();
+		}
+		
+		override protected function onMouseMove( _evt:MouseEvent ):void{
+			//Log.log( 'GraphicView onMouseMove', new Date().getTime() );
+			var _point:Object = { x: _evt.stageX, y: _evt.stageY }
+				, _rect:Object = { 
+					x: BaseConfig.ins.c.chartX
+						, y: BaseConfig.ins.c.chartY
+						, x2: BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth 
+						, y2: BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight 
+				}
+				, _ix:int = 0
+				;
+			if( !Common.pointRectangleIntersection( _point, _rect ) ) {
+				return;	
+			}
+			
+			_ix = ( _point.x  - _rect.x ) / BaseConfig.ins.c.hpart;
+			_ix < 0 && ( _ix = 0 );
+			if( BaseConfig.ins.cd && BaseConfig.ins.series && BaseConfig.ins.series.length && BaseConfig.ins.series[0].data ){
+				_ix >= BaseConfig.ins.series[0].data.length && ( _ix = BaseConfig.ins.series[0].data.length - 1 );
+			}
+			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _ix } ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/PieGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/PieGraphicBgView.as
index 6c8078f..3d017a4 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/PieGraphicBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/PieGraphicBgView.as
@@ -31,8 +31,41 @@ package org.xas.jchart.common.view.components.GraphicBgView
 		override protected function showChart( _evt: JChartEvent ):void{
 			this.graphics.clear();
 			
-			this.graphics.beginFill( 0xffffff );
-			this.graphics.lineStyle( 1, 0x999999, .35 );
+			var _bgColor:uint = 0xcccccc
+				, _bgAlpha:Number = 0
+				
+				, _borderColor:uint = 0xcccccc
+				, _borderAlpha:uint = 0
+				, _borderThickness:uint = 1
+				;
+			
+			if( 'bgColor' in BaseConfig.ins.chartParams ){
+				_bgColor = BaseConfig.ins.chartParams.bgColor;
+				_borderColor = BaseConfig.ins.chartParams.bgColor;
+			}
+//			if( 'bgAlpha' in BaseConfig.ins.chartParams ){
+//				_bgAlpha = BaseConfig.ins.chartParams.bgAlpha;
+//			}
+			
+			if( BaseConfig.ins.chartParams.graphic ){
+				'bgColor' in BaseConfig.ins.chartParams.graphic 
+					&& ( _bgColor = BaseConfig.ins.chartParams.graphic.bgColor );
+				
+				'bgAlpha' in BaseConfig.ins.chartParams.graphic 
+					&& ( _bgAlpha = BaseConfig.ins.chartParams.graphic.bgAlpha );
+				
+				'borderColor' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderColor = BaseConfig.ins.chartParams.graphic.borderColor );
+				
+				'borderAlpha' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderAlpha = BaseConfig.ins.chartParams.graphic.borderAlpha );
+				
+				'borderThickness' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderThickness = BaseConfig.ins.chartParams.graphic.borderThickness );
+			}
+			
+			this.graphics.beginFill( _bgColor, _bgAlpha );
+			this.graphics.lineStyle( _borderThickness, _borderColor, _borderAlpha );
 			this.graphics.drawRect(
 				0, 0, BaseConfig.ins.c.chartWidth, BaseConfig.ins.c.chartHeight 
 			);
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/RadarGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/RadarGraphicBgView.as
new file mode 100644
index 0000000..6ae6c69
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/RadarGraphicBgView.as
@@ -0,0 +1,112 @@
+package org.xas.jchart.common.view.components.GraphicBgView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Graphics;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class RadarGraphicBgView extends BaseGraphicBgView
+	{	
+		private var _config:Config;
+		
+		public function RadarGraphicBgView()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		
+			addEventListener( JChartEvent.SHOW_CHART, showChart );
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+		}
+
+		override protected function showChart( _evt: JChartEvent ):void {
+			
+			var _bgColor:uint = 0xcccccc
+				, _bgAlpha:Number = 0
+				
+				, _borderColor:uint = 0xcccccc
+				, _borderAlpha:uint = 0
+				, _borderThickness:uint = 1
+				;
+			
+			if( 'bgColor' in BaseConfig.ins.chartParams ) {
+				_bgColor = BaseConfig.ins.chartParams.bgColor;
+				_borderColor = BaseConfig.ins.chartParams.bgColor;
+			}
+			
+			if( BaseConfig.ins.chartParams.graphic ) {
+				'bgColor' in BaseConfig.ins.chartParams.graphic 
+					&& ( _bgColor = BaseConfig.ins.chartParams.graphic.bgColor );
+				
+				'bgAlpha' in BaseConfig.ins.chartParams.graphic 
+					&& ( _bgAlpha = BaseConfig.ins.chartParams.graphic.bgAlpha );
+				
+				'borderColor' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderColor = BaseConfig.ins.chartParams.graphic.borderColor );
+				
+				'borderAlpha' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderAlpha = BaseConfig.ins.chartParams.graphic.borderAlpha );
+				
+				'borderThickness' in BaseConfig.ins.chartParams.graphic 
+					&& ( _borderThickness = BaseConfig.ins.chartParams.graphic.borderThickness );
+			}
+			
+			var _g:Graphics = this.graphics;
+			
+			_g.clear();
+			_g.beginFill( _bgColor, _bgAlpha );
+//			_g.beginFill( 0xcccccc, 1 );
+			_g.lineStyle( _borderThickness, _borderColor, _borderAlpha );
+			
+			var _outerPointList:Vector.<Point> = _config.c.radarBgPoint[ 0 ];
+			Common.each( _outerPointList, function( _idx:Number, _point:Point ):void {
+				if( _idx === 0 ) {
+					_g.moveTo( _point.x, _point.y );
+				}
+				_g.lineTo( _point.x, _point.y );
+			} );
+			_g.lineTo( _outerPointList[0].x, _outerPointList[0].y );
+			_g.endFill();
+		}
+		
+		override protected function addToStage( _evt:Event ):void {
+			this.root.stage.addEventListener( MouseEvent.MOUSE_MOVE, onMouseMove );
+		}
+		
+		override protected function onMouseMove( _evt:MouseEvent ):void {
+			
+			var _mousePoint:Point = new Point( _evt.stageX, _evt.stageY )
+				,  _partAngle:Number = _config.c.partAngle;
+			
+			if( this.hitTestPoint( _mousePoint.x, _mousePoint.y, true ) ) {//检测 mouseEnter
+				
+				dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, _evt ) );
+				
+				var _pointAngle:Number = ( GeoUtils.pointAngle( _config.c.centerPoint, _mousePoint ) + 90 ) % 360
+					, _index:int = ( _pointAngle + _partAngle / 2 ) / _partAngle;
+				
+				_index = Math.max( 0, _index );
+				if( _index > _config.categories.length - 1 ) {
+					_index = 0;
+				}
+				
+				dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _index } ) );
+			} else {
+				dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, _evt ) );
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/VZHistogramGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/VZHistogramGraphicBgView.as
new file mode 100644
index 0000000..9dea166
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/VZHistogramGraphicBgView.as
@@ -0,0 +1,39 @@
+package org.xas.jchart.common.view.components.GraphicBgView
+{
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class VZHistogramGraphicBgView extends BaseGraphicBgView
+	{
+		public function VZHistogramGraphicBgView()
+		{
+			super();
+		}
+		
+		override protected function onMouseMove( _evt:MouseEvent ):void{
+			var _point:Object = { x: _evt.stageX, y: _evt.stageY }
+				, _rect:Object = { 
+					x: BaseConfig.ins.c.chartX
+						, y: BaseConfig.ins.c.chartY
+						, x2: BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth 
+						, y2: BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight 
+				}
+				, _ix:int = 0
+				;
+			if( !Common.pointRectangleIntersection( _point, _rect ) ) {
+				return;	
+			}
+			
+			_ix = ( _point.y  - _rect.y ) / BaseConfig.ins.c.hpart;
+			_ix < 0 && ( _ix = 0 );
+			if( BaseConfig.ins.cd && BaseConfig.ins.series && BaseConfig.ins.series.length ){
+				_ix >= BaseConfig.ins.series.length && ( _ix = BaseConfig.ins.series.length - 1 );
+			}
+			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _ix } ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/ZHistogramGraphicBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/ZHistogramGraphicBgView.as
new file mode 100644
index 0000000..c3fabf1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GraphicBgView/ZHistogramGraphicBgView.as
@@ -0,0 +1,40 @@
+package org.xas.jchart.common.view.components.GraphicBgView
+{
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class ZHistogramGraphicBgView extends BaseGraphicBgView
+	{
+		public function ZHistogramGraphicBgView()
+		{
+			super();
+		}
+		
+		override protected function onMouseMove( _evt:MouseEvent ):void{
+			//Log.log( 'GraphicView onMouseMove', new Date().getTime() );
+			var _point:Object = { x: _evt.stageX, y: _evt.stageY }
+				, _rect:Object = { 
+					x: BaseConfig.ins.c.chartX
+						, y: BaseConfig.ins.c.chartY
+						, x2: BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth 
+						, y2: BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight 
+				}
+				, _ix:int = 0
+				;
+			if( !Common.pointRectangleIntersection( _point, _rect ) ) {
+				return;	
+			}
+			
+			_ix = ( _point.x  - _rect.x ) / BaseConfig.ins.c.hpart;
+			_ix < 0 && ( _ix = 0 );
+			if( BaseConfig.ins.cd && BaseConfig.ins.series && BaseConfig.ins.series.length ){
+				_ix >= BaseConfig.ins.series.length && ( _ix = BaseConfig.ins.series.length - 1 );
+			}
+			dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, { evt: _evt, index: _ix } ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/BaseGroupView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/BaseGroupView.as
new file mode 100644
index 0000000..7697994
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/BaseGroupView.as
@@ -0,0 +1,52 @@
+package org.xas.jchart.common.view.components.GroupView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class BaseGroupView extends Sprite
+	{			
+		protected var _maxHeight:Number = 0;
+		public function get maxHeight():Number{ return _maxHeight; }
+		
+		protected var _startY:Number;
+		
+		public function BaseGroupView( _startY:Number = 0 )
+		{
+			this._startY = _startY;
+			super();
+		
+			addEventListener( JChartEvent.SHOW_CHART, showChart );
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			
+			addEventListener( JChartEvent.SHOW_TIPS, showTips );
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+		}
+		
+		protected function addToStage( _evt:Event ):void{
+		}
+		
+		protected function showChart( _evt: JChartEvent ):void{
+		}
+		
+		protected function showTips( _evt: JChartEvent ):void{
+		}
+		
+		protected function hideTips( _evt: JChartEvent ):void{		
+		}		
+		
+		protected function updateTips( _evt: JChartEvent ):void{
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/CurveGramGroupView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/CurveGramGroupView.as
new file mode 100644
index 0000000..9f6ffa1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/GroupView/CurveGramGroupView.as
@@ -0,0 +1,97 @@
+package org.xas.jchart.common.view.components.GroupView
+{
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	import org.xas.jchart.common.ui.widget.JTextField;
+
+	public class CurveGramGroupView extends BaseGroupView
+	{
+		private var _labelData:Array = [];
+		private var _labelMap:Object = {};
+		private var _labels:Vector.<JTextField>;
+		private var _rects:Vector.<JSprite>;
+		
+		public function CurveGramGroupView( _startY:Number = 0 )
+		{
+			super( _startY );
+		}
+		
+		
+		override protected function addToStage( _evt:Event ):void{
+			//Log.log( '_startY:' + _startY );
+			
+			init();
+			
+			_maxHeight = 0;
+			if( _labels.length ){
+				_maxHeight = _labels[0].height;
+			}
+		}
+		
+		private function init():void{
+			
+			_labels = new Vector.<JTextField>();
+			
+			Common.each( BaseConfig.ins.group.data, function( _k:int, _item:String ):void {
+				if( _item in _labelMap ){
+					_labelMap[ _item ].end = _k;
+				}else{
+					_labelMap[ _item ] = {};
+					_labelMap[ _item ].begin = _k;
+					_labelMap[ _item ].end = _k;
+					_labelData.push( _labelMap[ _item ] );
+					var _label:JTextField = new JTextField( _labelMap[ _item ] );
+					_label.text = _item;
+					_label.y = _startY;
+					
+					Common.implementStyle( _label, [
+						DefaultOptions.subtitle.style
+						, BaseConfig.ins.groupLabelStyle
+					] )
+										
+					addChild( _label );
+					_labels.push( _label );
+				}
+			});
+			
+			//Log.printJSON( _labelMap );
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			//Log.log( 'show chart' );
+			
+			Common.each( _labels, function( _k:int, _item:JTextField ):void{
+				var _data:Object = _item.data
+					, _spoint:Point = BaseConfig.ins.c.hpointReal[ _data.begin ].start as Point
+					, _epoint:Point = BaseConfig.ins.c.hpointReal[ _data.end ].end as Point
+					, _width:Number = _epoint.x - _spoint.x
+					, _height:Number = _epoint.y - _spoint.y
+					;					
+				_item.x = _spoint.x + _width / 2 - _item.width / 2;
+				
+				var _rect:JSprite = new JSprite()
+					, _ix:int = _k % BaseConfig.ins.groupBgColors.length
+					, _color:uint =  BaseConfig.ins.groupBgColors[ _ix ]
+					;
+			
+				if( _k === _labels.length - 1 ){
+					_color = BaseConfig.ins.groupLastBgColors( _color );
+				}
+					
+				_rect.graphics.beginFill( _color );
+				_rect.graphics.lineStyle( 0, 0, 0 );
+				_rect.graphics.drawRect( _spoint.x, _spoint.y, _width, _height );
+				addChild( _rect );				
+			});
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/BaseHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/BaseHLabelView.as
index b4f949f..1c9396f 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/BaseHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/BaseHLabelView.as
@@ -21,18 +21,27 @@ package org.xas.jchart.common.view.components.HLabelView
 		protected var _labels:Vector.<TextField>;
 		public function get labels():Vector.<TextField>{ return _labels; }
 		
+		protected var _tmpLabels:Vector.<TextField>;
+		
 		protected var _maxHeight:Number = 0;
 		public function get maxHeight():Number{ return _maxHeight; }
+		public function set maxHeight( _setter:Number ):void{ _maxHeight = _setter; }
 		
 		protected var _maxWidth:Number = 0;
 		public function get maxWidth():Number{ return _maxWidth; }
+		public function set maxWidth( _setter:Number ):void{ _maxWidth = _setter; }
+		
+		protected var __config:Config;
+		public function get config():Config{ return __config; }
 		
 		public function BaseHLabelView()
 		{
 			super();
+			__config = BaseConfig.ins as Config;
 			
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 			addEventListener( JChartEvent.UPDATE, update );			
+			addEventListener( JChartEvent.RESET_HLABELS, reset );			
 		}
 		
 		protected function addToStage( _evt:Event ):void{
@@ -40,7 +49,33 @@ package org.xas.jchart.common.view.components.HLabelView
 		}
 		
 		protected function update( _evt:JChartEvent ):void{
-
+			if( !( config.c && config.c.hpoint ) ) return;
+			
+			if( config.labelRotationEnable ){
+				rotationUpdate();
+			}else{
+				normalUpdate();
+			}
+		}
+				
+		protected function normalUpdate():void{
+		}
+		
+		protected function rotationUpdate():void{
+			normalUpdate();
+		}
+		
+		protected function reset( _evt:JChartEvent ):void{
+//			Log.log( 'BaseHLabelView.reset' );
+			config.setDisplayAllLabel( false );
+			config.calcLabelDisplayIndex();
+//			Log.printFormatJSON( config.labelDisplayIndex );
+			if( !( labels && labels.length && config.labelDisplayIndex ) ) return;
+			
+			Common.each( labels, function( _k:int, _item:TextField ):void{
+				_item.visible = config.labelDisplayIndex[ _k ] || false;
+				//Log.log( _item.visible );
+			});
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/CurveGramHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/CurveGramHLabelView.as
index 3da15c5..492fba6 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/CurveGramHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/CurveGramHLabelView.as
@@ -1,6 +1,10 @@
 package org.xas.jchart.common.view.components.HLabelView
 {
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
 	import flash.events.Event;
+	import flash.geom.Point;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
 	
@@ -25,6 +29,8 @@ package org.xas.jchart.common.view.components.HLabelView
 			_labels = new Vector.<TextField>();
 			var _v:Number, _t:String, _titem:TextField;
 			
+			//Log.printObject(_config.labelDisplayIndex  );
+			
 			if( _config.cd && _config.cd.xAxis && _config.cd.xAxis.categories ){
 				
 				//Log.log( 'ssssssssss', _config.c.labelWidth );
@@ -42,10 +48,10 @@ package org.xas.jchart.common.view.components.HLabelView
 						if( _config.cd.xAxis.categories === 1 ){
 							
 						}else if( _k === 0 ){
-							_align = 'left';
+							//_align = 'left';
 						}else if( _k === _config.cd.xAxis.categories.length - 1 ){
-							_align = 'right';
-						}
+							//_align = 'right';
+						} 
 					}
 					
 					Common.implementStyle( _titem, [
@@ -56,11 +62,16 @@ package org.xas.jchart.common.view.components.HLabelView
 					] );
 					//Log.log( 'w:', _config.c.labelWidth, 'wrap:', _config.xAxisWordwrap );
 					
-					if( _config.c.labelWidth && _config.xAxisWordwrap ){
-						var _twidth:Number = _config.c.labelWidth;
-						if( _twidth < 14 ) _twidth = 14;
-						_titem.width = _twidth * 1.8;
-						_titem.wordWrap = true;
+					//Log.log( [ _config.c.labelWidth ].join() );
+					
+					
+					if( _config.c.labelWidth ){
+						if( _config.xAxisWordwrap ){
+							var _twidth:Number = _config.c.labelWidth;
+							if( _twidth < 14 ) _twidth = 14;
+							_titem.width = _twidth * 1.5;
+							_titem.wordWrap = true;
+						}
 					}
 					
 					if( !_config.displayAllLabel ){
@@ -68,6 +79,9 @@ package org.xas.jchart.common.view.components.HLabelView
 							_titem.visible = false;
 						}
 					}
+					if( _config.animationEnabled ){
+						_titem.visible = false;
+					}
 					
 					addChild( _titem );
 					
@@ -77,67 +91,156 @@ package org.xas.jchart.common.view.components.HLabelView
 				});			
 			}
 			//Log.log( '_maxHeight', _maxHeight );
+			
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'line' );
 		}
 		
-		override protected function update( _evt:JChartEvent ):void{
+		override protected function normalUpdate():void{
 			if( !( _config.c && _config.c.hpoint ) ) return;
 			
 			Common.each( _config.c.hpointReal, function( _k:int, _item:Object ):void{
 				
-				var _tf:TextField = _labels[ _k ];
+				var _tf:TextField = _labels[ _k ]
+					, _location:Point = new Point( _tf.x, _tf.y )
+					;
+				
+				if( _config.vlineEnabled ){
+					_location = normalPosition( _k, _item, _location );
+				} else {
+					vlineDisabledPosition( _k, _item, _location );
+				}
+				_location.y = _item.end.y;
 				
 				if( _config.vlineEnabled ){
-					normalPosition( _k, _item );
+					_location.y += _config.xArrowLength - 1;
 				}else{
-					vlineDisabledPosition( _k, _item );
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+
+				_tf.x = _location.x;
+				
+				if( _config.animationEnabled ){
+					
+					if( !_config.displayAllLabel ){
+						if( !( _k in _config.labelDisplayIndex ) ){
+							return;
+						}
+					}
+					_tf.visible = true;
+					
+					_tf.y = _location.y + 200;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									y: _location.y
+									, ease: Expo.easeOut } );
+						});
+				}else{					
+					_tf.y = _location.y;
 				}
 				
-				_tf.y = _item.end.y + _config.c.arrowLength;
 			});
 		}
 		
-		private function normalPosition( _index:int, _item:Object ):void{
+		override protected function rotationUpdate():void{
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( _config.c.hpointReal, function( _k:int, _item:Object ):void{
+				
+				var _tf:TextField = _labels[ _k ]
+					, _location:Point = new Point( _tf.x, _tf.y )
+					, _newLocation:Point
+					, _offsetPoint:Point
+					;
+				
+				if( !config.displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
+						return;
+					}
+				}
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				
+				
+				_location.x = _item.end.x;
+				_location.y = _item.end.y;
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+				
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				_tf.x = _newLocation.x;
+				
+				if( _config.animationEnabled ){
+					
+					if( !_config.displayAllLabel ){
+						if( !( _k in _config.labelDisplayIndex ) ){
+							return;
+						}
+					}
+					_tf.visible = true;
+					
+					_tf.y = _newLocation.y + 200;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									y: _newLocation.y
+									, ease: Expo.easeOut } );
+						});
+				}else{					
+					_tf.y = _newLocation.y;
+				}
+				
+			});
+		}
+		
+		private function normalPosition( _index:int, _item:Object, _point:Point ):Point{
 			var _tf:TextField = _labels[ _index ]		
-				, _x:Number = _item.end.x - _tf.width / 2
+				, _k:int = _index
 				;
-			
-			if( _index === 0 ){
-				//Log.log( _config.c.linePadding, 0, _tf.width );
-				_x < _config.c.chartX && ( _x = _config.c.chartX - 3 );
-			}else if( _index === _config.c.hpointReal.length - 1 ){
-				if( _x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
-					_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
-					//Log.log( _config.c.linePadding, 'last', _tf.width );
+			_point.x = _item.end.x - _tf.width / 2;
+						
+			if( _k === 0 ){					
+				_point.x < _config.c.chartX && ( 
+					_point.x = _config.c.chartX - _tf.width / 2 + _tf.textWidth / 2 - 3
+				);
+				//Log.log( _tf.width + ', ' + _config.c.labelWidth );
+			}else if( _k === _config.c.hpointReal.length - 1 ){
+				if( _point.x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
+					//_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
+					_point.x = _config.c.chartX + _config.c.chartWidth - _tf.width / 2 - _tf.textWidth / 2 + 3
 				}
 			}
-			
-			_tf.x = _x;
+			return _point;
 		}
 		
-		private function vlineDisabledPosition( _index:int, _item:Object ):void{
+		private function vlineDisabledPosition( _index:int, _item:Object, _point:Point ):void{
 
 			var _tf:TextField = _labels[ _index ]		
-				, _x:Number = _item.end.x - _tf.width / 2
 				, _chartX:Number = _config.c.chartX + _config.c.linePadding / 2
 				, _chartWidth:Number = _config.c.chartWidth - _config.c.linePadding
 				;
-			//Log.log( _config.c.chartX, _chartX, _config.c.linePadding );
-						
-			/*
-			if( _index === 0 ){
-				_tf.wordWrap = false;
-				//Log.log( _config.c.linePadding, 0, _tf.width );
-				_x < _chartX && ( _x = _chartX - 3 );
-			}else if( _index === _config.c.hpointReal.length - 1 ){
-				_tf.wordWrap = false;
-				if( _x + _tf.width > _chartX + _chartWidth ){
-					_x = _chartX + _chartWidth - _tf.width + 3;
-					//Log.log( _config.c.linePadding, 'last', _tf.width );
-				}
-			}
-			*/
+			_point.x = _item.end.x - _tf.width / 2;
 			
-			_tf.x = _x;
+			if( _point.x + _tf.width > _config.stageWidth ){
+				_point.x = _config.stageWidth - _tf.width;
+			}else if( _point.x - _tf.width / 2 < 1 ){
+				_point.x = 1;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HStackHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HStackHLabelView.as
new file mode 100644
index 0000000..ff498b6
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HStackHLabelView.as
@@ -0,0 +1,182 @@
+package org.xas.jchart.common.view.components.HLabelView
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class HStackHLabelView extends BaseHLabelView
+	{		
+		private var _lRotateFlag:Boolean;
+		
+		private var _labelDir:Number;
+		
+		private var _displayAllLabel:Boolean;
+		private var _config:Config;
+		
+		public function HStackHLabelView()
+		{
+			super();
+			_config = config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+			Common.each( _config.hrealRate, function( _k:int, _item:Number ):*{
+				
+				_item =  _config.hrealRate[ _k ];
+				
+				var _floatLen:int = _config.realRateFloatLen;
+				
+				if( _config.floatLen === 0 && _config.maxNum > 10 ){
+					_floatLen = 0;
+				}
+				
+				if( _config.cd && _config.cd.yAxis && ( 'realRateFloatLen' in _config.cd.yAxis ) ){
+					_floatLen = _config.realRateFloatLen;
+				}
+				
+				//				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
+				_t = Common.moneyFormat( 
+					_item
+					, 3
+					, _config.yAxisAbbrNumber( _item, _floatLen || 0 )
+					, ','
+					, _config.yAxisAbbrNumberEnabled 
+				);
+				
+				_titem = new TextField();				
+				
+				if( _config.isPercent ){
+					_titem.text = _t + '%';
+				}else{
+				} 
+				_titem.text = StringUtils.printf( _config.yAxisFormat, _t );
+//				Log.log( _t );
+				
+				Common.implementStyle( _titem, [
+					DefaultOptions.title.style
+					, DefaultOptions.yAxis.labels.style
+					, { color: 0x838383 }
+					, _config.vlabelsStyle
+				] );
+				
+//				_titem.x = -1000;
+				addChild( _titem );
+				
+				_labels.push( _titem );
+				
+				_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+				_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+			});	
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'hstack' )
+		}
+		
+		override protected function normalUpdate():void{
+			
+			if( !( _config.c && _config.c.hpoint ) ) return;
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
+				if( _k >= _labels.length ) return;
+				var _tf:TextField = _labels[ _k ]
+					, _x:Number = _item.start.x - _tf.width / 2
+					, _y:Number = _item.end.y + _config.yArrowLength
+					;
+					
+				if( _x < 0 ){
+					_x = 0;
+				}
+				
+				if( _x + _tf.width > _config.stageWidth ){
+					_x = _config.stageWidth - _tf.width;
+				}
+				
+				if( _config.animationEnabled ){
+					_tf.visible = true;
+					_tf.y = _y + 200;
+					_tf.x = _x;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _x
+									, y: _y
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					_tf.x = _x;
+					_tf.y = _y;
+				}
+				
+			});
+		}
+		
+		override protected function rotationUpdate():void{
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+				, _location:Point
+				, _newLocation:Point
+				, _offsetPoint:Point
+				;
+
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				
+				/* 指定标签定位的坐标 */
+				var _x:Number, _y:Number;
+				var _chartPoint:Point;
+				
+				_x = _item.end.x;
+				_y = _item.end.y;
+				
+				_location = new Point( _x, _y );
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+				
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				if( BaseConfig.ins.animationEnabled ) {
+					//_tf.visible = true;
+					_tf.y = _newLocation.y + 200;
+					_tf.x = _newLocation.x;
+					TweenLite.delayedCall( 0, function():void{
+						TweenLite.to( _tf, BaseConfig.ins.animationDuration, { 
+							x: _newLocation.x
+							, y: _newLocation.y
+							, ease: Expo.easeOut 
+						} );
+					} );
+				} else {
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y;
+				}
+			});
+		}
+		
+		override protected function reset( _evt:JChartEvent ):void{
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HistogramHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HistogramHLabelView.as
index ebbc705..d3b61db 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HistogramHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/HistogramHLabelView.as
@@ -4,9 +4,12 @@ package org.xas.jchart.common.view.components.HLabelView
 	import com.greensock.easing.Expo;
 	
 	import flash.events.Event;
+	import flash.geom.Point;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
 	
+	import org.xas.core.utils.GeoUtils;
+	import org.xas.core.utils.Log;
 	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
@@ -14,28 +17,38 @@ package org.xas.jchart.common.view.components.HLabelView
 	import org.xas.jchart.common.event.JChartEvent;
 
 	public class HistogramHLabelView extends BaseHLabelView
-	{
+	{		
+		private var _lRotateFlag:Boolean;
+		
+		private var _labelDir:Number;
+		
+		private var _displayAllLabel:Boolean;
 		private var _config:Config;
 		
 		public function HistogramHLabelView()
 		{
 			super();
-			_config = BaseConfig.ins as Config;
+			_config = config;
 		}
 		
 		override protected function addToStage( _evt:Event ):void{
 			_labels = new Vector.<TextField>();
 			var _v:Number, _t:String, _titem:TextField;
+			var _labelRotate:Boolean = config.labelRotationEnable;
+			var _twidth:Number = config.c.labelWidth;
+			
+			_twidth < 16 && ( _twidth = 16 );
+			
+			_displayAllLabel = config.displayAllLabel;
 			
-			if( _config.cd && _config.cd.xAxis && _config.cd.xAxis.categories ){
+			if( config.cd && config.cd.xAxis && config.cd.xAxis.categories ){
 				
-				//Log.log( 'ssssssssss', _config.c.labelWidth );
-				Common.each( _config.cd.xAxis.categories, function( _k:int, _item:* ):*{
+				Common.each( config.cd.xAxis.categories, function( _k:int, _item:* ):*{
 					_t = _item + '';
 					
 					_titem = new TextField();
-					//_titem.text = _t;
-					_titem.text = StringUtils.printf( _config.xAxisFormat, _t );
+					_titem.text = _t
+					_titem.text = StringUtils.printf( config.xAxisFormat, _t );
 					
 					_titem.autoSize = TextFieldAutoSize.LEFT;
 					
@@ -43,74 +56,143 @@ package org.xas.jchart.common.view.components.HLabelView
 						DefaultOptions.title.style
 						, DefaultOptions.xAxis.labels.style
 						, { 'size': 12, color: 0x838383, 'align': 'center' }
-						, _config.labelsStyle
+						, config.labelsStyle
 					] );
-					//Log.log( 'w:', _config.c.labelWidth, 'wrap:', _config.xAxisWordwrap );
 					
-					if( _config.c.labelWidth && _config.xAxisWordwrap ){
-						var _twidth:Number = _config.c.labelWidth;
-						if( _twidth < 14 ) _twidth = 14;
-						_titem.width = _twidth * 1.8;
+					if( config.xAxisWordwrap ) {
+						_titem.width = _twidth * 1.5;
 						_titem.wordWrap = true;
-					}
+					} 
 					
-					if( !_config.displayAllLabel ){
-						if( !( _k in _config.labelDisplayIndex ) ){
+					if( !_displayAllLabel ) {
+						if( !( _k in config.labelDisplayIndex ) ) {
 							_titem.visible = false;
 						}
 					}
-					if( BaseConfig.ins.animationEnabled ){
-						_titem.visible = false;
-					}
 					
+					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+					_titem.x = -1000;
 					addChild( _titem );
 					
 					_labels.push( _titem );
 					
-					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
-				});			
+				} );								
 			}
-			//Log.log( '_maxHeight', _maxHeight );
+			
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'bar' );
+		}
+		
+		override protected function normalUpdate():void{
+			
+			Common.each( config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+				, _location:Point = new Point( _tf.x, _tf.y )
+				;
+				
+				if( !_displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
+						return;
+					}
+				}
+				
+				/* 指定标签定位的坐标 */
+				var _chartPoint:Point;
+				
+				_location.x = _item.end.x - _tf.width / 2;
+				_location.y = _item.end.y;
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+				
+				if( _k === 0 ) {
+					_location.x < config.c.chartX && ( 
+						_location.x = config.c.chartX - _tf.width / 2 + _tf.textWidth / 2 - 3
+					);
+				} else if ( _k === config.c.hpointReal.length - 1 ) {
+					if( _location.x + _tf.width > config.c.chartX + config.c.chartWidth ){
+						_location.x = config.c.chartX + config.c.chartWidth - _tf.width / 2 - _tf.textWidth / 2 + 3
+					}
+				}
+				
+				if( BaseConfig.ins.animationEnabled ) {
+					//_tf.visible = true;
+					_tf.y = _location.y + 200;
+					_tf.x = _location.x;
+					TweenLite.delayedCall( 0, function():void{
+						TweenLite.to( _tf, BaseConfig.ins.animationDuration, { 
+							x: _location.x
+							, y: _location.y
+							, ease: Expo.easeOut 
+						} );
+					} );
+				} else {
+					_tf.x = _location.x;
+					_tf.y = _location.y;
+				}
+			});
 		}
 		
-		override protected function update( _evt:JChartEvent ):void{
-			if( !( _config.c && _config.c.hpoint ) ) return;
+		override protected function rotationUpdate():void{
 			
-			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
-				var _tf:TextField = _labels[ _k ];
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+					, _location:Point
+					, _newLocation:Point
+					, _offsetPoint:Point
+					;
 				
-				if( !_config.displayAllLabel ){
-					if( !( _k in _config.labelDisplayIndex ) ){
+				if( !_displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
 						return;
 					}
 				}
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
 				
 				/* 指定标签定位的坐标 */
-				var _x:Number = _item.end.x - _tf.width / 2;
+				var _x:Number, _y:Number;
+				var _chartPoint:Point;
+				
+				_x = _item.end.x;
+				_y = _item.end.y;
 				
-				if( _k === 0 ){
-					_x < _config.c.chartX && ( _x = _config.c.chartX - 3 );
-				}else if( _k === _config.c.hpointReal.length - 1 ){
-					if( _x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
-						_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
+				_location = new Point( _x, _y );
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
 					}
 				}
 				
-				if( BaseConfig.ins.animationEnabled ){
-					_tf.visible = true;
-					_tf.y = _item.end.y + 200;
-					_tf.x = _x;
-					TweenLite.delayedCall( 0, 
-						function():void{
-							TweenLite.to( _tf, BaseConfig.ins.animationDuration
-								, { 
-									x: _x
-									, y: _item.end.y - 2
-									, ease: Expo.easeOut } );
-						});
-				}else{					
-					_tf.x = _x;
-					_tf.y = _item.end.y - 2;
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				if( BaseConfig.ins.animationEnabled ) {
+					//_tf.visible = true;
+					_tf.y = _newLocation.y + 200;
+					_tf.x = _newLocation.x;
+					TweenLite.delayedCall( 0, function():void{
+						TweenLite.to( _tf, BaseConfig.ins.animationDuration, { 
+							x: _newLocation.x
+							, y: _newLocation.y
+							, ease: Expo.easeOut 
+						} );
+					} );
+				} else {
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y;
 				}
 			});
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/MixChartHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/MixChartHLabelView.as
new file mode 100644
index 0000000..e1789c0
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/MixChartHLabelView.as
@@ -0,0 +1,193 @@
+package org.xas.jchart.common.view.components.HLabelView
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class MixChartHLabelView extends BaseHLabelView
+	{
+		private var _config:Config;
+		
+		public function MixChartHLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+			if( _config.cd && _config.cd.xAxis && _config.cd.xAxis.categories ){
+				
+				//Log.log( 'ssssssssss', _config.c.labelWidth );
+				Common.each( _config.cd.xAxis.categories, function( _k:int, _item:* ):*{
+					_t = _item + '';
+					
+					_titem = new TextField();
+					//_titem.text = _t;
+					_titem.text = StringUtils.printf( _config.xAxisFormat, _t );
+					
+					_titem.autoSize = TextFieldAutoSize.LEFT;
+					
+					Common.implementStyle( _titem, [
+						DefaultOptions.title.style
+						, DefaultOptions.xAxis.labels.style
+						, { 'size': 12, color: 0x838383, 'align': 'center' }
+						, _config.labelsStyle
+					] );
+					//Log.log( 'w:', _config.c.labelWidth, 'wrap:', _config.xAxisWordwrap );
+					
+					if( _config.c.labelWidth && _config.xAxisWordwrap ){
+						var _twidth:Number = _config.c.labelWidth;
+						if( _twidth < 14 ) _twidth = 14;
+						_titem.width = _twidth * 1.5;
+						_titem.wordWrap = true;
+					}
+					
+					if( !_config.displayAllLabel ){
+						if( !( _k in _config.labelDisplayIndex ) ){
+							_titem.visible = false;
+						}
+					}
+					if( BaseConfig.ins.animationEnabled ){
+//						_titem.visible = false;
+					}
+					
+					_titem.x = -1000;
+					addChild( _titem );
+					
+					_labels.push( _titem );
+					
+					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+				});			
+			}
+			//Log.log( '_maxHeight', _maxHeight );
+			
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'mix' );
+		}
+		
+		override protected function normalUpdate():void{
+			if( !( _config.c && _config.c.hpoint ) ) return;
+			
+			if( !( _labels && _labels.length ) ) return;
+			
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ];
+				
+				if( !_config.displayAllLabel ){
+					if( !( _k in _config.labelDisplayIndex ) ){
+						return;
+					}
+				}
+				
+				/* 指定标签定位的坐标 */
+				var _x:Number = _item.end.x - _tf.width / 2
+					, _y:Number = _item.end.y
+					;
+				
+				
+				if( _k === 0 ){					
+					_x < _config.c.chartX && ( 
+						_x = _config.c.chartX - _tf.width / 2 + _tf.textWidth / 2 - 3
+					);
+					//Log.log( _tf.width + ', ' + _config.c.labelWidth );
+				}else if( _k === _config.c.hpointReal.length - 1 ){
+					if( _x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
+						//_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
+						_x = _config.c.chartX + _config.c.chartWidth - _tf.width / 2 - _tf.textWidth / 2 + 3
+					}
+				}
+				
+				if( _config.xAxisEnabled ){
+					_y += _config.yArrowLength;
+				}
+				
+				
+				if( BaseConfig.ins.animationEnabled ){
+					_tf.y = _y + 200;
+					_tf.x = _x;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, BaseConfig.ins.animationDuration
+								, { 
+									x: _x
+									, y: _y - 2
+									, ease: Expo.easeOut } );
+						});
+				}else{					
+					_tf.x = _x;
+					_tf.y = _y - 2;
+				}
+			});
+		}
+		
+		override protected function rotationUpdate():void{
+			
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+				, _location:Point
+				, _newLocation:Point
+				, _offsetPoint:Point
+				;
+				
+				if( !config.displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
+						return;
+					}
+				}
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				
+				/* 指定标签定位的坐标 */
+				var _x:Number, _y:Number;
+				var _chartPoint:Point;
+				
+				_x = _item.end.x ;
+				_y = _item.end.y;
+				
+				_location = new Point( _x, _y );
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				if( BaseConfig.ins.animationEnabled ) {
+					//_tf.visible = true;
+					_tf.y = _newLocation.y + 200;
+					_tf.x = _newLocation.x;
+					TweenLite.delayedCall( 0, function():void{
+						TweenLite.to( _tf, BaseConfig.ins.animationDuration, { 
+							x: _newLocation.x
+							, y: _newLocation.y
+							, ease: Expo.easeOut 
+						} );
+					} );
+				} else {
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y;
+				}
+			});
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/RadarHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/RadarHLabelView.as
new file mode 100644
index 0000000..aa2d28a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/RadarHLabelView.as
@@ -0,0 +1,137 @@
+package org.xas.jchart.common.view.components.HLabelView
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class RadarHLabelView extends BaseHLabelView
+	{
+		private var _config:Config;
+		
+		public function RadarHLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void {
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+			if( _config.cd && _config.cd.xAxis && _config.cd.xAxis.categories ) {
+				
+				Common.each( _config.cd.xAxis.categories, function( _k:int, _item:* ):void {
+					_t = _item + '';
+					
+					_titem = new TextField();
+					_titem.text = StringUtils.printf( _config.xAxisFormat, _t );
+					
+					_titem.autoSize = TextFieldAutoSize.LEFT;
+					
+					var _align:String = 'center';
+					
+					Common.implementStyle( _titem, [
+						DefaultOptions.title.style
+						, DefaultOptions.xAxis.labels.style
+						, { 'size': 12, color: 0x838383, 'align': _align }
+						, _config.labelsStyle
+					] );
+					
+					if( _config.c.labelWidth ) {
+						if( _config.xAxisWordwrap ) {
+							var _twidth:Number = _config.c.labelWidth;
+							if( _twidth < 14 ) _twidth = 14;
+							_titem.width = _twidth * 1.5;
+							_titem.wordWrap = true;
+						}
+					}
+					
+					if( _config.animationEnabled ) {
+						_titem.alpha = 0;
+					}
+					
+					addChild( _titem );
+					
+					_labels.push( _titem );
+					
+					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+				} );			
+			}
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'line' );
+		}
+		
+		override protected function normalUpdate():void {
+
+			if( !( _config.c && _config.c.hpoint ) ) return;
+			
+			var _tmpAngle:Number;
+			
+			Common.each( _config.c.hpoint, function( _idx:int, _point:Point ):void {
+				
+				_tmpAngle = _config.c.radarAngle[ _idx ];
+				
+				var _tf:TextField = _labels[ _idx ];
+				
+				_tf.x = _point.x - _tf.width / 2;
+				_tf.y = _point.y - _tf.height / 2;
+				
+				if( _config.animationEnabled ) {
+					TweenLite.delayedCall( 0, function():void {
+						TweenLite.to( _tf, _config.animationDuration, {
+							alpha: 1
+							, ease: Expo.easeOut 
+						} );
+					} );
+				}
+			} );
+		}
+		
+		override protected function rotationUpdate():void {
+			normalUpdate();
+		}
+		
+		private function normalPosition( _index:int, _item:Object, _point:Point ):Point {
+			var _tf:TextField = _labels[ _index ]		
+				, _k:int = _index
+				;
+			_point.x = _item.end.x - _tf.width / 2;
+						
+			if( _k === 0 ){					
+				_point.x < _config.c.chartX && ( 
+					_point.x = _config.c.chartX - _tf.width / 2 + _tf.textWidth / 2 - 3
+				);
+			}else if( _k === _config.c.hpointReal.length - 1 ){
+				if( _point.x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
+					_point.x = _config.c.chartX + _config.c.chartWidth - _tf.width / 2 - _tf.textWidth / 2 + 3
+				}
+			}
+			return _point;
+		}
+		
+		private function vlineDisabledPosition( _index:int, _item:Object, _point:Point ):void {
+
+			var _tf:TextField = _labels[ _index ]		
+				, _chartX:Number = _config.c.chartX + _config.c.linePadding / 2
+				, _chartWidth:Number = _config.c.chartWidth - _config.c.linePadding
+				;
+			_point.x = _item.end.x - _tf.width / 2;
+			
+			if( _point.x + _tf.width > _config.stageWidth ){
+				_point.x = _config.stageWidth - _tf.width;
+			}else if( _point.x - _tf.width / 2 < 1 ){
+				_point.x = 1;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/TrendHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/TrendHLabelView.as
index 30aae9e..3fd75e5 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/TrendHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/TrendHLabelView.as
@@ -83,7 +83,7 @@ package org.xas.jchart.common.view.components.HLabelView
 				_hlabelNum = _config.c.hpointReal.length;
 			}
 			var _r:Number = Math.floor( _config.c.hpointReal.length / ( _hlabelNum - 1 ) );
-			Log.printObject(_hlabelNum - 1);
+			//Log.printObject(_hlabelNum - 1);
 			var _num:Number = 0;
 			
 			for( var i:Number = 0; i < _hlabelNum; i++ ){
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VHistogramHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VHistogramHLabelView.as
index 3650a74..a99936e 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VHistogramHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VHistogramHLabelView.as
@@ -1,5 +1,8 @@
 package org.xas.jchart.common.view.components.HLabelView
 {
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
 	import flash.events.Event;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
@@ -56,7 +59,7 @@ package org.xas.jchart.common.view.components.HLabelView
 							_titem.visible = false;
 						}
 					}
-					
+					_titem.x = -10000;
 					addChild( _titem );
 					
 					_labels.push( _titem );
@@ -70,14 +73,41 @@ package org.xas.jchart.common.view.components.HLabelView
 		
 		override protected function update( _evt:JChartEvent ):void{
 			if( !( _config.c && _config.c.hpoint ) ) return;
-			
 			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
 				var _tf:TextField = _labels[ _k ];
 				
+				if( !_config.displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
+						return;
+					}
+				}
+				
 				/* 指定标签定位的坐标 */
-				var _y:Number = _item.end.y - _tf.height / 2;
-				_tf.x = _item.start.x - _tf.width;
-				_tf.y = _y;
+				var _y:Number = _item.end.y - _tf.height / 2
+					, _x:Number = _item.start.x - _tf.width
+					;
+					
+					
+				if( _config.vlineEnabled ){
+				}
+				_x -= _config.yArrowLength;
+				
+				if( BaseConfig.ins.animationEnabled ){
+//					_tf.visible = true;
+					_tf.x = _x - 200;
+					_tf.y = _y;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, BaseConfig.ins.animationDuration
+								, { 
+									x: _x
+									, y: _y
+									, ease: Expo.easeOut } );
+						});
+				}else{					
+					_tf.x = _x;
+					_tf.y = _y;
+				}
 			});
 		}
 	}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VZHistogramHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VZHistogramHLabelView.as
new file mode 100644
index 0000000..e59276d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/VZHistogramHLabelView.as
@@ -0,0 +1,115 @@
+package org.xas.jchart.common.view.components.HLabelView
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+
+	public class VZHistogramHLabelView extends BaseHLabelView
+	{
+		private var _config:Config;
+		
+		public function VZHistogramHLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			_labels = new Vector.<TextField>();
+			var _v:Number, _titem:TextField;
+			
+			if( _config.cd && _config.displaySeries ){
+				
+				Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+					
+					_titem = new TextField();
+					_titem.text = StringUtils.printf( _config.xAxisFormat, _item.name );
+					_titem.autoSize = TextFieldAutoSize.LEFT;
+					
+					Common.implementStyle( _titem, [
+						DefaultOptions.title.style
+						, DefaultOptions.xAxis.labels.style
+						, { 'size': 12, color: 0x838383, 'align': 'center' }
+						, _config.labelsStyle
+					] );
+					
+					if( _config.c.labelWidth && _config.xAxisWordwrap ){
+						var _twidth:Number = _config.c.labelWidth;
+						if( _twidth < 14 ) _twidth = 14;
+						_titem.width = _twidth * 1.8;
+						_titem.wordWrap = true;
+					}
+					
+//					if( BaseConfig.ins.animationEnabled ){
+//						_titem.visible = false;
+//					}
+					_titem.x = -1000;
+					
+					addChild( _titem );
+					
+					_labels.push( _titem );
+					
+					_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+				});			
+			}
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			if( !( _config.c && _config.c.hpoint ) ) return;
+			
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
+				
+				var _tf:TextField = _labels[ _k ];
+				
+				if( !_config.displayAllLabel ) {
+					if( !( _k in config.labelDisplayIndex ) ) {
+						return;
+					}
+				}
+
+				/* 指定标签定位的坐标 */
+				var _y:Number = _item.end.y - _tf.height / 2
+					, _x:Number = _item.start.x
+					;
+				
+				if( _config.xAxisEnabled && _config.hlineEnabled ){
+					_x -= ( _config.xArrowLength );
+				}
+				
+				if( _k === 0 ){
+					_y < _config.c.chartY && ( _y = _config.c.chartY - 3 );
+				}else if( _k === _config.c.hpointReal.length - 1 ){
+					if( _y + _tf.height > _config.c.chartY + _config.c.chartHeight ){
+						_y = _config.c.chartY + _config.c.chartHeight - _tf.height + 3;
+					}
+				}
+				
+				if( BaseConfig.ins.animationEnabled ){
+					_tf.x = _x - _tf.width - 200;
+					_tf.y = _y;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, BaseConfig.ins.animationDuration
+								, { 
+									x: _x - _tf.width
+									, y: _y
+									, ease: Expo.easeOut } );
+						});
+				}else{					
+					_tf.x = _x - _tf.width;
+					_tf.y = _y;
+				}
+			});
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/ZHistogramHLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/ZHistogramHLabelView.as
index 6942ebc..d3527fc 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/ZHistogramHLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HLabelView/ZHistogramHLabelView.as
@@ -4,9 +4,11 @@ package org.xas.jchart.common.view.components.HLabelView
 	import com.greensock.easing.Expo;
 	
 	import flash.events.Event;
+	import flash.geom.Point;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
 	
+	import org.xas.core.utils.Log;
 	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
@@ -48,63 +50,110 @@ package org.xas.jchart.common.view.components.HLabelView
 						_titem.width = _twidth * 1.8;
 						_titem.wordWrap = true;
 					}
-					
-					if( !_config.displayAllLabel ){
-						if( !( _k in _config.labelDisplayIndex ) ){
-							_titem.visible = false;
-						}
-					}
-					if( BaseConfig.ins.animationEnabled ){
-						_titem.visible = false;
-					}
+//					
+//					if( BaseConfig.ins.animationEnabled ){
+//						_titem.visible = false;//false
+//					}
+					_titem.x = -1000;
 					
 					addChild( _titem );
 					
 					_labels.push( _titem );
 					
 					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
-				});			
+				});
 			}
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS, {}, 'column' );
 		}
 		
-		override protected function update( _evt:JChartEvent ):void{
+		override protected function normalUpdate( ):void{
 			if( !( _config.c && _config.c.hpoint ) ) return;
 			
 			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
-				var _tf:TextField = _labels[ _k ];
+				var _tf:TextField = _labels[ _k ]
+				, _location:Point = new Point( _tf.x, _tf.y )
+				;
 				
-				if( !_config.displayAllLabel ){
-					if( !( _k in _config.labelDisplayIndex ) ){
-						return;
+				/* 指定标签定位的坐标 */
+				_location.x = _item.end.x - _tf.width / 2;
+				_location.y = _item.end.y;
+				
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
 					}
 				}
 				
-				/* 指定标签定位的坐标 */
-				var _x:Number = _item.end.x - _tf.width / 2;
-				
 				if( _k === 0 ){
-					_x < _config.c.chartX && ( _x = _config.c.chartX - 3 );
+					_location.x < _config.c.chartX && ( _location.x = _config.c.chartX - 3 );
 				}else if( _k === _config.c.hpointReal.length - 1 ){
-					if( _x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
-						_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
+					if( _location.x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
+						_location.x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
 					}
 				}
 				
 				if( BaseConfig.ins.animationEnabled ){
-					_tf.visible = true;
-					_tf.y = _item.end.y + 200;
-					_tf.x = _x;
+					_tf.y = _location.y + 200;
+					_tf.x = _location.x;
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, BaseConfig.ins.animationDuration
+								, { 
+									x: _location.x
+									, y: _location.y - 2
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					_tf.x = _location.x;
+					_tf.y = _location.y - 2;
+				}
+			});
+		}
+		
+		override protected function rotationUpdate():void{
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( _config.c.hpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ];
+				
+				/* 指定标签定位的坐标 */
+				var _location:Point = new Point( _item.end.x, _item.end.y )
+					, _offsetPoint:Point
+					, _newLocation:Point
+					;				
+					
+				if( _config.vlineEnabled ){
+					_location.y += _config.xArrowLength - 1;
+				}else{
+					if( _config.xAxisEnabled ){
+						_location.y += _config.xArrowLength - 1;
+					}else{
+						_location.y += 2;
+					}
+				}
+					
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				if( BaseConfig.ins.animationEnabled ){
+					_tf.y = _newLocation.y + 200;
+					_tf.x = _newLocation.x;
 					TweenLite.delayedCall( 0, 
 						function():void{
 							TweenLite.to( _tf, BaseConfig.ins.animationDuration
 								, { 
-									x: _x
-									, y: _item.end.y - 2
+									x: _newLocation.x
+									, y: _newLocation.y
 									, ease: Expo.easeOut } );
 						});
-				}else{					
-					_tf.x = _x;
-					_tf.y = _item.end.y - 2;
+				}else{
+					_tf.x = _newLocation.y;
+					_tf.y = _newLocation.y;
 				}
 			});
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HStackHoverBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HStackHoverBgView.as
new file mode 100644
index 0000000..17afb21
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HStackHoverBgView.as
@@ -0,0 +1,119 @@
+package org.xas.jchart.common.view.components.HoverBgView
+{
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+
+	public class HStackHoverBgView extends BaseHoverBgView
+	{
+		private var _config:Config;
+		
+		public function HStackHoverBgView()
+		{			
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			
+//			Log.log( 'StackHoverBgView' );
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.stackItems ) ) return;
+			_boxs = new Vector.<Sprite>();
+//			Log.log( 1111111111 );
+			
+			Common.each( _config.c.stackItems, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite()
+					, _bgColor:uint = 0xF0F0F0
+					, _borderColor:uint = 0xB4B4B4
+					, _borderWidth:uint = 2
+					, _x:Number
+					, _w:Number
+					, _pad:Number = 15
+					;
+				
+				( 'bgColor' in _config.hoverBgStyle ) && ( _bgColor = _config.hoverBgStyle.bgColor );
+				( 'borderColor' in _config.hoverBgStyle ) && ( _borderColor = _config.hoverBgStyle.borderColor );
+				( 'borderWidth' in _config.hoverBgStyle ) && ( _borderWidth = _config.hoverBgStyle.borderWidth );
+				
+				_box.graphics.beginFill( _bgColor );
+				_box.graphics.lineStyle( _borderWidth, _borderColor );
+				
+				if( _item.realWidth && _item.height ){
+					_x = _item.x;
+					_w = _item.width;
+					
+					if( _item.hasPositive ){
+						_w += _pad;
+						if( _x + _w > _config.c.chartX + _config.c.chartWidth ){
+							_w = _config.c.chartX + _config.c.chartWidth - _x;
+						}
+					}
+					
+					if( _item.hasNegative ){
+						if( _x - _pad >= _config.c.chartX ){
+							_w += _pad;
+							_x -= _pad;
+						}else{
+							_w = _w + ( _x - _config.c.chartX );
+							_x = _config.c.chartX;
+						}
+					}
+					
+					_box.graphics.drawRect( 
+						_x
+						, _item.y
+						, _w
+						, _item.height
+					);
+				}
+				
+					
+				_box.visible = false;
+
+				_boxs.push( _box );
+				addChild( _box );
+			});
+		}
+		
+		override protected function showTips( _evt: JChartEvent ):void{
+		}
+		
+		override protected function hideTips( _evt: JChartEvent ):void{	
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			_preIndex = -1;
+		}		
+		
+		override protected function updateTips( _evt: JChartEvent ):void{
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			
+			_boxs[ _ix ].visible = true;
+			_preIndex = _ix;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HistogramHoverBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HistogramHoverBgView.as
index bf232fc..dc67b5d 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HistogramHoverBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/HistogramHoverBgView.as
@@ -31,7 +31,6 @@ package org.xas.jchart.common.view.components.HoverBgView
 			if( !( _config.c && _config.c.dataRect ) ) return;
 			_boxs = new Vector.<Sprite>();
 			
-			//Log.log( _config.maxValue );
 			Common.each( _config.c.dataRect, function( _k:int, _item:Object ):void{
 				
 				var _box:Sprite = new Sprite()
@@ -47,9 +46,10 @@ package org.xas.jchart.common.view.components.HoverBgView
 				_box.graphics.beginFill( _bgColor );
 				_box.graphics.lineStyle( _borderWidth, _borderColor );
 				
-				//Log.printJSON( _item );
-				
-				_box.graphics.drawRect( _item.x, _item.y, _item.width, _item.height );
+				_item.width 
+					&&_item.height 
+					&& _box.graphics.drawRect( _item.x, _item.y, _item.width, _item.height );
+					
 				_box.visible = false;
 
 				_boxs.push( _box );
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/StackHoverBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/StackHoverBgView.as
new file mode 100644
index 0000000..dd6897e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/StackHoverBgView.as
@@ -0,0 +1,118 @@
+package org.xas.jchart.common.view.components.HoverBgView
+{
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+
+	public class StackHoverBgView extends BaseHoverBgView
+	{
+		private var _config:Config;
+		
+		public function StackHoverBgView()
+		{			
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			
+			//Log.log( 'StackHoverBgView' );
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.dataRect ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			Common.each( _config.c.stackItems, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite()
+					, _bgColor:uint = 0xF0F0F0
+					, _borderColor:uint = 0xB4B4B4
+					, _borderWidth:uint = 2
+					, _y:Number
+					, _h:Number
+					, _pad:Number = 15
+					;
+				
+				( 'bgColor' in _config.hoverBgStyle ) && ( _bgColor = _config.hoverBgStyle.bgColor );
+				( 'borderColor' in _config.hoverBgStyle ) && ( _borderColor = _config.hoverBgStyle.borderColor );
+				( 'borderWidth' in _config.hoverBgStyle ) && ( _borderWidth = _config.hoverBgStyle.borderWidth );
+				
+				_box.graphics.beginFill( _bgColor );
+				_box.graphics.lineStyle( _borderWidth, _borderColor );
+				
+				if( _item.realWidth && _item.height ){
+					_y = _item.y;
+					_h = _item.height;
+					
+					if( _item.hasPositive ){
+						if( _y  - _pad >= _config.c.chartY ){
+							_h += _pad;
+							_y -= _pad;
+						}else{
+							_h = _h + ( _y - _config.c.chartY );
+							_y = _config.c.chartY;
+						}
+					}
+					
+					if( _item.hasNegative ){
+						_h += _pad;
+						if( _y + _h > _config.c.chartY + _config.c.chartHeight ){
+							_h = _config.c.chartY + _config.c.chartHeight - _y;
+						}
+					}
+					
+					_box.graphics.drawRect( 
+						_item.realX
+						, _y
+						, _item.realWidth
+						, _h 
+					);
+				}
+				
+					
+				_box.visible = false;
+
+				_boxs.push( _box );
+				addChild( _box );
+			});
+		}
+		
+		override protected function showTips( _evt: JChartEvent ):void{
+		}
+		
+		override protected function hideTips( _evt: JChartEvent ):void{	
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			_preIndex = -1;
+		}		
+		
+		override protected function updateTips( _evt: JChartEvent ):void{
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;	
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			
+			_boxs[ _ix ].visible = true;
+			_preIndex = _ix;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/VHistogramHoverBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/VHistogramHoverBgView.as
index a5e27d7..622bdf7 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/VHistogramHoverBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/VHistogramHoverBgView.as
@@ -9,13 +9,14 @@ package org.xas.jchart.common.view.components.HoverBgView
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.ui.HistogramUI;
+	import org.xas.jchart.common.view.mediator.SeriesLabelMediator.BaseSeriesLabelMediator;
 
 	public class VHistogramHoverBgView extends BaseHoverBgView
 	{
 		private var _config:Config;
 		
 		public function VHistogramHoverBgView()
-		{			
+		{			 
 			super();
 			
 			_config = BaseConfig.ins as Config;
@@ -38,7 +39,12 @@ package org.xas.jchart.common.view.components.HoverBgView
 					, _bgColor:uint = 0xF0F0F0
 					, _borderColor:uint = 0xB4B4B4
 					, _borderWidth:uint = 2
+					, _width:Number = _config.c.chartWidth
 					;
+					
+				if( _config.serialLabelEnabled && smediator ){
+//					_width += smediator.maxWidth;
+				}
 				
 				( 'bgColor' in _config.hoverBgStyle ) && ( _bgColor = _config.hoverBgStyle.bgColor );
 				( 'borderColor' in _config.hoverBgStyle ) && ( _borderColor = _config.hoverBgStyle.borderColor );
@@ -47,7 +53,9 @@ package org.xas.jchart.common.view.components.HoverBgView
 				_box.graphics.beginFill( _bgColor );
 				_box.graphics.lineStyle( _borderWidth, _borderColor );
 
-				_box.graphics.drawRect( _config.c.minX, _item.x, _item.width - 5, _item.height );
+				_width
+					&& _item.height 
+					&& _box.graphics.drawRect( _config.c.chartX, _item.x, _width, _item.height );
 				_box.visible = false;
 
 				_boxs.push( _box );
@@ -83,5 +91,9 @@ package org.xas.jchart.common.view.components.HoverBgView
 			_preIndex = _ix;
 		}
 		
+		private function get smediator():BaseSeriesLabelMediator{
+			return _config.facade.retrieveMediator( BaseSeriesLabelMediator.name ) as BaseSeriesLabelMediator;
+		}
+		
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/ZHistogramHoverBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/ZHistogramHoverBgView.as
new file mode 100644
index 0000000..c00a84d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/HoverBgView/ZHistogramHoverBgView.as
@@ -0,0 +1,87 @@
+package org.xas.jchart.common.view.components.HoverBgView
+{
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.HistogramUI;
+
+	public class ZHistogramHoverBgView extends BaseHoverBgView
+	{
+		private var _config:Config;
+		
+		public function ZHistogramHoverBgView()
+		{			
+			super();
+			
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			
+			graphics.clear();
+			
+			if( !( _config.c && _config.c.dataRect ) ) return;
+			_boxs = new Vector.<Sprite>();
+			
+			Common.each( _config.c.dataRect, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite()
+					, _bgColor:uint = 0xF0F0F0
+					, _borderColor:uint = 0xB4B4B4
+					, _borderWidth:uint = 2
+					;
+				
+				( 'bgColor' in _config.hoverBgStyle ) && ( _bgColor = _config.hoverBgStyle.bgColor );
+				( 'borderColor' in _config.hoverBgStyle ) && ( _borderColor = _config.hoverBgStyle.borderColor );
+				( 'borderWidth' in _config.hoverBgStyle ) && ( _borderWidth = _config.hoverBgStyle.borderWidth );
+				
+				_box.graphics.beginFill( _bgColor );
+				_box.graphics.lineStyle( _borderWidth, _borderColor );
+				
+				_item.width 
+					&& _item.height 
+					&& _box.graphics.drawRect( _item.x, _item.y, _item.width, _item.height );
+					
+				_box.visible = false;
+
+				_boxs.push( _box );
+				addChild( _box );
+			});
+		}
+		
+		override protected function showTips( _evt: JChartEvent ):void{
+		}
+		
+		override protected function hideTips( _evt: JChartEvent ):void{	
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			_preIndex = -1;
+		}		
+		
+		override protected function updateTips( _evt: JChartEvent ):void{
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int;
+			
+			if( !( _boxs && _boxs.length ) ) return;
+			if( _preIndex == _ix ) return;
+			if( !_boxs[ _ix ] ) return;
+			
+			if( _preIndex >= 0 && _boxs[ _preIndex ] ){
+				_boxs[ _preIndex ].visible = false;
+			}
+			
+			_boxs[ _ix ].visible = true;
+			_preIndex = _ix;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/ItemBgView/VHistogramItemBgView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/ItemBgView/VHistogramItemBgView.as
index 8e12413..2ba0a23 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/ItemBgView/VHistogramItemBgView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/ItemBgView/VHistogramItemBgView.as
@@ -49,7 +49,7 @@ package org.xas.jchart.common.view.components.ItemBgView
 					_spItem.graphics.beginFill( _bgColor );
 					_spItem.graphics.lineStyle( _borderWidth, _borderColor );
 
-					_spItem.graphics.drawRect( _config.c.minX, _sitem.y, _config.c.chartWidth, _sitem.height );
+					_spItem.graphics.drawRect( _config.c.chartX, _sitem.y, _config.c.chartWidth, _sitem.height );
 					//Log.log( _sitem.x, _sitem.width, _config.c.chartY, _config.c.chartHeight  )
 					//Log.printJSON( _item );
 					//Log.printJSON( _sitem );
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/BaseLegendView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/BaseLegendView.as
index 2b6c72a..d2d4e12 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/BaseLegendView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/BaseLegendView.as
@@ -18,10 +18,31 @@ package org.xas.jchart.common.view.components.LegendView
 	
 	public class BaseLegendView extends Sprite
 	{
-		private var _items:Vector.<LegendItemUI>;
+		protected var _items:Vector.<LegendItemUI>;
+		protected var _interval:Number;
+		protected var _dir:Number;
+		protected var _isVertical:Boolean;
+		protected var _data:Array;
+		
+		protected var _maxHeight:Number = 0;
+		public function get maxHeight():Number{ return _maxHeight; }
+		public function set maxHeight( _setter:Number ):void{ _maxHeight = _setter; }
+		
+		protected var _maxWidth:Number = 0;
+		public function get maxWidth():Number{ return _maxWidth; }
+		public function set maxWidth( _setter:Number ):void{ _maxWidth = _setter; }
+		
+		protected var __config:Config;
+		public function get config():Config{ return __config; }
 		
 		public function BaseLegendView()
 		{
+			__config = BaseConfig.ins as Config;
+			
+			this._interval = __config.legendInterval;
+			this._dir = __config.legendDir;
+			this._isVertical = Boolean( Math.floor( this._dir / 3 ) & 1 );
+			
 			super();
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 			addEventListener( JChartEvent.SHOW_LEGEND_ARROW, updateLegendArrow );
@@ -29,18 +50,19 @@ package org.xas.jchart.common.view.components.LegendView
 		}
 		
 		protected function addToStage( _evt:Event ):void{
+			
+			if( !( __config.chartData && __config.series && __config.series.length ) ) return;
+			this._data = __config.series;
 			showChart();
 		}
 		
 		protected function showChart( ):void{
 			this.graphics.clear();
-			
-			if( !( BaseConfig.ins.chartData && BaseConfig.ins.chartData.series && BaseConfig.ins.chartData.series.length ) ) return;
+
 			var _x:int = 0, _tmp:LegendItemUI;
-			
 			_items = new Vector.<LegendItemUI>();
-			
-			Common.each( BaseConfig.ins.series, function( _k:int, _item:Object ):void{
+
+			Common.each( _data, function( _k:int, _item:Object ):void{
 				
 				var _styles:Object = {};
 				_styles = Common.extendObject( 
@@ -48,33 +70,47 @@ package org.xas.jchart.common.view.components.LegendView
 					, DefaultOptions.legend.itemStyle
 				);
 				
-				_styles.color = BaseConfig.ins.itemColor( _k, false );
+				_styles.color = __config.itemColor( _k, false );
 				
-				_styles = Common.extendObject( 
-					_styles
-					, BaseConfig.ins.legendItemStyle
-				);
+				_styles = Common.extendObject( _styles, __config.legendItemStyle );
 				
-				addChild( _tmp = new LegendItemUI( _item, _styles ) );
+				addChild( _tmp = new LegendItemUI( 'name' in _item ? _item : { name : _item }, _styles ) );
 				_tmp.addEventListener( JChartEvent.UPDATE_STATUS, onUpdateStatus );
-				_tmp.x = _x;
-				_items.push( _tmp );
 				
-				if( _k in BaseConfig.ins.filterData ){
+				if( _isVertical ) { /* 纵向 */
+					_x = putVerticalLegend( _tmp, _x );
+				} else { /* 横向 */
+					_x = putTransverseLegend( _tmp, _x );
+				}
+				
+				if( _k in __config.filterData ){
 					_tmp.toggle();
 				} 
-				
-				_x = _x + 2 + _tmp.width;
+				_tmp.width > _maxWidth && ( _maxWidth = _tmp.width );
+				_tmp.height > _maxHeight && ( _maxHeight = _tmp.height );
+
 			});
+			
+		}
+		
+		protected function putVerticalLegend( _legend:LegendItemUI, _point:Number ):Number{
+			_legend.y = _point;
+			_items.push( _legend );
+			return _point + _interval + _legend.height;
+		}
+		
+		protected function putTransverseLegend( _legend:LegendItemUI, _point:Number ):Number{
+			_legend.x = _point;
+			_items.push( _legend );
+			return _point + _interval + _legend.width
 		}
 		
 		protected function onUpdateStatus( _evt:JChartEvent ):void{
 			var _selected:Boolean = _evt.data as Boolean
 				, _filterObject:Object = {}
 				;
-			//Log.log( 'onUpdateStatus', _selected );
+			
 			Common.each( _items, function( _k:int, _item:LegendItemUI ):void{
-				//Log.log( 'selected', _item.selected );
 				_item.selected && ( _filterObject[ _k ] = _k );
 			});
 			
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/MixChartLegendView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/MixChartLegendView.as
new file mode 100644
index 0000000..ae3bc56
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/MixChartLegendView.as
@@ -0,0 +1,30 @@
+package org.xas.jchart.common.view.components.LegendView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.LegendItemUI;
+	
+	public class MixChartLegendView extends BaseLegendView
+	{
+
+		
+		public function MixChartLegendView()
+		{
+			super();
+		}
+		
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/ZHistogramLegendView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/ZHistogramLegendView.as
new file mode 100644
index 0000000..c6d348b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/LegendView/ZHistogramLegendView.as
@@ -0,0 +1,46 @@
+package org.xas.jchart.common.view.components.LegendView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.LegendItemUI;
+
+	public class ZHistogramLegendView extends BaseLegendView
+	{
+		public function ZHistogramLegendView()
+		{
+			super();
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			
+			if( !( BaseConfig.ins.chartData && BaseConfig.ins.categories 
+				&& BaseConfig.ins.categories.length ) ) return;
+			
+			this._data = BaseConfig.ins.categories;
+			showChart();
+		}
+		
+		override protected function onUpdateStatus( _evt:JChartEvent ):void{
+			var _selected:Boolean = _evt.data as Boolean
+				, _filterObject:Object = {};
+
+			Common.each( _items, function( _k:int, _item:LegendItemUI ):void{
+				_item.selected && ( _filterObject[ _k ] = _k );
+			});
+			
+			dispatchEvent( new JChartEvent( JChartEvent.FILTER_DATA, _filterObject ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/MainView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/MainView.as
index 568a31d..9e664b1 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/MainView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/MainView.as
@@ -40,8 +40,16 @@ package org.xas.jchart.common.view.components
 		
 		private var _index9:Sprite;
 		public function get index9():Sprite{ return _index9; }
+				
+		private var _index10:Sprite;
+		public function get index10():Sprite{ return _index10; }
+				
+		private var _index11:Sprite;
+		public function get index11():Sprite{ return _index11; }
 		
-		
+		private var _index12:Sprite;
+		public function get index12():Sprite{ return _index12; }
+				
 		public function MainView()
 		{
 			super();
@@ -56,6 +64,9 @@ package org.xas.jchart.common.view.components
 			addChild( _index7 = new Sprite() );
 			addChild( _index8 = new Sprite() );
 			addChild( _index9 = new Sprite() );
+			addChild( _index10 = new Sprite() );
+			addChild( _index11 = new Sprite() );
+			addChild( _index12 = new Sprite() );
 
 			/*
 			_index9.addChild(
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/BaseVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/BaseVLabelView.as
new file mode 100644
index 0000000..3968f8c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/BaseVLabelView.as
@@ -0,0 +1,58 @@
+package org.xas.jchart.common.view.components.MixChartVLabelView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.DisplayObject;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class BaseVLabelView extends Sprite
+	{
+		protected var _labels:Vector.<TextField>;
+		public function get labels():Vector.<TextField>{ return _labels; }
+		
+		protected var _maxWidth:Number = 0;
+		public function get maxWidth():Number{ return _maxWidth; }
+		
+		protected var _maxHeight:Number = 0;
+		public function get maxHeight():Number{ return _maxHeight; }
+		
+		protected var _index:Number;
+		public function get index():Number{ return _index; }
+		
+		
+		protected var _model:BaseMixChartModelItem;
+		public function get model():BaseMixChartModelItem{ return _model; }
+				
+		
+		public function BaseVLabelView( _index:int, _model:BaseMixChartModelItem )
+		{
+			super();
+			
+			this._index = _index;
+			this._model = _model;
+			
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			addEventListener( JChartEvent.UPDATE, update );			
+		}
+		
+		protected function addToStage( _evt:Event ):void{
+
+		}
+		
+		protected function update( _evt:JChartEvent ):void{
+
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/MixChartVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/MixChartVLabelView.as
new file mode 100644
index 0000000..8acbbf6
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVLabelView/MixChartVLabelView.as
@@ -0,0 +1,160 @@
+package org.xas.jchart.common.view.components.MixChartVLabelView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.media.Video;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class MixChartVLabelView extends BaseVLabelView
+	{
+		private var _config:Config;
+		
+		public function MixChartVLabelView( _index:int, _model:BaseMixChartModelItem )
+		{
+			super( _index, _model );
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+//			Log.printFormatJSON( _model.realRate );
+			
+			Common.each( _model.realRate, function( _k:int, _item:Number ):*{
+				
+				var _floatLen:int = _model.realRateFloatLen
+					;
+				
+				if( _model.floatLen === 0 && _model.maxNum > 10 ){
+					_floatLen = 0;
+				}
+					
+				 
+				if( _model.params && ( 'realRateFloatLen' in _model.params ) ){
+					_floatLen = _model.realRateFloatLen;
+				}
+								
+//				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
+				_t = Common.moneyFormat( 
+					_item
+					, 3
+					, _model.yAxisAbbrNumber( _item, _floatLen || 0 )
+					, ','
+					, _model.yAxisAbbrNumberEnabled 
+				);
+				
+				_titem = new TextField();				
+				
+				if( _config.isPercent ){
+					_titem.text = _t + '%';
+				}else{
+				}
+				_titem.text = StringUtils.printf( _model.yAxisFormat, _t );
+				
+				var _color:uint = 0x838383;
+				
+				if( _config.mixModel.items.length > 1 && _model.displaySeries.length === 1 ){
+					_color = _config.itemColor( _model.displaySeries[0].displayIndex );
+				}else if( _config.mixModel.items.length > 1 && _model.displaySeries.length === 0 ){
+					_color = 0xcccccc;
+				}
+				
+				Common.implementStyle( _titem, [
+					DefaultOptions.title.style
+					, DefaultOptions.yAxis.labels.style
+					, { color: _color }
+					, _model.vlabelsStyle
+				] );
+											
+				if( _config.animationEnabled ){
+					_titem.visible = false;
+				}
+				addChild( _titem );
+				
+				_labels.push( _titem );
+				
+				_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+			});			
+			//Log.log( 'maxwidth', _maxWidth );
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			if( !( _config.c && _config.c.vpoint ) ) return;
+			
+			//return;
+			
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+					, _ex:Number = 0; 
+					;
+					
+				if( _model.isOpposite ){
+					_ex = _model.left;
+//					if( _config.c.hasOppositeYAxis ){
+//						_ex += _config.yArrowLength
+//					}
+				}else{						
+					_ex = _model.left - _tf.width;
+				}
+				
+				if( _config.animationEnabled ){
+					_tf.visible = true;
+					
+					if( _model.isOpposite ){
+						_tf.y = _item.start.y - _tf.height / 2;
+						_tf.x = _ex + 200;
+						
+						TweenLite.delayedCall( 0, 
+							function():void{
+								TweenLite.to( _tf, _config.animationDuration
+									, { 
+										x: _ex
+										, y: _item.start.y - _tf.height / 2
+										, ease: Expo.easeOut } );
+							});
+					}else{		
+						_tf.y = _item.start.y - _tf.height / 2;
+						_tf.x = _ex - 200;
+						
+						TweenLite.delayedCall( 0, 
+							function():void{
+								TweenLite.to( _tf, _config.animationDuration
+									, { 
+										x: _ex
+										, y: _item.start.y - _tf.height / 2
+										, ease: Expo.easeOut } );
+							});
+					}
+
+				}else{
+					_tf.visible = true;
+					_tf.x = _ex;
+					//Log.log( _model.left );
+					_tf.y = _item.start.y - _tf.height / 2;
+				}
+				
+			});
+		}
+
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVTitleView/BaseMixChartVTitleView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVTitleView/BaseMixChartVTitleView.as
new file mode 100644
index 0000000..581e377
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/MixChartVTitleView/BaseMixChartVTitleView.as
@@ -0,0 +1,140 @@
+package org.xas.jchart.common.view.components.MixChartVTitleView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Bitmap;
+	import flash.display.BitmapData;
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.geom.Matrix;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.ui.text.RotationText;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.DisplayRotation;
+	import org.xas.jchart.common.ui.widget.JSprite;
+	
+	public class BaseMixChartVTitleView extends JSprite 
+	{
+		protected var _textf:DisplayRotation;		
+		
+		protected var _getWidth:Number = 0;
+		public function get getWidth():Number{ return _getWidth; }
+		
+		protected var _getHeight:Number = 0;
+		public function get getHeight():Number{ return _getHeight; }
+		
+		protected var _index:Number = 0;
+		public function get index():Number{ return _index; }
+		
+		protected var _model:BaseMixChartModelItem;
+		public function get model():BaseMixChartModelItem{ return _model; }
+		
+		protected var _config:Config;
+
+		
+		public function BaseMixChartVTitleView( _index:int, _model:BaseMixChartModelItem )
+		{
+			super();
+			
+			this._model = _model;
+			this._index = _index;
+			
+			this.visible = false;
+
+			_config = BaseConfig.ins as Config;
+			
+			if( !_model.hasVTitle ) return;
+		
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+			addEventListener( JChartEvent.UPDATE, update );		
+		}
+		
+		private function addToStage( _evt:Event ):void{ 
+			
+			var _angle:Number = -90;
+			_model.isOpposite && ( _angle = 90 );
+
+			_textf = new DisplayRotation( _model.vtitleText, _angle, function( _stf:TextField ):void{
+				
+				var _color:uint = 0x838383;
+				
+				if( _config.mixModel.items.length > 1 && _model.displaySeries.length === 1 ){
+					_color = _config.itemColor( _model.displaySeries[0].displayIndex );
+				}else if( _config.mixModel.items.length > 1 && _model.displaySeries.length === 0 ){
+					_color = 0x333333;
+				}
+				
+				Common.implementStyle( _stf, [
+					DefaultOptions.title.style
+					, DefaultOptions.yAxis.title.style
+					, { color: _color }
+					, _model.vtitleStyle
+				] );
+				
+				_getWidth = _stf.height;
+				_getHeight = _stf.width;
+			});
+			addChild( _textf );			
+		}		
+		
+		protected function update( _evt:JChartEvent ):void{
+			if( !( _index in _config.c.vtitle ) ) return;
+			
+//			this.visible = true;
+//			//Log.log( 'aaaaaaaaaaaa', _config.c.vtitle[ _index ].x, _config.c.vtitle[ _index ].y );
+//			this.x = _config.c.vtitle[ _index ].x || 0;
+//			this.y = _config.c.vtitle[ _index ].y || 0;
+			
+			
+			
+			var _tf:JSprite = this, _item:Object = _config.c.vtitle[ _index ];
+			
+			if( _config.animationEnabled ){
+				
+				if( _model.isOpposite ){
+					_tf.y = _item.y;
+					_tf.x = _model.left + 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _item.x
+									, y: _item.y
+									, ease: Expo.easeOut } );
+						});
+				}else{		
+					_tf.y = _item.y;
+					_tf.x = _model.left - _tf.width - 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _item.x
+									, y: _item.y
+									, ease: Expo.easeOut 
+								} );
+						});
+				}
+				
+			}else{
+				this.x = _item.x || 0;
+				this.y = _item.y || 0;
+			}
+			this.visible = true;
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView/BasePieLabelView.as
similarity index 66%
rename from flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView.as
rename to flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView/BasePieLabelView.as
index b708376..4fcc5f7 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/PieLabelView/BasePieLabelView.as
@@ -1,6 +1,8 @@
-package org.xas.jchart.common.view.components
+package org.xas.jchart.common.view.components.PieLabelView
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
 	
 	import flash.display.DisplayObject;
 	import flash.display.Sprite;
@@ -14,6 +16,7 @@ package org.xas.jchart.common.view.components
 	
 	import org.xas.core.utils.ElementUtility;
 	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.data.DefaultOptions;
@@ -21,48 +24,72 @@ package org.xas.jchart.common.view.components
 	import org.xas.jchart.common.ui.widget.JSprite;
 	import org.xas.jchart.common.ui.widget.JTextField;
 	
-	public class PieLabelView extends Sprite
+	public class BasePieLabelView extends Sprite
 	{
-		private var _labels:Vector.<JTextField>;
+		protected var _labels:Vector.<JTextField>;
 		public function get labels():Vector.<JTextField>{ return _labels; }
 		
-		private var _lines:Vector.<JSprite>;
+		protected var _lines:Vector.<JSprite>;
 		public function get lines():Vector.<JSprite>{ return _lines; }
 		
-		private var _leftTopLabel:Vector.<JTextField>;
-		private var _leftTopLine:Vector.<JSprite>;
+		protected var _leftTopLabel:Vector.<JTextField>;
+		protected var _leftTopLine:Vector.<JSprite>;
 		
-		private var _rightTopLabel:Vector.<JTextField>;
-		private var _rightTopLine:Vector.<JSprite>;
+		protected var _rightTopLabel:Vector.<JTextField>;
+		protected var _rightTopLine:Vector.<JSprite>;
 		
-		private var _leftBottomLabel:Vector.<JTextField>;
-		private var _leftBottomLine:Vector.<JSprite>;
+		protected var _leftBottomLabel:Vector.<JTextField>;
+		protected var _leftBottomLine:Vector.<JSprite>;
 		
-		private var _rightBottomLabel:Vector.<JTextField>;
-		private var _rightBottomLine:Vector.<JSprite>;
+		protected var _rightBottomLabel:Vector.<JTextField>;
+		protected var _rightBottomLine:Vector.<JSprite>;
 		
-		private var _isIntersect:Boolean = false;
+		protected var _isIntersect:Boolean = false;
 		
-		private var _maxWidth:Number;
-		private var _maxHeight:Number;
+		protected var _maxHeight:Number = 0;
+		public function get maxHeight():Number{ return _maxHeight; }
+		public function set maxHeight( _setter:Number ):void{ _maxHeight = _setter; }
 		
-		private var _debugLabel:Boolean = false;
+		protected var _maxWidth:Number = 0;
+		public function get maxWidth():Number{ return _maxWidth; }
+		public function set maxWidth( _setter:Number ):void{ _maxWidth = _setter; }
 		
-		public function PieLabelView()
+		
+		protected var _debugLabel:Boolean = false;
+		
+		protected var _config:Config;
+		
+		public function BasePieLabelView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
 		}
 		
-		private function addToStage( _evt:Event ):void{
-			_debugLabel = false;
-			addEventListener( JChartEvent.SHOW_CHART, onShowChart );
+		
+		protected function onReady( _evt:JChartEvent ):void{
+			this.alpha = 0;
+			this.visible = true;
+			
+			TweenLite.to( this, _config.animationDuration
+				, { 
+					alpha: 1, ease: Expo.easeOut
+				} );
 		}
 		
-		private function onShowChart( _evt:JChartEvent ):void{
-			ElementUtility.removeAllChild( this );
-			graphics.clear();
+		protected function addToStage( _evt:Event ):void{
+			_debugLabel = false;
+						
+			if( !_config.dataLabelEnabled ) return;
+			
+			if( _config.animationEnabled ){
+				this.visible = false;
+			}
+			
+			addEventListener( JChartEvent.SHOW_CHART, onShowChart );
+			addEventListener( JChartEvent.READY, onReady );
+			
 			
 			_labels = new Vector.<JTextField>();
 			_lines = new Vector.<JSprite>();
@@ -84,9 +111,42 @@ package org.xas.jchart.common.view.components
 			_maxHeight = 15;
 			
 			
-			if( !BaseConfig.ins.dataLabelEnabled ) return;
+			Common.each( _config.displaySeries, function( _k:int, _item:Object ):void{
+				if( _item.y === 0 ) return;
+				var _data:Object = { index: _k, color: _config.itemColor( _k ) }
+				, _line:JSprite = new JSprite( _data )
+				, _label:JTextField = new JTextField( _data )
+				;
+				_data.line = _line;
+				
+				_line.graphics.lineStyle( 1, _config.itemColor( _k ) );										
+				addChild( _line );
+				
+				_label.text = 
+					StringUtils.printf( 
+						_config.dataLabelFormat
+						, _config.displaySeries[ _k ].name 
+						, Common.moneyFormat( _item.y, 3, _config.floatLen )
+						, Common.moneyFormat( _item.y / _config.totalNum * 100, 3, _config.floatLen )
+					);
+				_label.mouseEnabled = false;
+				_label.autoSize = TextFieldAutoSize.LEFT;
+				
+				
+				_label.textColor = _config.itemColor( _k );
+				addChild( _label );
+				
+				_label.width > _maxWidth && ( _maxWidth = _label.width );
+				_label.height > _maxHeight && ( _maxHeight = _label.height );				
+				
+				_labels.push( _label );
+				_lines.push( _line );
+			});
+		}
+		
+		protected function onShowChart( _evt:JChartEvent ):void{
 			
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.piePart && BaseConfig.ins.c.piePart.length ) ) return;
+			if( !( _config.c && _config.c.piePart && _config.c.piePart.length ) ) return;
 			
 			var _topLabel:JTextField, _topLine:JSprite
 				, _rightLabel:JTextField, _rightLine:JSprite
@@ -94,23 +154,20 @@ package org.xas.jchart.common.view.components
 				, _leftLabel:JTextField, _leftLine:Sprite
 				;
 			
-			Common.each( BaseConfig.ins.c.pieLine, function( _k:int, _lineData:Object ):void{
+			Common.each( _config.c.pieLine, function( _k:int, _lineData:Object ):void{
 				
-				var _data:Object = { index: _k, data: _lineData, color: BaseConfig.ins.itemColor( _k ) }
-					, _line:JSprite = new JSprite( _data )
-					, _label:JTextField = new JTextField( _data )
+				var _data:Object = { index: _k, data: _lineData, color: _config.itemColor( _k ) }
+					, _line:JSprite = _lines[ _k ]
+					, _label:JTextField = _labels[ _k ]
 					;
 					_data.line = _line;
+					_line.data = _data;
+					_label.data = _data;
 				
-				_line.graphics.lineStyle( 1, BaseConfig.ins.itemColor( _k ) );
+				_line.graphics.lineStyle( 1, _config.itemColor( _k ) );
 				_line.graphics.moveTo( _lineData.start.x, _lineData.start.y );
 				_line.graphics.curveTo( _lineData.control.x, _lineData.control.y, _lineData.end.x, _lineData.end.y );												
-				addChild( _line );
-				
-				_label.text = BaseConfig.ins.displaySeries[ _k ].name;
-				_label.mouseEnabled = false;
-				_label.autoSize = TextFieldAutoSize.LEFT;
-				
+
 				
 				switch( _lineData.direction ){
 					case 'top':
@@ -192,15 +249,9 @@ package org.xas.jchart.common.view.components
 						_rightBottomLine.push( _line );
 						break;
 					}
-				}			
-				_label.textColor = BaseConfig.ins.itemColor( _k );
-				addChild( _label );
+				}		
 				
-				_label.width > _maxWidth && ( _maxWidth = _label.width );
-				_label.height > _maxHeight && ( _maxHeight = _label.height );				
-				
-				_labels.push( _label );
-				_lines.push( _line );
+				_label.textColor = _config.itemColor( _k );
 			});
 			
 			if( _topLabel ){
@@ -236,19 +287,40 @@ package org.xas.jchart.common.view.components
 				fixLeftTopLabel( _leftTopLabel );
 				
 				fixLeftBottomLabel( _leftBottomLabel );
-			}
+			}			
+			
+			Common.each( _labels, function( _k:int, _label:JTextField ):void{
+				if( _label.x < 0 ){
+					_lines[ _k ].x += Math.abs( _label.x );
+					_label.x = 0;	
+				}
+				if( _label.x + _label.width > _config.stageWidth ){
+//					_lines[_k].x -= _config.stageWidth - _label.width - _label.x;
+					_lines[ _k ].x -= Math.abs( _label.width + _label.x - _config.stageWidth );
+					_label.x = _config.stageWidth - _label.width;	
+				}
+				
+				if( _label.y < 0 ){
+					_label.y = 0;	
+					_lines[ _k ].y += Math.abs( _label.y );
+				}
+				if( _label.y + _label.height > _config.stageHeight ){
+					_lines[ _k ].y -= Math.abs( _label.height + _label.y - _config.stageHeight );
+					_label.y = _config.stageHeight - _label.height;	
+				}
+			});
 		}
 		
-		private function fixRightTopLabel( _labels:Vector.<JTextField> ):void{
+		protected function fixRightTopLabel( _labels:Vector.<JTextField> ):void{
 			if( !_labels.length ) return;
-			var _x:Number = BaseConfig.ins.c.cx + 5
-				, _y:Number = BaseConfig.ins.c.chartY + 5
-				, _endX:Number = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth - 5 - _maxWidth
-				, _endY:Number = BaseConfig.ins.c.cy - _maxHeight - 5
+			var _x:Number = _config.c.cx + 5
+				, _y:Number = _config.c.chartY + 5
+				, _endX:Number = _config.c.chartX + _config.c.chartWidth - 5 - _maxWidth
+				, _endY:Number = _config.c.cy - _maxHeight - 5
 				;	
 			
 			if( _labels.length < 5 ){
-				_x = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth - ( BaseConfig.ins.c.cx - BaseConfig.ins.c.chartX ) / 5;
+				_x = _config.c.chartX + _config.c.chartWidth - ( _config.c.cx - _config.c.chartX ) / 5;
 			}
 						
 			positionItems( _labels, _x, _y, _endX, _endY, function( _item:JTextField ):void{				
@@ -281,17 +353,17 @@ package org.xas.jchart.common.view.components
 			} );
 		}
 		
-		private function fixRightBottomLabel( _labels:Vector.<JTextField> ):void{
+		protected function fixRightBottomLabel( _labels:Vector.<JTextField> ):void{
 			if( !_labels.length ) return;
-			var _x:Number = BaseConfig.ins.c.cx + 5
-				, _endX:Number = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth - 5 - _maxWidth
+			var _x:Number = _config.c.cx + 5
+				, _endX:Number = _config.c.chartX + _config.c.chartWidth - 5 - _maxWidth
 				
-				, _y:Number = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight - 5 - _maxHeight
-				, _endY:Number = BaseConfig.ins.c.cy + _maxHeight - 5
+				, _y:Number = _config.c.chartY + _config.c.chartHeight - 5 - _maxHeight
+				, _endY:Number = _config.c.cy + _maxHeight - 5
 				;	
 			
 			if( _labels.length < 5 ){
-				_x = BaseConfig.ins.c.chartX + BaseConfig.ins.c.chartWidth - ( BaseConfig.ins.c.cx - BaseConfig.ins.c.chartX ) / 5;
+				_x = _config.c.chartX + _config.c.chartWidth - ( _config.c.cx - _config.c.chartX ) / 5;
 			}
 			
 			positionItems( _labels, _x, _y, _endX, _endY, function( _item:JTextField ):void{				
@@ -326,16 +398,16 @@ package org.xas.jchart.common.view.components
 			} );
 		}
 		
-		private function fixLeftTopLabel( _labels:Vector.<JTextField> ):void{
+		protected function fixLeftTopLabel( _labels:Vector.<JTextField> ):void{
 			if( !_labels.length ) return;
-			var _x:Number = BaseConfig.ins.c.cx - _maxWidth - 5
-				, _y:Number = BaseConfig.ins.c.chartY + 5
-				, _endX:Number = BaseConfig.ins.c.chartX + 10
-				, _endY:Number = BaseConfig.ins.c.cy - _maxHeight / 2 - 10
+			var _x:Number = _config.c.cx - _maxWidth - 5
+				, _y:Number = _config.c.chartY + 5
+				, _endX:Number = _config.c.chartX + 10
+				, _endY:Number = _config.c.cy - _maxHeight / 2 - 10
 				;
 			
 			if( _labels.length < 5 ){
-				_x = BaseConfig.ins.c.chartX + ( BaseConfig.ins.c.cx - BaseConfig.ins.c.chartX ) / 5;
+				_x = _config.c.chartX + ( _config.c.cx - _config.c.chartX ) / 5;
 			}
 			
 			positionItems( _labels, _x, _y, _endX, _endY, function( _item:JTextField ):void{				
@@ -368,16 +440,16 @@ package org.xas.jchart.common.view.components
 			} );
 		}		
 		
-		private function fixLeftBottomLabel( _labels:Vector.<JTextField> ):void{
+		protected function fixLeftBottomLabel( _labels:Vector.<JTextField> ):void{
 			if( !_labels.length ) return;
-			var _x:Number = BaseConfig.ins.c.cx - _maxWidth - 5
-				, _endX:Number = BaseConfig.ins.c.chartX + 5
-				, _y:Number = BaseConfig.ins.c.chartY + BaseConfig.ins.c.chartHeight - 5 - _maxHeight
-				, _endY:Number = BaseConfig.ins.c.cy + _maxHeight / 2 - 5
+			var _x:Number = _config.c.cx - _maxWidth - 5
+				, _endX:Number = _config.c.chartX + 5
+				, _y:Number = _config.c.chartY + _config.c.chartHeight - 5 - _maxHeight
+				, _endY:Number = _config.c.cy + _maxHeight / 2 - 5
 				;
 			
 			if( _labels.length < 5 ){
-				_x = BaseConfig.ins.c.chartX + ( BaseConfig.ins.c.cx - BaseConfig.ins.c.chartX ) / 5;
+				_x = _config.c.chartX + ( _config.c.cx - _config.c.chartX ) / 5;
 			}
 			
 			positionItems( _labels, _x, _y, _endX, _endY, function( _item:JTextField ):void{				
@@ -412,7 +484,7 @@ package org.xas.jchart.common.view.components
 			} );
 		}	
 		
-		private function positionItems( _labels:Vector.<JTextField>
+		protected function positionItems( _labels:Vector.<JTextField>
 										, _x:Number, _y:Number
 										  , _endX:Number, _endY:Number
 											, _cb:Function = null
@@ -469,7 +541,7 @@ package org.xas.jchart.common.view.components
 			}
 		}
 		
-		private function checkIntersect( _labes:Vector.<JTextField> ):Boolean{
+		protected function checkIntersect( _labes:Vector.<JTextField> ):Boolean{
 			var _r:Boolean = false
 				, _len:int
 				, i:int, j:int
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/PieTotalLabelView/BasePieTotalLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/PieTotalLabelView/BasePieTotalLabelView.as
new file mode 100644
index 0000000..62bc8dc
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/PieTotalLabelView/BasePieTotalLabelView.as
@@ -0,0 +1,95 @@
+package org.xas.jchart.common.view.components.PieTotalLabelView
+{
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class BasePieTotalLabelView extends Sprite
+	{
+		protected var _maxHeight:Number = 0;
+		public function get maxHeight():Number{ return _maxHeight; }
+		public function set maxHeight( _setter:Number ):void{ _maxHeight = _setter; }
+		
+		protected var _maxWidth:Number = 0;
+		public function get maxWidth():Number{ return _maxWidth; }
+		public function set maxWidth( _setter:Number ):void{ _maxWidth = _setter; }
+		
+		protected var _label:TextField;
+		protected var _bg:Sprite;
+		
+		protected var _debugLabel:Boolean = false;
+		
+		protected var _config:Config;
+		
+		
+		public function BasePieTotalLabelView()
+		{
+			super();
+			
+			_config = BaseConfig.ins as Config;
+			
+			addEventListener( Event.ADDED_TO_STAGE, addToStage );
+		}		
+		protected function onReady( _evt:JChartEvent ):void{
+			this.alpha = 0;
+			this.visible = true;
+			
+			TweenLite.to( this, _config.animationDuration
+				, { 
+					alpha: 1, ease: Expo.easeOut
+				} );
+		}
+		
+		protected function addToStage( _evt:Event ):void{
+			
+			if( !_config.totalLabelEnabled ) return;
+			
+			if( _config.animationEnabled ){
+				this.visible = false;
+			}
+			this.x  = -1000;
+			
+			_bg = new Sprite();		
+			_bg.graphics.beginFill( _config.totalLabelBgColor, _config.totalLabelBgAlpha );
+			_bg.graphics.drawCircle( 0, 0, _config.totalLabelRadius );
+			addChild( _bg );
+			
+			_label = new TextField();
+			_label.text =
+				StringUtils.printf( _config.totalLabelFormat, 
+					Common.moneyFormat( _config.totalNum, 3, Common.floatLen( _config.totalNum ) )
+				);	
+			_label.autoSize = TextFieldAutoSize.LEFT;
+			_label.selectable = false;
+			_label.mouseEnabled = false;
+//			EffectUtility.textShadow( _label, _config.totalLabelLabelStyle, 0xffffff );
+			Common.implementStyle( _label, [ _config.totalLabelLabelStyle ] ); 
+			
+			ElementUtility.center( _label, new Point( 0, 0 ) );
+			addChild( _label );
+			
+			addEventListener( JChartEvent.SHOW_CHART, onShowChart );
+			addEventListener( JChartEvent.READY, onReady );
+		}
+		
+		protected function onShowChart( _evt:JChartEvent ):void{
+			if( !_config.totalLabelEnabled ) return;
+			if( !_config.c ) return;
+			
+			ElementUtility.center( this, new Point( _config.c.cx, _config.c.cy ), false );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/BaseSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/BaseSerialLabelView.as
index c0a1e60..b8b9df9 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/BaseSerialLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/BaseSerialLabelView.as
@@ -10,6 +10,7 @@ package org.xas.jchart.common.view.components.SerialLabel
 	import flash.text.TextFormatAlign;
 	
 	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	
@@ -18,9 +19,19 @@ package org.xas.jchart.common.view.components.SerialLabel
 		protected var _maxHeight:Number = 0;
 		public function get maxHeight():Number{ return _maxHeight; }
 		
+		protected var _maxWidth:Number = 0;
+		public function get maxWidth():Number{ return _maxWidth; }
+		
+		protected var _labels:Vector.< Vector.<TextField> >;
+		public function get labels():Vector.<Vector.<TextField>>{ return _labels; }
+		
+		protected var __config:Config;
+		public function get config():Config{ return __config; }
+		
 		public function BaseSerialLabelView()
 		{
 			super();
+			__config = BaseConfig.ins as Config;
 		
 			addEventListener( JChartEvent.SHOW_CHART, showChart );
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
@@ -44,6 +55,30 @@ package org.xas.jchart.common.view.components.SerialLabel
 		
 		protected function updateTips( _evt: JChartEvent ):void{
 		}
+		
+		protected function seriesEnabled( _srcData:Object, _k:int ):Boolean{
+			var _r:Boolean = config.superSerialLabelEnabled, _tmp:Object;
+			
+			if( _srcData && ( _tmp = _srcData[ _k ] ) ){
+				//				"data":
+				//				{
+				//					"dataLabels":
+				//					{
+				//						"enabled": false
+				//					}, 
+//				Log.printFormatJSON( _srcData[ _k ] )
+				//				_r = _config.superSerialLabelEnabled;
+				_tmp.dataLabels
+					&& ( 'enabled' in _tmp.dataLabels )
+					&& ( _r = StringUtils.parseBool( _tmp.dataLabels.enabled ) );
+				
+				_tmp.dataLabel
+					&& ( 'enabled' in _tmp.dataLabel )
+					&& ( _r = StringUtils.parseBool( _tmp.dataLabel.enabled ) );
+			}
+			
+			return _r;
+		}
 
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/CurveGramSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/CurveGramSerialLabelView.as
index 05c093f..ff969b5 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/CurveGramSerialLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/CurveGramSerialLabelView.as
@@ -1,6 +1,7 @@
 package org.xas.jchart.common.view.components.SerialLabel
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
@@ -19,9 +20,13 @@ package org.xas.jchart.common.view.components.SerialLabel
 	
 	public class CurveGramSerialLabelView extends BaseSerialLabelView
 	{	
+		protected var _list:Vector.<JTextField>;
+		private var _config:Config;
+		
 		public function CurveGramSerialLabelView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function addToStage( _evt:Event ):void{
@@ -29,84 +34,116 @@ package org.xas.jchart.common.view.components.SerialLabel
 		
 		override protected function showChart( _evt: JChartEvent ):void{
 			
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.paths && BaseConfig.ins.c.paths.length ) ) return;
+			if( !( _config.c && _config.c.paths && _config.c.paths.length ) ) return;
+			_list = new Vector.<JTextField>();
 			
+			var _p:BaseSerialLabelView = this;
 			
+			if( _config.animationEnabled ){
+				_p.visible = false;
+			}
+						
 			this.graphics.clear();			
 			this.graphics.beginFill( 0xcccccc, .13 );
 			
 			var _labelSpace:Number = 4;
 			
-			Common.each( BaseConfig.ins.c.paths, function( _k:int, _item:Object ):void{
+			Common.each( _config.c.paths, function( _k:int, _item:Object ):void{
 				
 				var _position:Array = _item.position as Array
 					;
 				//Log.log( _values );
+				if( !seriesEnabled( config.displaySeries, _k ) ) return;
 					
 				Common.each( _position, function( _sk:int, _sitem:Object ):void{
-					if( BaseConfig.ins.serialLabelEnabled ){
-						var _label:JTextField = new JTextField( _sitem.value );
-						//_label.text = StringUtils.printf( BaseConfig.ins.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, BaseConfig.ins.floatLen ) );
-						_label.text = BaseConfig.ins.serialDataLabelValue( _k, _sk );
+					if( _config.serialLabelEnabled ){
+						var _label:JTextField = new JTextField( _sitem.value )
+						, _x:Number = 0
+						, _y:Number = 0
+						;
+						
+						//_label.text = StringUtils.printf( _config.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, _config.floatLen ) );
+						_label.text = _config.serialDataLabelValue( _k, _sk );
 						
 						_label.autoSize = TextFieldAutoSize.LEFT;
 						_label.selectable = false;
-						_label.textColor = BaseConfig.ins.itemColor( _k );
+						_label.textColor = _config.itemColor( _k );
 						_label.mouseEnabled = false;
 						
 						var _maxStyle:Object = {};
-						if( _sitem.value == BaseConfig.ins.maxValue ){
-							_maxStyle = BaseConfig.ins.maxItemParams.style || _maxStyle;
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
 						}
 						
 						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
-						EffectUtility.textShadow( _label as TextField, { color: BaseConfig.ins.itemColor( _k ), size: 12 }, 0xffffff );
+						EffectUtility.textShadow( _label as TextField, { color: _config.itemColor( _k ), size: 12 }, 0xffffff );
 						
-						_label.x = _sitem.x - _label.width / 2;
+						_x = _sitem.x - _label.width / 2;
 						if( _sitem.value >= 0 ){
-							_label.y = _sitem.y - _label.height - _labelSpace;
+							_y = _sitem.y - _label.height - _labelSpace;
 						}else{
-							_label.y = _sitem.y + _label.height + _labelSpace;
+							_y = _sitem.y + 4;
 						}
 						
-						if( _label.x < BaseConfig.ins.c.minX ){
-							_label.x = BaseConfig.ins.c.minX + 3;
-						}else if( _label.x + _label.width >= BaseConfig.ins.c.maxX ){
-							_label.x = BaseConfig.ins.c.maxX - _label.width;
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
 						}
 						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
 						addChild( _label );
+						_list.push( _label );
 						
 						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
 					}
 					
 				});
 				
-				//addChild( _gitem = new CurveGramUI( _cmd, _path, BaseConfig.ins.itemColor( _k ) ) );
+				//addChild( _gitem = new CurveGramUI( _cmd, _path, _config.itemColor( _k ) ) );
 				//_boxs.push( _gitem );
 			});
+			
+			if( _config.animationEnabled ){
+				
+				var _delay:Number = 0;
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+				
+				TweenLite.delayedCall( 1, function():void{
+					_p.visible = true;
+				});
+				
+			}
 						
 			/*
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.rects ) ) return;
-			Common.each( BaseConfig.ins.c.rects, function( _k:int, _item:Object ):void{
+			if( !( _config.c && _config.c.rects ) ) return;
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
 				
 				var _box:Sprite = new Sprite();
 				Common.each( _item, function( _sk:int, _sitem:Object ):void{
 					
 					
-					if( BaseConfig.ins.serialLabelEnabled ){
+					if( _config.serialLabelEnabled ){
 						
 						var _label:JTextField = new JTextField( _sitem );
-						_label.text = StringUtils.printf( BaseConfig.ins.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, BaseConfig.ins.floatLen ) );
+						_label.text = StringUtils.printf( _config.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, _config.floatLen ) );
 						
 						_label.autoSize = TextFieldAutoSize.LEFT;
 						_label.selectable = false;
-						_label.textColor = BaseConfig.ins.itemColor( _sk );
+						_label.textColor = _config.itemColor( _sk );
 						_label.mouseEnabled = false;
 						
 						var _maxStyle:Object = {};
-						if( _sitem.value == BaseConfig.ins.maxValue ){
-							_maxStyle = BaseConfig.ins.maxItemParams.style || _maxStyle;
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
 						}
 						
 						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HStackSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HStackSerialLabelView.as
new file mode 100644
index 0000000..55c4eda
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HStackSerialLabelView.as
@@ -0,0 +1,128 @@
+package org.xas.jchart.common.view.components.SerialLabel
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.filters.GlowFilter;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class HStackSerialLabelView extends BaseSerialLabelView
+	{	
+		private var _config:BaseConfig;
+		
+		public function HStackSerialLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+						
+			if( !( _config.c && _config.c.rects ) ) return;
+			//Log.log( _config.floatLen );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+										
+					_sk = _sitem.sk;
+					_k = _sitem.k; 
+					if( !_sitem.value ) return;
+					
+					if( _config.serialLabelEnabled ){
+						
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
+						_label.text = _config.serialDataLabelValue( _sk, _k );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _sk ); 
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ 
+							{ color: 0xffffff, size: 14 }
+							, _maxStyle ] 
+						);
+						
+						EffectUtility.textShadow( _label as TextField, 
+							{ color: 0xffffff, size: 12 }
+							, _config.itemColor( _sk ) 
+						);
+///						_label.filters = [new GlowFilter(_config.itemColor( _sk ), 1, 2, 2, 16, 1, true )];
+						
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}else{
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						if( _sitem.width < _label.width ){
+							_label.visible = false;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
+						
+						addChild( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				} );
+			});
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HistogramSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HistogramSerialLabelView.as
index 2ff62d2..1dc9258 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HistogramSerialLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/HistogramSerialLabelView.as
@@ -21,9 +21,12 @@ package org.xas.jchart.common.view.components.SerialLabel
 	
 	public class HistogramSerialLabelView extends BaseSerialLabelView
 	{	
+		private var _config:BaseConfig;
+		
 		public function HistogramSerialLabelView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function addToStage( _evt:Event ):void{
@@ -40,11 +43,15 @@ package org.xas.jchart.common.view.components.SerialLabel
 				var _box:Sprite = new Sprite();
 				Common.each( _item, function( _sk:int, _sitem:Object ):void{
 					
+					if( !seriesEnabled( config.displaySeries, _sk ) ) return;
 					
 					if( BaseConfig.ins.serialLabelEnabled ){
 						
-						var _label:JTextField = new JTextField( _sitem );
-						//_label.text = StringUtils.printf( BaseConfig.ins.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, BaseConfig.ins.floatLen ) );
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
 						_label.text = BaseConfig.ins.serialDataLabelValue( _sk, _k );
 						
 						_label.autoSize = TextFieldAutoSize.LEFT;
@@ -60,18 +67,28 @@ package org.xas.jchart.common.view.components.SerialLabel
 						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
 						EffectUtility.textShadow( _label as TextField, { color: BaseConfig.ins.itemColor( _sk ), size: 12 }, 0xffffff );
 						
-						_label.x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
 						if( _sitem.value >= 0 ){
-							_label.y = _sitem.y - _label.height - 2;
+							_y = _sitem.y - _label.height - 2;
 						}else{
-							_label.y = _sitem.y + _sitem.height + 2;
+							_y = _sitem.y + _sitem.height + 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
 						}
 						
-						if( _label.x < BaseConfig.ins.c.minX ){
-							_label.x = BaseConfig.ins.c.minX + 3;
-						}else if( _label.x + _label.width >= BaseConfig.ins.c.maxX ){
-							_label.x = BaseConfig.ins.c.maxX - _label.width;
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
 						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
 						if( BaseConfig.ins.animationEnabled ){
 							_label.alpha = 0;
 							TweenLite.delayedCall( BaseConfig.ins.animationDuration, 
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/MixChartSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/MixChartSerialLabelView.as
new file mode 100644
index 0000000..433bdbf
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/MixChartSerialLabelView.as
@@ -0,0 +1,259 @@
+package org.xas.jchart.common.view.components.SerialLabel
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class MixChartSerialLabelView extends BaseSerialLabelView
+	{	
+		private var _config:BaseConfig;
+		
+		public function MixChartSerialLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+			
+			Common.each( _config.c.mix, function( _mtype:String, _mdata:Object ):void{
+//				Log.log( _mtype );
+//				Log.printFormatJSON( _mdata.srcData );
+				switch( _mtype ){
+					case 'line': {
+						initLine( _mdata );
+						break;
+					}
+					default: {
+						initBar( _mdata );
+						break;
+					}
+				}
+			});
+			
+
+		}
+		
+		private function initLine( _mdata:Object ):void{
+			
+			if( !( _mdata && _mdata.paths && _mdata.paths.length ) ) return;
+			var _list:Vector.<JTextField> = new Vector.<JTextField>();
+			
+			var _p:BaseSerialLabelView = this;
+			
+			if( _config.animationEnabled ){
+				_p.visible = false;
+			}
+			
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+			
+			var _labelSpace:Number = 4;
+			Common.each( _mdata.paths, function( _k:int, _item:Object ):void{
+				
+				var _position:Array = _item.position as Array
+				;
+				if( !seriesEnabled( _mdata.srcData, _k ) ) return;
+				//Log.log( _values );
+				
+				Common.each( _position, function( _sk:int, _sitem:Object ):void{
+					if( _config.serialLabelEnabled ){
+						var _label:JTextField = new JTextField( _sitem.value )
+						, _x:Number = 0
+						, _y:Number = 0
+						, _seriesIx:int = _mdata.srcData[ _k ].data.displayIndex
+						;
+						
+						if( _sitem.data ){
+							_seriesIx = _sitem.data.displayIndex;
+						}
+						
+						//_label.text = StringUtils.printf( _config.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, _config.floatLen ) );
+						_label.text = _config.serialDataLabelValue( _seriesIx, _sk );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _k );
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
+						EffectUtility.textShadow( _label as TextField, { color: _config.itemColor( _k ), size: 12 }, 0xffffff );
+						
+						_x = _sitem.x - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y - _label.height - _labelSpace;
+						}else{
+							_y = _sitem.y + 4;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						addChild( _label );
+						_list.push( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				});
+			});
+			
+			if( _config.animationEnabled ){
+				
+				var _delay:Number = 0;
+				_config.xAxisEnabled && ( _delay = _config.animationDuration / 2 );
+				
+				TweenLite.delayedCall( 1, function():void{
+					_p.visible = true;
+				});
+				
+			}
+
+		}
+		
+		private function initBar( _mdata:Object ):void{
+			if( !( _mdata && _mdata.rects ) ) return;
+//			Log.printFormatJSON( _mdata.srcData );
+//			Log.log( 'MixChartSerialLabelView 1' );
+			//Log.log( _config.floatLen );
+			Common.each( _mdata.rects, function( _k:int, _item:Object ):void{
+//				Log.printFormatJSON( _item );
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+					
+//					if( _k > 0 ) return;
+//					if( !seriesEnabled( _mdata.srcData, _k ) ) return;
+					if( !seriesEnabled( _mdata.srcData, _sk ) ) return;
+//					if( _sk > 0 ) return;
+					if( _config.serialLabelEnabled ){
+						
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
+						if( _sitem.data ){
+							_sk = _sitem.data.displayIndex;
+						}
+							
+						_label.text = _config.serialDataLabelValue( _sk, _k );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _sk );
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
+						EffectUtility.textShadow( _label as TextField, { color: _config.itemColor( _sk ), size: 12 }, 0xffffff );
+						
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y - _label.height - 2;
+						}else{
+							_y = _sitem.y + _sitem.height + 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
+						
+						addChild( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				});
+			});
+		}
+
+		override protected function seriesEnabled( _srcData:Object, _k:int ):Boolean{
+			var _r:Boolean = _config.superSerialLabelEnabled, _tmp:Object;
+			
+			if( _srcData && ( _tmp = _srcData[ _k ] ) ){
+//				"data":
+//				{
+//					"dataLabels":
+//					{
+//						"enabled": false
+//					}, 
+//				Log.printFormatJSON( _srcData[ _k ] )
+//				_r = _config.superSerialLabelEnabled;
+				_tmp.data 
+					&& _tmp.data.dataLabels
+					&& ( 'enabled' in _tmp.data.dataLabels )
+					&& ( _r = StringUtils.parseBool( _tmp.data.dataLabels.enabled ) );
+				
+				_tmp.data 
+					&& _tmp.data.dataLabel
+					&& ( 'enabled' in _tmp.data.dataLabel )
+					&& ( _r = StringUtils.parseBool( _tmp.data.dataLabel.enabled ) );
+			}
+			
+			return _r;
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/StackSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/StackSerialLabelView.as
new file mode 100644
index 0000000..a929e89
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/StackSerialLabelView.as
@@ -0,0 +1,128 @@
+package org.xas.jchart.common.view.components.SerialLabel
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.filters.GlowFilter;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class StackSerialLabelView extends BaseSerialLabelView
+	{	
+		private var _config:BaseConfig;
+		
+		public function StackSerialLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+						
+			if( !( _config.c && _config.c.rects ) ) return;
+			//Log.log( _config.floatLen );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+										
+					_sk = _sitem.sk;
+					_k = _sitem.k; 
+					if( !_sitem.value ) return;
+					
+					if( _config.serialLabelEnabled ){
+						
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
+						_label.text = _config.serialDataLabelValue( _sk, _k );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _sk ); 
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ 
+							{ color: 0xffffff, size: 14 }
+							, _maxStyle ] 
+						);
+						
+						EffectUtility.textShadow( _label as TextField, 
+							{ color: 0xffffff, size: 12 }
+							, _config.itemColor( _sk ) 
+						);
+///						_label.filters = [new GlowFilter(_config.itemColor( _sk ), 1, 2, 2, 16, 1, true )];
+						
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}else{
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						if( _sitem.height < _label.height ){
+							_label.visible = false;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
+						
+						addChild( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				} );
+			});
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VHistogramSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VHistogramSerialLabelView.as
index c3d5907..4b1a5a6 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VHistogramSerialLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VHistogramSerialLabelView.as
@@ -1,6 +1,8 @@
 package org.xas.jchart.common.view.components.SerialLabel
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
@@ -19,56 +21,96 @@ package org.xas.jchart.common.view.components.SerialLabel
 	
 	public class VHistogramSerialLabelView extends BaseSerialLabelView
 	{	
+		private var _config:Config;
+		
 		public function VHistogramSerialLabelView()
 		{
 			super();
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function addToStage( _evt:Event ):void{
+			_labels = new Vector.<Vector.<TextField>>;
+			if( !( _config.displaySeries.length && _config.displaySeries[0].data.length ) ) return;
+			Common.each( _config.displaySeries[0].data, function( _k:int, _item:Number ):void{
+				var _temp:Vector.<TextField> = new Vector.<TextField>();
+				Common.each( _config.displaySeries, function( _sk:int, _sitem:Object ):void{
+					var _label:JTextField = new JTextField( _sitem );
+					_label.text = _config.serialDataLabelValue( _sk, _k );
+					
+					_label.autoSize = TextFieldAutoSize.LEFT;
+					_label.selectable = false;
+					_label.textColor = _config.itemColor( _sk );
+					_label.mouseEnabled = false;
+					
+					var _maxStyle:Object = {};
+					if( _sitem.value == _config.maxValue ){
+						_maxStyle = _config.maxItemParams.style || _maxStyle;
+					}
+					
+					Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
+					EffectUtility.textShadow( _label as TextField, { color: _config.itemColor( _sk ), size: 12 }, 0xffffff );
+					_temp.push( _label );
+					
+					( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					( _label.width > _maxWidth ) && ( _maxWidth = _label.width );
+					_label.x = -1000;
+					addChild( _label );
+				});
+				_labels.push( _temp );
+			});
 		}
 		
 		override protected function showChart( _evt: JChartEvent ):void{
-			this.graphics.clear();			
-			this.graphics.beginFill( 0xcccccc, .13 );
 						
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.rects ) ) return;
-			Common.each( BaseConfig.ins.c.rects, function( _k:int, _item:Object ):void{
+			if( !( _config.c && _config.c.rects ) ) return;
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
 				
 				var _box:Sprite = new Sprite();
 				Common.each( _item, function( _sk:int, _sitem:Object ):void{
 					
+					if( !seriesEnabled( config.displaySeries, _sk ) ) return;
 					
-					if( BaseConfig.ins.serialLabelEnabled ){
+					if( _config.serialLabelEnabled ){
 						
-						var _label:JTextField = new JTextField( _sitem );
-						//_label.text = StringUtils.printf( BaseConfig.ins.dataLabelFormat, Common.moneyFormat( _sitem.value, 3, BaseConfig.ins.floatLen ) );
-						_label.text = BaseConfig.ins.serialDataLabelValue( _sk, _k );
+						var _label:TextField = _labels[ _k ][ _sk ]
+							, _x:Number = 0
+							, _y:Number = 0
+							;
 						
-						_label.autoSize = TextFieldAutoSize.LEFT;
-						_label.selectable = false;
-						_label.textColor = BaseConfig.ins.itemColor( _sk );
-						_label.mouseEnabled = false;
+						_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
 						
-						var _maxStyle:Object = {};
-						if( _sitem.value == BaseConfig.ins.maxValue ){
-							_maxStyle = BaseConfig.ins.maxItemParams.style || _maxStyle;
+						if( _sitem.value >= 0 ){
+							_x = _sitem.x + _config.vspace + (!!_sitem.width ? _sitem.width : 0);
+						}else{
+							_x = _sitem.x - _label.width - _config.vspace;
 						}
 						
-						Common.implementStyle( _label, [ { size: 14 }, _maxStyle ] );
-						EffectUtility.textShadow( _label as TextField, { color: BaseConfig.ins.itemColor( _sk ), size: 12 }, 0xffffff );
-						
-						_label.y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
 						
-						//Log.log(_sitem.x);
-						if( _sitem.value >= 0 ){
-							_label.x = _sitem.x + 5 + (!!_sitem.width ? _sitem.width : 0);
-						}else{
-							_label.x = _sitem.x - _label.width - 5;
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
 						}
-						//Log.log( _label.x);
-						addChild( _label );
 						
-						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
 					}
 					
 				});
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VZHistogramSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VZHistogramSerialLabelView.as
new file mode 100644
index 0000000..a8ae5c3
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/VZHistogramSerialLabelView.as
@@ -0,0 +1,125 @@
+package org.xas.jchart.common.view.components.SerialLabel
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.filters.GlowFilter;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class VZHistogramSerialLabelView extends BaseSerialLabelView
+	{	
+		private var _config:BaseConfig;
+		
+		public function VZHistogramSerialLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+						
+			if( !( _config.c && _config.c.rects ) ) return;
+			//Log.log( _config.floatLen );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+					
+					
+					if( _config.serialLabelEnabled ){
+						
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
+						_label.text = _config.serialDataLabelValue( _k, _sk );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _sk );
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ 
+							{ color: 0xffffff, size: 14 }
+							, _maxStyle ] 
+						);
+						
+						EffectUtility.textShadow( _label as TextField, 
+							{ color: 0xffffff, size: 12 }
+							, _config.itemColor( _sk ) 
+						);
+///						_label.filters = [new GlowFilter(_config.itemColor( _sk ), 1, 2, 2, 16, 1, true )];
+						
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}else{
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						if( _sitem.width < _label.width ){
+							_label.visible = false;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
+						
+						addChild( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				});
+			});
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/ZHistogramSerialLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/ZHistogramSerialLabelView.as
new file mode 100644
index 0000000..5272448
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/SerialLabel/ZHistogramSerialLabelView.as
@@ -0,0 +1,125 @@
+package org.xas.jchart.common.view.components.SerialLabel
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.filters.GlowFilter;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.EffectUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.widget.JTextField;
+	
+	public class ZHistogramSerialLabelView extends BaseSerialLabelView
+	{	
+		private var _config:BaseConfig;
+		
+		public function ZHistogramSerialLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+		}
+		
+		override protected function showChart( _evt: JChartEvent ):void{
+			this.graphics.clear();			
+			this.graphics.beginFill( 0xcccccc, .13 );
+						
+			if( !( _config.c && _config.c.rects ) ) return;
+			//Log.log( _config.floatLen );
+			Common.each( _config.c.rects, function( _k:int, _item:Object ):void{
+				
+				var _box:Sprite = new Sprite();
+				Common.each( _item, function( _sk:int, _sitem:Object ):void{
+					
+					
+					if( _config.serialLabelEnabled ){
+						
+						var _label:JTextField = new JTextField( _sitem )
+							, _x:Number = 0
+							, _y:Number = 0
+							;
+							
+						_label.text = _config.serialDataLabelValue( _k, _sk );
+						
+						_label.autoSize = TextFieldAutoSize.LEFT;
+						_label.selectable = false;
+						_label.textColor = _config.itemColor( _sk );
+						_label.mouseEnabled = false;
+						
+						var _maxStyle:Object = {};
+						if( _sitem.value == _config.maxValue ){
+							_maxStyle = _config.maxItemParams.style || _maxStyle;
+						}
+						
+						Common.implementStyle( _label, [ 
+							{ color: 0xffffff, size: 14 }
+							, _maxStyle ] 
+						);
+						
+						EffectUtility.textShadow( _label as TextField, 
+							{ color: 0xffffff, size: 12 }
+							, _config.itemColor( _sk ) 
+						);
+///						_label.filters = [new GlowFilter(_config.itemColor( _sk ), 1, 2, 2, 16, 1, true )];
+						
+						_x = _sitem.x + _sitem.width / 2 - _label.width / 2;
+						if( _sitem.value >= 0 ){
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}else{
+							_y = _sitem.y + _sitem.height / 2 - _label.height / 2;
+						}
+						
+						if( _x < 0 ){ 
+							_x = 0;
+						}else if( _x + _label.width >= _config.stageWidth ){
+							_x = _config.stageWidth - _label.width;
+						}
+						
+						if( _y < 0 ){
+							_y = 0;
+						}else if( _y + _label.height > _config.stageHeight ){
+							_y = _config.stageHeight - _label.height;
+						}
+						
+						if( _sitem.height < _label.height ){
+							_label.visible = false;
+						}
+						
+						_label.x = _x;
+						_label.y = _y;
+						
+						if( _config.animationEnabled ){
+							_label.alpha = 0;
+							TweenLite.delayedCall( _config.animationDuration, 
+								function():void{
+									TweenLite.to( _label, _config.animationDuration
+										, { 
+											alpha: 1, ease: Expo.easeOut 
+										} );
+								});
+						}
+						
+						addChild( _label );
+						
+						( _label.height > _maxHeight ) && ( _maxHeight = _label.height );
+					}
+					
+				});
+			});
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TestView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TestView.as
index be8b68d..f748fb8 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TestView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TestView.as
@@ -6,6 +6,7 @@ package org.xas.jchart.common.view.components
 	
 	import org.xas.core.ui.button.XButton;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
 	
@@ -79,7 +80,9 @@ package org.xas.jchart.common.view.components
 			var _btn:XButton = _evt.currentTarget as XButton;
 			//Log.log( 'xxx' );
 			if( !_btn ) return;
+			
 			this.dispatchEvent( new JChartEvent( JChartEvent.UPDATE, _btn.data ) );
+//			BaseConfig.ins.facade.sendNotification( JChartEvent.UPDATE, _btn.data );
 			
 			//Log.printJSON( _btn.data.data );
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/BaseTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/BaseTipsView.as
index bc23df5..94977e2 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/BaseTipsView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/BaseTipsView.as
@@ -16,7 +16,7 @@ package org.xas.jchart.common.view.components.TipsView
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.TipsUI;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
 	
 	public class BaseTipsView extends Sprite
 	{	
@@ -45,7 +45,7 @@ package org.xas.jchart.common.view.components.TipsView
 		protected function init():void{
 			buildData();
 			
-			addChild( _tips = new TipsUI() );
+			addChild( _tips = new TipsUI( _config.tooltipType ) );
 		}
 		
 		protected function buildData():void{
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/MixChartTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/MixChartTipsView.as
new file mode 100644
index 0000000..71f48a5
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/MixChartTipsView.as
@@ -0,0 +1,130 @@
+package org.xas.jchart.common.view.components.TipsView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
+	
+	public class MixChartTipsView extends BaseTipsView
+	{	
+		public function MixChartTipsView()
+		{
+			super();
+		}
+
+		
+		override protected function buildData():void{
+			
+			if( !( _config.displaySeries && _config.displaySeries.length ) ){
+				return;
+			}
+			
+			_data = {};
+			
+			Common.each( _config.displaySeries[0].data, function( _k:int, _item:Number ):void{
+				_data[ _k ] = { items: [], beforeItems: [], afterItems: [] };
+				
+
+				var _format:String = _config.tooltipHeaderFormat;
+				_data[ _k ].name = StringUtils.printf( _format,  _config.getTipsHeader( _k ) ).replace( /[\r\n]+/g, '' );
+							
+				Common.each( _config.tooltipSerial, function( _sk:int, _sitem:Object ):void{
+					//_data[ _k ][ 'name' ] = _sitem.name || '';
+					//Log.log( 'xxxxxxx', _sitem.data[_k] );
+					
+					if(  _sitem.data ){
+						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( _sitem, _k, _config.tooltipSerialFormat, Common.floatLen( _sitem.data[ _k ] ) )
+						;
+						/*
+						, _value:String = StringUtils.printf( _config.tooltipSerialFormat, 
+							Common.moneyFormat( _sitem.data[ _k ], 3, Common.floatLen( _sitem.data[ _k ] ) )
+						)
+						*/
+						
+						_data[ _k ].beforeItems.push( {
+							'name': _name.replace( /[\r\n]+/g, '' )
+							, 'value': _value
+						});
+					}
+				});
+				
+				Common.each( _config.displaySeries, function( _sk:int, _sitem:Object ):void{
+					//_data[ _k ][ 'name' ] = _sitem.name || '';
+					//Log.log( 'xxxxxxx', _sitem.data[_k] );
+					if( _sitem.data ){
+						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( _sitem, _k, _config.tooltipPointFormat, _config.floatLen  )
+						/*
+						, _value:String = StringUtils.printf( _config.tooltipPointFormat, 
+							Common.moneyFormat( _sitem.data[ _k ], 3, _config.floatLen  )
+						)
+						*/
+						;
+						
+						_data[ _k ].items.push( {
+							'name': _name.replace( /[\r\n]+/g, '' )
+							, 'value': _value
+						});
+					}
+				});
+				
+				Common.each( _config.tooltipAfterSerial, function( _sk:int, _sitem:Object ):void{
+					//_data[ _k ][ 'name' ] = _sitem.name || '';
+					//Log.log( 'xxxxxxx', _sitem.data[_k] );
+					
+					if(  _sitem.data ){
+						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( _sitem, _k, _config.tooltipAfterSerialFormat, Common.floatLen( _sitem.data[ _k ] ) )
+						/*
+						, _value:String = StringUtils.printf( _config.tooltipAfterSerialFormat, 
+							Common.moneyFormat( _sitem.data[ _k ], 3, Common.floatLen( _sitem.data[ _k ] ) )
+						)
+						*/
+						;
+						
+						_data[ _k ].afterItems.push( {
+							'name': _name.replace( /[\r\n]+/g, '' )
+							, 'value': _value
+						});
+					}
+				});
+			});
+			
+		}
+		
+		override protected function updateTips( _evt: JChartEvent ):void{
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				, _x:Number, _y:Number
+				, _pos:Object
+				;		
+			//Log.log( 'TipsView ix', _ix, _srcEvt.stageX, _srcEvt.stageY );
+			if( !( _data && _data[ _ix ] ) ) return;
+			//Log.printObject( _data[ _ix ] );
+			_x = _srcEvt.stageX;
+			_y = _srcEvt.stageY;
+			_pos = { x: _x, y: _y };
+			if( _config.hoverBgEnabled && _config.c.dataRect && _config.c.dataRect[ _ix ]){
+				_tips.update( _data[ _ix ], _pos, null, _config.c.dataRect[ _ix ] );
+			}else{
+				_tips.update( _data[ _ix ], _pos );
+			}
+			
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/NormalTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/NormalTipsView.as
index 2696269..cc1a22e 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/NormalTipsView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/NormalTipsView.as
@@ -16,7 +16,7 @@ package org.xas.jchart.common.view.components.TipsView
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.TipsUI;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
 	
 	public class NormalTipsView extends BaseTipsView
 	{	
@@ -47,9 +47,19 @@ package org.xas.jchart.common.view.components.TipsView
 					
 					if(  _sitem.data ){
 						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( 
+							_sitem
+							, _k
+							, _config.tooltipSerialFormat
+							, Common.floatLen( _sitem.data[ _k ] 
+							)
+						)
+						;
+						/*
 						, _value:String = StringUtils.printf( _config.tooltipSerialFormat, 
 							Common.moneyFormat( _sitem.data[ _k ], 3, Common.floatLen( _sitem.data[ _k ] ) )
 						)
+						*/
 						
 						_data[ _k ].beforeItems.push( {
 							'name': _name.replace( /[\r\n]+/g, '' )
@@ -63,9 +73,13 @@ package org.xas.jchart.common.view.components.TipsView
 					//Log.log( 'xxxxxxx', _sitem.data[_k] );
 					if( _sitem.data ){
 						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( _sitem, _k, _config.tooltipPointFormat, _config.floatLen  )
+						/*
 						, _value:String = StringUtils.printf( _config.tooltipPointFormat, 
 							Common.moneyFormat( _sitem.data[ _k ], 3, _config.floatLen  )
 						)
+						*/
+						;
 						
 						_data[ _k ].items.push( {
 							'name': _name.replace( /[\r\n]+/g, '' )
@@ -80,9 +94,13 @@ package org.xas.jchart.common.view.components.TipsView
 					
 					if(  _sitem.data ){
 						var _name:String = _sitem.name + ''
+						, _value:String = BaseConfig.ins.getTipsValue( _sitem, _k, _config.tooltipAfterSerialFormat, Common.floatLen( _sitem.data[ _k ] ) )
+						/*
 						, _value:String = StringUtils.printf( _config.tooltipAfterSerialFormat, 
 							Common.moneyFormat( _sitem.data[ _k ], 3, Common.floatLen( _sitem.data[ _k ] ) )
 						)
+						*/
+						;
 						
 						_data[ _k ].afterItems.push( {
 							'name': _name.replace( /[\r\n]+/g, '' )
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/PieTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/PieTipsView.as
index a468243..6e897ab 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/PieTipsView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/PieTipsView.as
@@ -28,25 +28,26 @@ package org.xas.jchart.common.view.components.TipsView
 			Common.each( BaseConfig.ins.displaySeries, function( _k:int, _item:Object ):void{
 				_data[ _k ] = { 
 					'name': StringUtils.printf( _config.tooltipHeaderFormat,  ( _item.name || '' ).replace( /[\r\n]+/g, '' ) )
-					, 'items': [ 
+					, 'items': [
 						{ 
 							'name': BaseConfig.ins.itemName
 							, 'value': StringUtils.printf( _config.tooltipPointFormat, 
 								Common.moneyFormat( _item.y || 0, 3, _config.floatLen  )
 							)
-						}  
+						}
 					] 
 				};
 
 			});
 		}
 		
-		override protected function updateTips( _evt: JChartEvent ):void{
+		override protected function updateTips( _evt: JChartEvent ):void {
 			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
 				, _ix:int = _evt.data.index as int
-				;		
+				;
+			
 			if( !( _data && _data[ _ix ] ) ) return;
-			//Log.printObject( _data[ _ix ] );
+			Log.printObject( _data[ _ix ] );
 			_tips.update( _data[ _ix ], new Point( _srcEvt.stageX, _srcEvt.stageY ), [ BaseConfig.ins.itemColor( _ix ) ] );
 			//Log.log( 'updateTips', _ix );
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/StackTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/StackTipsView.as
new file mode 100644
index 0000000..571a484
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/StackTipsView.as
@@ -0,0 +1,28 @@
+package org.xas.jchart.common.view.components.TipsView
+{
+	import com.adobe.utils.StringUtil;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
+	
+	public class StackTipsView extends NormalTipsView
+	{	
+		public function StackTipsView()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/TrendTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/TrendTipsView.as
index 2912c4e..2dac1e4 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/TrendTipsView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/TrendTipsView.as
@@ -17,7 +17,7 @@ package org.xas.jchart.common.view.components.TipsView
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.TipsUI;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
 	
 	public class TrendTipsView extends BaseTipsView
 	{	
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/ZHistogramTipsView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/ZHistogramTipsView.as
index 4fd87b1..5d23b49 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/ZHistogramTipsView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TipsView/ZHistogramTipsView.as
@@ -16,7 +16,7 @@ package org.xas.jchart.common.view.components.TipsView
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.Common;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.ui.TipsUI;
+	import org.xas.jchart.common.ui.TipsUI.TipsUI;
 	
 	public class ZHistogramTipsView extends BaseTipsView
 	{	
@@ -37,6 +37,7 @@ package org.xas.jchart.common.view.components.TipsView
 		private function getDataByIndex( _ix:int ):Object{
 			var _d:Object = { items: [], beforeItems: [], afterItems: [] };
 			var _orgData:Object = _config.displaySeries[ _ix ];
+			var _seriesData:Object = _config.series[ _ix ];
 			
 			if(!_orgData){ return null; }
 			
@@ -55,15 +56,31 @@ package org.xas.jchart.common.view.components.TipsView
 				}
 			});
 			
+			var _sdata:Array = _seriesData.data;
 			Common.each( _orgData.data, function( _sk:int, _sitem:Number ):void{
+				
 				var _name:String = ""
-				, _fmt:String = _orgData.format ? _orgData.format : _config.tooltipPointFormat;
+				, _fmt:String = _orgData.format ? _orgData.format : _config.tooltipPointFormat
+				;
+				
+				_orgData.label && ( _name = _name );
 				
-				_orgData.label && ( _name = _orgData.label[ _sk ] );
+				
+				if( _config.displaySeriesIndexMap && ( _sk in _config.displaySeriesIndexMap )  ){
+					_config.categories 
+						&& _config.categories[ _config.displaySeriesIndexMap[ _sk ] ] 
+						&& ( _name = _config.categories[ _config.displaySeriesIndexMap[ _sk ] ] );
+				}else{				
+					_config.categories 
+						&& _config.categories[ _sk ] 
+						&& ( _name = _config.categories[ _sk ] );
+				}
+				//_name = _name || 'empty';
 				
 				_d.items.push( {
 					'name': _name.replace( /[\r\n]+/g, '' )
-					, 'value': StringUtils.printf( _fmt, _sitem,
+					, 'value': StringUtils.printf( _fmt, 
+						Common.moneyFormat( _sitem, 3, Common.floatLen( _sitem ) ),
 						Number( _sitem / _config.c.totalArray[ _ix ] * 100 ).toFixed( 2 ) )
 				});
 			});
@@ -79,8 +96,8 @@ package org.xas.jchart.common.view.components.TipsView
 						, 'value': _value
 					});
 				}
-			});
-			
+			}); 
+
 			return _d;
 		}
 		
@@ -122,11 +139,13 @@ package org.xas.jchart.common.view.components.TipsView
 				}else{
 					_tips.update( _d, _pos ).show(new Point( _pos.x, _pos.y ) );
 				}
+				
 			} else {
 				addChild( _tips = new TipsUI() );
 				_tips.buildLayout( getDataByIndex( _ix ) ).show( new Point( _pos.x, _pos.y ) );
 				tipsBox[ _ix ] = _tips;
 			}
+			
 			curTips = _tips;
 			curIndex = _ix;
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/TitleView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/TitleView.as
index 67c6763..b2cebee 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/TitleView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/TitleView.as
@@ -31,6 +31,7 @@ package org.xas.jchart.common.view.components
 		private function addToStage( _evt:Event ):void{
 			_textf = new TextField();
 			_textf.text = _text;
+			_textf.autoSize = TextFieldAutoSize.LEFT;
 			
 			Common.implementStyle( _textf, [
 				DefaultOptions.title.style
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/BaseVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/BaseVLabelView.as
index 1e49b65..9447e7f 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/BaseVLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/BaseVLabelView.as
@@ -23,16 +23,26 @@ package org.xas.jchart.common.view.components.VLabelView
 		
 		protected var _maxWidth:Number = 0;
 		public function get maxWidth():Number{ return _maxWidth; }
+		public function set maxHeight( _setter:Number ):void{ _maxHeight = _setter; }
+		
+		protected var _maxWidthRight:Number = 0;
+		public function get maxWidthRight():Number{ return _maxWidth; }
 		
 		protected var _maxHeight:Number = 0;
 		public function get maxHeight():Number{ return _maxHeight; }
+		public function set maxWidth( _setter:Number ):void{ _maxWidth = _setter; }
+		
+		protected var __config:Config;
+		public function get config():Config{ return __config; }
 		
 		public function BaseVLabelView()
 		{
 			super();
+			__config = BaseConfig.ins as Config;
 			
 			addEventListener( Event.ADDED_TO_STAGE, addToStage );
-			addEventListener( JChartEvent.UPDATE, update );			
+			addEventListener( JChartEvent.UPDATE, update );	
+			addEventListener( JChartEvent.RESET_HLABELS, reset );			
 		}
 		
 		protected function addToStage( _evt:Event ):void{
@@ -40,7 +50,21 @@ package org.xas.jchart.common.view.components.VLabelView
 		}
 		
 		protected function update( _evt:JChartEvent ):void{
-
+			if( config.labelRotationEnable ){
+				rotationUpdate();
+			}else{
+				normalUpdate();
+			}
+		}
+		
+		protected function normalUpdate():void{
+		}
+		
+		protected function rotationUpdate():void{
+			normalUpdate();
+		}
+		
+		protected function reset( _evt:JChartEvent ):void{
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HStackVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HStackVLabelView.as
new file mode 100644
index 0000000..d522401
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HStackVLabelView.as
@@ -0,0 +1,140 @@
+package org.xas.jchart.common.view.components.VLabelView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.media.Video;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class HStackVLabelView extends BaseVLabelView
+	{
+		private var _config:Config;
+		
+		public function HStackVLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			var _labelRotate:Boolean = config.labelRotationEnable;
+			var _twidth:Number = config.c.labelWidth;
+			
+			_twidth < 16 && ( _twidth = 16 );
+			
+			if( config.cd && config.cd.xAxis && config.cd.xAxis.categories ){
+				
+				Common.each( config.cd.xAxis.categories, function( _k:int, _item:* ):*{
+					var _tmpWidth:Number;
+					_t = _item + '';
+					
+					_titem = new TextField();
+					_titem.text = _t
+					_titem.text = StringUtils.printf( config.xAxisFormat, _t );
+					
+					_titem.autoSize = TextFieldAutoSize.LEFT;
+					
+					Common.implementStyle( _titem, [
+						DefaultOptions.title.style
+						, DefaultOptions.yAxis.labels.style
+						, { 'size': 12, color: 0x838383, 'align': 'center' }
+						, config.vlabelsStyle
+					] );
+					_tmpWidth = _titem.width + 1;
+					if( config.xAxisWordwrap ) {
+//						_titem.width = _twidth * 1.5;
+						_titem.wordWrap = true;
+						_titem.width = _tmpWidth;
+					} 
+					
+					if( !_config.displayAllLabel ) {
+						if( !( _k in config.labelDisplayIndex ) ) {
+							_titem.visible = false;
+						}
+					}
+					
+					_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+					_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+					_titem.x = -1000;
+					addChild( _titem );
+					
+					_labels.push( _titem );
+					
+				} );								
+			}		
+//			Log.log( '_maxWidth:', _maxWidth );
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			if( !( _config.c && _config.c.vpoint ) ) return;
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+				if( _k >= _labels.length ) return;
+				
+				
+				var _tf:TextField = _labels[ _k ]
+					, _x:Number = _item.start.x
+					, _y:Number = _item.start.y
+					;
+					
+				_x -= _tf.width;
+				_x -= _config.xArrowLength;
+				_x -= _config.vspace;
+				
+				_y -= _tf.height / 2;
+				_y += _config.c.vpart / 2;
+								
+				if( _config.animationEnabled ){
+//					_tf.visible = true;
+					_tf.y = _y;
+					_tf.x = _x - 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _x
+									, y: _y
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					_tf.x = _x;
+					_tf.y = _y;
+				}
+				
+			});
+		}
+		
+		override protected function reset( _evt:JChartEvent ):void{
+//			Log.log( 'BaseHLabelView.reset' );
+			config.setDisplayAllLabel( false );
+			config.calcLabelDisplayIndex();
+			if( !( labels && labels.length && config.labelDisplayIndex ) ) return;
+//			Log.printFormatJSON( config.labelDisplayIndex );
+			
+			Common.each( labels, function( _k:int, _item:TextField ):void{
+				_item.visible = config.labelDisplayIndex[ _k ] || false;
+//				Log.log( _item.visible );
+			});
+		}
+
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HistogramVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HistogramVLabelView.as
index d26eb70..6aecc08 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HistogramVLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/HistogramVLabelView.as
@@ -38,11 +38,19 @@ package org.xas.jchart.common.view.components.VLabelView
 			
 			Common.each( BaseConfig.ins.realRate, function( _k:int, _item:Number ):*{
 				
-				_t = Common.moneyFormat( _item, 3, BaseConfig.ins.realRateFloatLen || 0 );
+				var _floatLen:int = BaseConfig.ins.realRateFloatLen;
 				
-				_titem = new TextField();
+				if( BaseConfig.ins.floatLen === 0 && BaseConfig.ins.maxNum > 10 ){
+					_floatLen = 0;
+				}
+					
+				if( BaseConfig.ins.cd && BaseConfig.ins.cd.yAxis && ( 'realRateFloatLen' in BaseConfig.ins.cd.yAxis ) ){
+					_floatLen = BaseConfig.ins.realRateFloatLen;
+				}
 				
+				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
 				
+				_titem = new TextField();				
 				
 				if( BaseConfig.ins.isPercent ){
 					_titem.text = _t + '%';
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/NormalVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/NormalVLabelView.as
new file mode 100644
index 0000000..7b4f09a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/NormalVLabelView.as
@@ -0,0 +1,118 @@
+package org.xas.jchart.common.view.components.VLabelView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.media.Video;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class NormalVLabelView extends BaseVLabelView
+	{
+		private var _config:Config;
+		
+		public function NormalVLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+			Common.each( _config.realRate, function( _k:int, _item:Number ):*{
+				
+				var _floatLen:int = _config.realRateFloatLen;
+				
+				if( _config.floatLen === 0 && _config.maxNum > 10 ){
+					_floatLen = 0;
+				}
+					
+				if( _config.cd && _config.cd.yAxis && ( 'realRateFloatLen' in _config.cd.yAxis ) ){
+					_floatLen = _config.realRateFloatLen;
+				}
+				
+//				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
+				_t = Common.moneyFormat( 
+					_item
+					, 3
+					, _config.yAxisAbbrNumber( _item, _floatLen || 0 )
+					, ','
+					, _config.yAxisAbbrNumberEnabled 
+				);
+				
+				_titem = new TextField();				
+				
+				if( _config.isPercent ){
+					_titem.text = _t + '%';
+				}else{
+				} 
+				_titem.text = StringUtils.printf( _config.yAxisFormat, _t );
+				
+				Common.implementStyle( _titem, [
+					DefaultOptions.title.style
+					, DefaultOptions.yAxis.labels.style
+					, { color: 0x838383 }
+					, _config.vlabelsStyle
+				] );
+											
+				if( _config.animationEnabled ){
+					_titem.visible = false;
+				}
+				addChild( _titem );
+				
+				_labels.push( _titem );
+				
+				_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+			});			
+			//Log.log( 'maxwidth', _maxWidth );
+		}
+		
+		override protected function update( _evt:JChartEvent ):void{
+			if( !( _config.c && _config.c.vpoint ) ) return;
+			Common.each( _config.c.vpoint, function( _k:int, _item:Object ):void{
+				if( _k >= _labels.length ) return;
+				var _tf:TextField = _labels[ _k ]
+					, _sx:Number = _item.start.x - _config.yArrowLength; 
+					;
+								
+				if( _config.animationEnabled ){
+					_tf.visible = true;
+					_tf.y = _item.start.y - _tf.height / 2;
+					_tf.x = _sx - _tf.width - _config.vlabelSpace - 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _sx - _tf.width - _config.vlabelSpace
+									, y: _item.start.y - _tf.height / 2
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					_tf.x = _sx - _tf.width - _config.vlabelSpace;
+					_tf.y = _item.start.y - _tf.height / 2;
+				}
+				
+			});
+		}
+
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/RadarVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/RadarVLabelView.as
new file mode 100644
index 0000000..f43506f
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/RadarVLabelView.as
@@ -0,0 +1,149 @@
+package org.xas.jchart.common.view.components.VLabelView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.events.MouseEvent;
+	import flash.filters.GlowFilter;
+	import flash.geom.Point;
+	import flash.media.Video;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class RadarVLabelView extends BaseVLabelView
+	{
+		private var _config:Config;
+		
+		private var _preIndex:int = -1;
+		
+		private var _vlabels:Vector.<Vector.<TextField>>;
+		
+		public function RadarVLabelView()
+		{
+			super();
+			
+			_vlabels = new Vector.<Vector.<TextField>>();
+			
+			addEventListener( JChartEvent.UPDATE_TIPS, updateTips );
+			addEventListener( JChartEvent.HIDE_TIPS, hideTips );
+
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void {
+		}
+		
+		private function updateTips( _evt: JChartEvent ):void {
+			
+			var _srcEvt:MouseEvent = _evt.data.evt as MouseEvent
+				, _ix:int = _evt.data.index as int
+				;
+			
+			if( !( _vlabels && _vlabels.length ) ) return;
+			if( _preIndex == _ix ) return;
+			
+			if( _preIndex >= 0 ) {
+				
+				Common.each( _vlabels[ _preIndex ], function( _idx:Number, _label:TextField ):void {
+					TweenLite.to( _label, _config.animationDuration, {
+						alpha: 0
+						, ease: Expo.easeOut 
+					} );
+				} );
+			}
+			
+			Common.each( _vlabels[ _ix ], function( _idx:Number, _label:TextField ):void {
+				TweenLite.to( _label, _config.animationDuration, {
+					alpha: 1
+					, ease: Expo.easeOut 
+				} );
+			} );
+			
+			_preIndex = _ix;
+		}
+		
+		private function hideTips( _evt: JChartEvent ):void {
+			
+			if( _preIndex >= 0 ){
+				Common.each( _vlabels[ _preIndex ], function( _idx:Number, _label:TextField ):void {
+					TweenLite.to( _label, _config.animationDuration, {
+						alpha: 0
+						, ease: Expo.easeOut 
+					} );
+				} );
+			}
+			_preIndex = -1;
+		}	
+		
+		override protected function update( _evt:JChartEvent ):void {
+			var _titem:TextField
+			, _t:String
+			, _rateObj:Object;
+			
+			Common.each( _config.c.radarBgPoint, function( _i:Number, _list:Vector.<Point> ):void {
+				Common.each( _list, function( _idx:Number, _item:Point ):void {
+					_titem = new TextField();
+					
+					_rateObj = _config.c.rateList[ _idx ];
+					
+					var _floatLen:int = BaseConfig.ins.realRateFloatLen;
+					
+					if( BaseConfig.ins.floatLen === 0 && BaseConfig.ins.maxNum > 10 ){
+						_floatLen = 0;
+					}
+					
+					if( BaseConfig.ins.cd && BaseConfig.ins.cd.yAxis && ( 'realRateFloatLen' in BaseConfig.ins.cd.yAxis ) ){
+						_floatLen = BaseConfig.ins.realRateFloatLen;
+					}
+					
+					_t = Common.moneyFormat( _rateObj.realRate[ _i ], 3, _floatLen || 0 );
+					
+					if( BaseConfig.ins.isPercent ){
+						_titem.text = _t + '%';
+					}
+					
+					_titem.text = StringUtils.printf( BaseConfig.ins.yAxisFormat, _t );
+					
+					Common.implementStyle( _titem, [
+						DefaultOptions.title.style
+						, DefaultOptions.yAxis.labels.style
+						, { color: 0x838383 }
+						, BaseConfig.ins.vlabelsStyle
+					] );
+					
+					_titem.x = _item.x;
+					_titem.y = _item.y;
+					_titem.alpha = 0;
+					_titem.visible = true;
+					_titem.mouseEnabled = false;
+					
+					_titem.filters = new Array( new GlowFilter( 0xeeeeee,1,2,2,255 ) );
+					_titem.textColor = 0x666666;
+					
+					addChild( _titem );
+					
+					if( _vlabels.length <= _idx ) {
+						_vlabels[ _idx ] = new Vector.<TextField>();
+					}
+					
+					_vlabels[ _idx ][ _i ] = _titem;
+					
+				} );
+			} );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/VHistogramVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/VHistogramVLabelView.as
index 90cfdf1..5d705a6 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/VHistogramVLabelView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/VHistogramVLabelView.as
@@ -1,9 +1,12 @@
 package org.xas.jchart.common.view.components.VLabelView
 {
 	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
 	
 	import flash.display.Sprite;
 	import flash.events.Event;
+	import flash.geom.Point;
 	import flash.media.Video;
 	import flash.text.TextField;
 	import flash.text.TextFieldAutoSize;
@@ -21,12 +24,9 @@ package org.xas.jchart.common.view.components.VLabelView
 	
 	public class VHistogramVLabelView extends BaseVLabelView
 	{
-		private var _config:Config;
-		
 		public function VHistogramVLabelView()
 		{
 			super();
-			_config = BaseConfig.ins as Config;
 		}
 		
 		override protected function addToStage( _evt:Event ):void{
@@ -34,25 +34,32 @@ package org.xas.jchart.common.view.components.VLabelView
 			_labels = new Vector.<TextField>();
 			var _v:Number, _t:String, _titem:TextField;
 			
-			Common.each( BaseConfig.ins.realRate, function( _k:int, _item:Number ):*{
+			Common.each( config.realRate, function( _k:int, _item:Number ):*{
+				
+				
+				var _floatLen:int = config.realRateFloatLen;
+				
+				if( config.floatLen === 0 && config.maxNum >= 8 ){
+					_floatLen = 0;
+				}
 				
-				_t = Common.moneyFormat( _item, 3, BaseConfig.ins.realRateFloatLen || 0 );
+				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
 				
 				_titem = new TextField();
 				
 				
 				
-				if( BaseConfig.ins.isPercent ){
+				if( config.isPercent ){
 					_titem.text = _t + '%';
 				}else{
 				}
-				_titem.text = StringUtils.printf( BaseConfig.ins.yAxisFormat, _t );
+				_titem.text = StringUtils.printf( config.yAxisFormat, _t );
 				
 				Common.implementStyle( _titem, [
 					DefaultOptions.title.style
 					, DefaultOptions.yAxis.labels.style
 					, { color: 0x838383 }
-					, BaseConfig.ins.vlabelsStyle
+					, config.vlabelsStyle
 				] );
 				
 				addChild( _titem );
@@ -63,28 +70,100 @@ package org.xas.jchart.common.view.components.VLabelView
 				_titem.height > _maxHeight && ( _maxHeight = _titem.height );
 			});			
 			//Log.log( 'maxwidth', _maxWidth );
+			
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS_YAXIS, {}, 'vbar' );
 		}
 		
-		override protected function update( _evt:JChartEvent ):void{
-			if( !( BaseConfig.ins.c && BaseConfig.ins.c.vpoint ) ) return;
+		override protected function normalUpdate( ):void{
+			if( !( config.c && config.c.vpoint ) ) return;
 			
-			Common.each( BaseConfig.ins.c.vpointReal, function( _k:int, _item:Object ):void{
+			Common.each( config.c.vpointReal, function( _k:int, _item:Object ):void{
 				var _tf:TextField = _labels[ _k ];
 				
-				var _x:Number = _item.end.x - _tf.width / 2;
+				var _x:Number = _item.end.x - _tf.width / 2
+					, _y:Number = _item.end.y
+					;
+					
+				if( config.hlineEnabled ){
+				}
+				_y += config.xArrowLength;
 				
 				if( _k === 0 ){
-					if( _x + _tf.width > _config.c.chartX + _config.c.chartWidth ){
-						_x = _config.c.chartX + _config.c.chartWidth - _tf.width + 3;
+					if( _x + _tf.width > config.stageWidth ){
+						_x = config.stageWidth - _tf.width - 2;
 					}
-				}else if( _k === _config.c.vpointReal.length - 1 ){
-					_x < 5 && ( _x = _config.c.chartX - 3 );
+				}else if( _k === config.c.vpointReal.length - 1 ){
+					_x < 2 && ( _x = 2 );
 				}
 				
-				_tf.x = _x;
-				_tf.y = _item.end.y;
+//				_tf.x = _x;
+//				_tf.y = _item.end.y;
+				
+				if( config.animationEnabled ){
+					_tf.visible = true;
+					_tf.x = _x;
+					_tf.y = _y + 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, config.animationDuration
+								, { 
+									x: _x
+									, y: _y
+									, ease: Expo.easeOut } );
+						});
+				}else{
+//					_tf.x = _item.start.x - _tf.width - config.vlabelSpace;
+//					_tf.y = _item.start.y - _tf.height / 2;
+					_tf.x = _x;
+					_tf.y = _y;
+				}
 			});
 		}
+		override protected function rotationUpdate():void{
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			Common.each( config.c.vpointReal, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+					, _location:Point
+					, _newLocation:Point
+					, _offsetPoint:Point
+					, _x:Number = _item.end.x 
+					, _y:Number = _item.end.y
+					;
+				
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				
+				_y += config.xArrowLength;
+
+				_location = new Point( _x, _y );
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				//				_tf.x = _x;
+				//				_tf.y = _item.end.y;
+				
+				if( config.animationEnabled ){
+					_tf.visible = true;
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y + 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, config.animationDuration
+								, { 
+									x: _newLocation.x
+									, y: _newLocation.y
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					//					_tf.x = _item.start.x - _tf.width - config.vlabelSpace;
+					//					_tf.y = _item.start.y - _tf.height / 2;
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y;
+				}
+			});	
+		}
 
 
 	}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/ZVHistogramVLabelView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/ZVHistogramVLabelView.as
new file mode 100644
index 0000000..4342500
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VLabelView/ZVHistogramVLabelView.as
@@ -0,0 +1,173 @@
+package org.xas.jchart.common.view.components.VLabelView
+{
+	import com.adobe.utils.StringUtil;
+	import com.greensock.TweenLite;
+	import com.greensock.easing.Expo;
+	
+	import flash.display.Sprite;
+	import flash.events.Event;
+	import flash.geom.Point;
+	import flash.media.Video;
+	import flash.text.TextField;
+	import flash.text.TextFieldAutoSize;
+	import flash.text.TextFormat;
+	import flash.text.TextFormatAlign;
+	
+	import mx.controls.Text;
+	
+	import org.xas.core.utils.Log;
+	import org.xas.core.utils.StringUtils;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.DefaultOptions;
+	import org.xas.jchart.common.event.JChartEvent;
+	
+	public class ZVHistogramVLabelView extends BaseVLabelView
+	{
+		private var _config:Config;
+		
+		public function ZVHistogramVLabelView()
+		{
+			super();
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override protected function addToStage( _evt:Event ):void{
+			
+			_labels = new Vector.<TextField>();
+			var _v:Number, _t:String, _titem:TextField;
+			
+			Common.each( BaseConfig.ins.realRate, function( _k:int, _item:Number ):*{
+				
+				
+				var _floatLen:int = BaseConfig.ins.realRateFloatLen;
+				
+				if( _config.floatLen === 0 && _config.maxNum >= 8 ){
+					_floatLen = 0;
+				}
+				
+				_t = Common.moneyFormat( _item, 3, _floatLen || 0 );
+				
+				_titem = new TextField();
+				
+				if( _config.isPercent ){
+					_titem.text = _t + '%';
+				}
+				
+				
+				
+				_titem.text = StringUtils.printf( _config.yAxisFormat, _t );
+				
+				Common.implementStyle( _titem, [
+					DefaultOptions.title.style
+					, DefaultOptions.yAxis.labels.style
+					, { color: 0x838383 }
+					, _config.vlabelsStyle
+				] );
+				
+				addChild( _titem );
+				
+				_labels.push( _titem );
+				
+				_titem.width > _maxWidth && ( _maxWidth = _titem.width );
+				_titem.height > _maxHeight && ( _maxHeight = _titem.height );
+			});			
+			//Log.log( 'maxwidth', _maxWidth );
+			config.facade.sendNotification( JChartEvent.ROTATION_LABELS_YAXIS, {}, 'vzbar' );
+		}
+		
+		override protected function normalUpdate( ):void{
+			if( !( _config.c && _config.c.vpoint ) ) return;
+			
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight + 1;
+			if( _config.yAxisEnabled && _config.vlineEnabled ){
+				_endY += _config.yArrowLength;
+			}
+			
+			Common.each( _config.c.vpointReal, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ];
+				
+				var _x:Number = _item.end.x - _tf.width / 2
+					;
+				
+				if( _k === 0 ){
+					if( _x + _tf.width > _config.stageWidth ){
+						_x = _config.stageWidth - _tf.width;
+					}
+				}else if( _k === _config.c.vpointReal.length - 1 ){
+					_x < 1 && ( _x = 1 );
+				}
+				
+//				_tf.x = _x;
+//				_tf.y = _item.end.y;
+				
+				if( _config.animationEnabled ){
+					_tf.visible = true;
+					_tf.x = _x;
+					_tf.y = _item.end.y + 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _x
+									, y: _endY
+									, ease: Expo.easeOut } );
+						});
+				}else{
+//					_tf.x = _item.start.x - _tf.width - _config.vlabelSpace;
+//					_tf.y = _item.start.y - _tf.height / 2;
+					_tf.x = _x;
+					_tf.y = _endY;
+				}
+			});
+		}
+		override protected function rotationUpdate():void{
+			if( !( config.c.rotationCoor && config.c.rotationCoor.length ) ) return;
+			
+			var _endY:Number = _config.c.chartY + _config.c.chartHeight + 1;
+			if( _config.yAxisEnabled && _config.vlineEnabled ){
+				_endY += _config.yArrowLength;
+			}
+			
+			Common.each( _config.c.vpointReal, function( _k:int, _item:Object ):void{
+				var _tf:TextField = _labels[ _k ]
+				, _location:Point
+				, _newLocation:Point
+				, _offsetPoint:Point
+				, _x:Number = _item.end.x 
+				, _y:Number = _endY
+				;
+				_offsetPoint = config.c.rotationCoor[ _k ].offset as Point;
+				if( !_offsetPoint ) return;
+				
+
+				_location = new Point( _x, _y );
+				_newLocation = _location.subtract( _offsetPoint );
+				
+				//				_tf.x = _x;
+				//				_tf.y = _item.end.y;
+				
+				if( _config.animationEnabled ){
+					_tf.visible = true;
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y + 200;
+					
+					TweenLite.delayedCall( 0, 
+						function():void{
+							TweenLite.to( _tf, _config.animationDuration
+								, { 
+									x: _newLocation.x
+									, y: _newLocation.y
+									, ease: Expo.easeOut } );
+						});
+				}else{
+					_tf.x = _newLocation.x;
+					_tf.y = _newLocation.y;
+				}
+			});
+		}
+
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/components/VTitleView.as b/flash/source/lib/src/org/xas/jchart/common/view/components/VTitleView.as
index 08eaa37..2262025 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/components/VTitleView.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/components/VTitleView.as
@@ -33,7 +33,6 @@ package org.xas.jchart.common.view.components
 		
 		private function addToStage( _evt:Event ):void{
 			_textf = new RotationText( _text, -90, function( _stf:TextField ):void{
-				
 				Common.implementStyle( _stf, [
 					DefaultOptions.title.style
 					, DefaultOptions.yAxis.title.style
@@ -42,6 +41,5 @@ package org.xas.jchart.common.view.components
 			});
 			addChild( _textf );
 		}
-
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BaseBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BaseBgLineMediator.as
new file mode 100644
index 0000000..d8b5213
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BaseBgLineMediator.as
@@ -0,0 +1,71 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.BgLineView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseBgLineMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseBgLineMediator';
+		protected var _view:BaseBgLineView;
+		public function get view():BaseBgLineView{ return _view; }
+		
+		public function BaseBgLineMediator()
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{			
+			mainMediator.view.index5.addChild( _view = new BaseBgLineView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE, notification.getBody() ) );
+					break;
+				}			
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}	
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BgLineMediator.as.bak
similarity index 83%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BgLineMediator.as.bak
index fc8c73c..5dd8a7a 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/BgLineMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.BgLineMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -7,6 +7,7 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.BgLineView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class BgLineMediator extends Mediator implements IMediator
 	{
@@ -23,22 +24,29 @@ package org.xas.jchart.common.view.mediator
 			
 			switch( (facade as BaseFacade).name ){
 				case 'CurveGramFacade':{
-					mainMediator.view.index5.addChild( _view = new CurveGramBgLineView() );
+					mainMediator.view.index3.addChild( _view = new CurveGramBgLineView() );
 					break;
 				}
 				case 'TrendFacade':{
 					mainMediator.view.index5.addChild( _view = new TrendBgLineView() );
 					break;
 				}
+				case 'StackFacade':
 				case 'ZHistogramFacade':
 				case 'HistogramFacade':{
 					mainMediator.view.index5.addChild( _view = new HistogramBgLineView() );
 					break;
 				}
-				case 'VHistogramFacade':{
+				case 'VHistogramFacade':
+				case 'VZHistogramFacade':
+				{
 					mainMediator.view.index5.addChild( _view = new VHistogramBgLineView() );
 					break;
 				}
+				case 'MixChartFacade':{
+					mainMediator.view.index5.addChild( _view = new MixChartBgLineView() );
+					break;
+				}
 				default:{
 					mainMediator.view.index5.addChild( _view = new BaseBgLineView() );
 					break;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/CurveGramBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/CurveGramBgLineMediator.as
new file mode 100644
index 0000000..3cd1a61
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/CurveGramBgLineMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.CurveGramBgLineView;
+
+	public class CurveGramBgLineMediator extends BaseBgLineMediator
+	{
+		public function CurveGramBgLineMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index3.addChild( _view = new CurveGramBgLineView() );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/HStackBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/HStackBgLineMediator.as
new file mode 100644
index 0000000..3ed29b3
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/HStackBgLineMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.HStackBgLineView;
+
+	public class HStackBgLineMediator extends BaseBgLineMediator
+	{
+		public function HStackBgLineMediator()
+		{
+			super();
+		}	
+		
+		override public function onRegister():void{			
+			mainMediator.view.index5.addChild( _view = new HStackBgLineView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/MixChartBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/MixChartBgLineMediator.as
new file mode 100644
index 0000000..9f4cf4f
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/MixChartBgLineMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.view.components.BgLineView.MixChartBgLineView;
+
+	public class MixChartBgLineMediator extends BaseBgLineMediator
+	{
+		public function MixChartBgLineMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+//			Log.log( 'MixChartBgLineMediator' );
+			mainMediator.view.index5.addChild( _view = new MixChartBgLineView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/RadarBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/RadarBgLineMediator.as
new file mode 100644
index 0000000..504cab0
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/RadarBgLineMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.RadarBgLineView;
+
+	public class RadarBgLineMediator extends BaseBgLineMediator
+	{
+		public function RadarBgLineMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index3.addChild( _view = new RadarBgLineView );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/StackBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/StackBgLineMediator.as
new file mode 100644
index 0000000..09160f3
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/StackBgLineMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.BaseBgLineView;
+	import org.xas.jchart.common.view.components.BgLineView.HistogramBgLineView;
+
+	public class StackBgLineMediator extends BaseBgLineMediator
+	{
+		public function StackBgLineMediator()
+		{
+			super();
+		}	
+		
+		override public function onRegister():void{			
+			mainMediator.view.index5.addChild( _view = new HistogramBgLineView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/TrendBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/TrendBgLineMediator.as
new file mode 100644
index 0000000..ab3dc5e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/TrendBgLineMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.TrendBgLineView;
+
+	public class TrendBgLineMediator extends BaseBgLineMediator
+	{
+		public function TrendBgLineMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new TrendBgLineView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/VHistogramBgLineMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/VHistogramBgLineMediator.as
new file mode 100644
index 0000000..187207a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgLineMediator/VHistogramBgLineMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.BgLineMediator
+{
+	import org.xas.jchart.common.view.components.BgLineView.VHistogramBgLineView;
+
+	public class VHistogramBgLineMediator extends BaseBgLineMediator
+	{
+		public function VHistogramBgLineMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new VHistogramBgLineView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BaseBgMediator.as
similarity index 53%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BaseBgMediator.as
index f75a1cc..2d89ce0 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BaseBgMediator.as
@@ -1,25 +1,30 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.BgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
 	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
 	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.components.PieLabelView;
+	import org.xas.jchart.common.view.components.BgView.BaseBgView;
+	import org.xas.jchart.common.view.components.BgView.DDountBgView;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class PieLabelMediator extends Mediator implements IMediator
+	public class BaseBgMediator extends Mediator implements IMediator
 	{
-		public static const name:String = 'PPieLabelMediator';
-		private var _view:PieLabelView;
-		public function get view():PieLabelView{ return _view; }
+		public static const name:String = 'PBaseBgMediator';
+		protected var _view:BaseBgView;
+		public function get view():BaseBgView{ return _view; }
 		
-		public function PieLabelMediator()
+		public function BaseBgMediator( )
 		{
 			super( name );
+			
 		}
 		
 		override public function onRegister():void{
-			mainMediator.view.index6.addChild( _view = new PieLabelView( ) );
+			mainMediator.view.index1.addChild( _view = new BaseBgView() );
 		}
 		
 		override public function onRemove():void{
@@ -36,15 +41,15 @@ package org.xas.jchart.common.view.mediator
 			switch( notification.getName() ){
 			case JChartEvent.SHOW_CHART:
 				{
-					//_view.update();
 					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
 					break;
 				}
 			
 			}
-		}	
+		}
+		
 		
-		private function get mainMediator():MainMediator{
+		protected function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BgMediator.as.bak
similarity index 82%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BgMediator.as.bak
index ef339b8..d289112 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/BgMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.BgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -9,6 +9,7 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.view.components.BgView.BaseBgView;
 	import org.xas.jchart.common.view.components.BgView.DDountBgView;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class BgMediator extends Mediator implements IMediator
 	{
@@ -27,14 +28,13 @@ package org.xas.jchart.common.view.mediator
 			switch( (facade as BaseFacade).name ){
 				case 'DDountFacade':
 				case 'NDountFacade':
-				case 'DountFacade':
-				case 'RateFacade':
+				case 'RateFacade': 
 				{
-					mainMediator.view.index5.addChild( _view = new DDountBgView() );
+					mainMediator.view.index1.addChild( _view = new DDountBgView() );
 					break;
 				}
 				default:{
-					mainMediator.view.index5.addChild( _view = new BaseBgView() );
+					mainMediator.view.index1.addChild( _view = new BaseBgView() );
 					break;
 				}
 			}	
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/DountBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/DountBgMediator.as
new file mode 100644
index 0000000..34abd73
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/DountBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.BgMediator
+{
+	import org.xas.jchart.common.view.components.BgView.DDountBgView;
+
+	public class DountBgMediator extends BaseBgMediator
+	{
+		public function DountBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index1.addChild( _view = new DDountBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/StackBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/StackBgMediator.as
new file mode 100644
index 0000000..f21b07a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/BgMediator/StackBgMediator.as
@@ -0,0 +1,10 @@
+package org.xas.jchart.common.view.mediator.BgMediator
+{
+	public class StackBgMediator extends BaseBgMediator
+	{
+		public function StackBgMediator()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator/BaseCLabelMediator.as
similarity index 81%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator/BaseCLabelMediator.as
index b6d0fb1..5eadaff 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/CLabelMediator/BaseCLabelMediator.as
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.CLabelMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -6,14 +6,15 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.view.components.CLabelView;
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class CLabelMediator extends Mediator implements IMediator
+	public class BaseCLabelMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PCLabelMediator';
 		private var _view:CLabelView;
 		public function get view():CLabelView{ return _view; }
 		
-		public function CLabelMediator(  )
+		public function BaseCLabelMediator(  )
 		{
 			super( name );
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator/BaseCreditMediator.as
similarity index 81%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator/BaseCreditMediator.as
index 8f6175e..259916b 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/CreditMediator/BaseCreditMediator.as
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.CreditMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -7,15 +7,16 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.CreditView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class CreditMediator extends Mediator implements IMediator
+	public class BaseCreditMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PCreditMediator';
 		private var _text:String, _href:String;
 		private var _view:CreditView;
 		public function get view():CreditView{ return _view; }
 		
-		public function CreditMediator( _text:String, _href:String )
+		public function BaseCreditMediator( _text:String, _href:String )
 		{
 			super( name );
 			
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/BaseGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/BaseGraphicBgMediator.as
new file mode 100644
index 0000000..c09150a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/BaseGraphicBgMediator.as
@@ -0,0 +1,72 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.GraphicBgView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseGraphicBgMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseChartBgMediator';
+		protected var _view:BaseGraphicBgView;
+		public function get view():BaseGraphicBgView{ return _view; }
+		
+		public function BaseGraphicBgMediator()
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index2.addChild( _view = new BaseGraphicBgView() );
+			//Log.log( 'ChartBgMediator register' );	
+			
+			initEvent();
+		}
+		
+		protected function initEvent():void{
+			_view.addEventListener( JChartEvent.UPDATE_TIPS, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.UPDATE_TIPS, _evt.data );
+			});
+			
+			_view.addEventListener( JChartEvent.SHOW_TIPS, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.SHOW_TIPS, _evt.data );
+			});
+			
+			_view.addEventListener( JChartEvent.HIDE_TIPS, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.HIDE_TIPS, _evt.data );
+			});
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+					break;
+				}
+			
+			}
+		}		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/CurveGramGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/CurveGramGraphicBgMediator.as
new file mode 100644
index 0000000..2f989f1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/CurveGramGraphicBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.CurveGramGraphicBgView;
+
+	public class CurveGramGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function CurveGramGraphicBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index2.addChild( _view = new CurveGramGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/DountGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/DountGraphicBgMediator.as
new file mode 100644
index 0000000..181fa66
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/DountGraphicBgMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.HistogramGraphicBgView;
+	import org.xas.jchart.common.view.components.GraphicBgView.PieGraphicBgView;
+
+	public class DountGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function DountGraphicBgMediator()
+		{
+			super( );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index2.addChild( _view = new PieGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/GraphicBgMediator.as.bak
similarity index 61%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/GraphicBgMediator.as.bak
index a8557a8..0a5f95c 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/GraphicBgMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -6,23 +6,19 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.components.GraphicBgView.BaseGraphicBgView;
-	import org.xas.jchart.common.view.components.GraphicBgView.CurveGramGraphicBgView;
-	import org.xas.jchart.common.view.components.GraphicBgView.HistogramGraphicBgView;
-	import org.xas.jchart.common.view.components.GraphicBgView.VHistogramGraphicBgView;
-	import org.xas.jchart.common.view.components.GraphicBgView.PieGraphicBgView;
-	import org.xas.jchart.common.view.components.GraphicBgView.TrendGraphicBgView;
+	import org.xas.jchart.common.view.components.GraphicBgView.*;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class GraphicBgMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PChartBgMediator';
-		private var _view:BaseGraphicBgView;
+		protected var _view:BaseGraphicBgView;
 		public function get view():BaseGraphicBgView{ return _view; }
 		
-		public function GraphicBgMediator( )
+		public function GraphicBgMediator( _name:String = '' )
 		{
-			super( name );
+			super( _name || name );
 			
 		}
 		
@@ -30,20 +26,34 @@ package org.xas.jchart.common.view.mediator
 			
 			switch( (facade as BaseFacade).name ){
 				case 'TrendFacade':{
-					mainMediator.view.index5.addChild( _view = new TrendGraphicBgView() );
+					mainMediator.view.index2.addChild( _view = new TrendGraphicBgView() );
 					break;
 				}
 				case 'CurveGramFacade':{
-					mainMediator.view.index5.addChild( _view = new CurveGramGraphicBgView() );
+					mainMediator.view.index2.addChild( _view = new CurveGramGraphicBgView() );
 					break;
 				}
-				case 'ZHistogramFacade':
+				case 'ZHistogramFacade':{
+					mainMediator.view.index2.addChild( _view = new ZHistogramGraphicBgView() );
+					break;
+				}
+				case 'StackFacade':
 				case 'HistogramFacade':{
-					mainMediator.view.index5.addChild( _view = new HistogramGraphicBgView() );
+					mainMediator.view.index2.addChild( _view = new HistogramGraphicBgView() );
+					break;
+				}
+				case 'MixChartFacade':{
+					mainMediator.view.index2.addChild( _view = new MixChartGraphicBgView() );
+					break;
+				}
+				case 'VHistogramFacade':
+				{
+					mainMediator.view.index2.addChild( _view = new VHistogramGraphicBgView() );
 					break;
 				}
-				case 'VHistogramFacade':{
-					mainMediator.view.index5.addChild( _view = new VHistogramGraphicBgView() );
+				case 'VZHistogramFacade':
+				{
+					mainMediator.view.index2.addChild( _view = new VZHistogramGraphicBgView() );
 					break;
 				}
 				case 'PieGraphFacade':
@@ -51,11 +61,11 @@ package org.xas.jchart.common.view.mediator
 				case 'NDountFacade':
 				case 'DountFacade':
 				{
-					mainMediator.view.index5.addChild( _view = new PieGraphicBgView() );
+					mainMediator.view.index2.addChild( _view = new PieGraphicBgView() );
 					break;
 				}
 				default:{
-					mainMediator.view.index5.addChild( _view = new BaseGraphicBgView() );
+					mainMediator.view.index2.addChild( _view = new BaseGraphicBgView() );
 					break;
 				}
 			}
@@ -93,10 +103,9 @@ package org.xas.jchart.common.view.mediator
 				}
 			
 			}
-		}
-		
+		}		
 		
-		private function get mainMediator():MainMediator{
+		protected function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/HStackGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/HStackGraphicBgMediator.as
new file mode 100644
index 0000000..6418ab6
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/HStackGraphicBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.HStackGraphicBgView;
+
+	public class HStackGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function HStackGraphicBgMediator()
+		{
+			super( );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index2.addChild( _view = new HStackGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/MixChartGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/MixChartGraphicBgMediator.as
new file mode 100644
index 0000000..6d33121
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/MixChartGraphicBgMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.MixChartGraphicBgView;
+
+	public class MixChartGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function MixChartGraphicBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index2.addChild( _view = new MixChartGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/RadarGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/RadarGraphicBgMediator.as
new file mode 100644
index 0000000..9490ffc
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/RadarGraphicBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.RadarGraphicBgView;
+
+	public class RadarGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function RadarGraphicBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index2.addChild( _view = new RadarGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/StackGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/StackGraphicBgMediator.as
new file mode 100644
index 0000000..7569427
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/StackGraphicBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.HistogramGraphicBgView;
+
+	public class StackGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function StackGraphicBgMediator()
+		{
+			super( );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index2.addChild( _view = new HistogramGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/TrendGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/TrendGraphicBgMediator.as
new file mode 100644
index 0000000..b1af773
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/TrendGraphicBgMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.TrendGraphicBgView;
+
+	public class TrendGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function TrendGraphicBgMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+						
+			mainMediator.view.index2.addChild( _view = new TrendGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VHistogramGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VHistogramGraphicBgMediator.as
new file mode 100644
index 0000000..a7a2d7a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VHistogramGraphicBgMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.VHistogramGraphicBgView;
+
+	public class VHistogramGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function VHistogramGraphicBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			
+			mainMediator.view.index2.addChild( _view = new VHistogramGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VZHistogramGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VZHistogramGraphicBgMediator.as
new file mode 100644
index 0000000..7a66161
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/VZHistogramGraphicBgMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.VZHistogramGraphicBgView;
+
+	public class VZHistogramGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function VZHistogramGraphicBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+						
+			mainMediator.view.index2.addChild( _view = new VZHistogramGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/ZHistogramGraphicBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/ZHistogramGraphicBgMediator.as
new file mode 100644
index 0000000..1af6666
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GraphicBgMediator/ZHistogramGraphicBgMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.GraphicBgMediator
+{
+	import org.xas.jchart.common.view.components.GraphicBgView.ZHistogramGraphicBgView;
+
+	public class ZHistogramGraphicBgMediator extends BaseGraphicBgMediator
+	{
+		public function ZHistogramGraphicBgMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index2.addChild( _view = new ZHistogramGraphicBgView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/BaseGroupMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/BaseGroupMediator.as
new file mode 100644
index 0000000..2382c6a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/BaseGroupMediator.as
@@ -0,0 +1,66 @@
+package org.xas.jchart.common.view.mediator.GroupMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.GroupView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseGroupMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseGroupMediator';
+		protected var _view:BaseGroupView;
+		public function get view():BaseGroupView{ return _view; }
+		
+		protected var _startY:Number = 0;
+		
+		public function BaseGroupMediator( _minY:Number )
+		{		
+			_startY = _minY;
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			//Log.log( 'DataLabelMediator register' );
+			mainMediator.view.index2.addChild( _view = new BaseGroupView( _startY ) );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+					break;
+				}
+			
+			}
+		}
+		
+		public function get maxHeight():Number{
+			var _r:Number = 0;
+			_view && ( _r = _view.maxHeight );
+			return _r;
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/CurveGramGropuMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/CurveGramGropuMediator.as
new file mode 100644
index 0000000..1f4470b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/CurveGramGropuMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.GroupMediator
+{
+	import org.xas.jchart.common.view.components.GroupView.CurveGramGroupView;
+
+	public class CurveGramGropuMediator extends BaseGroupMediator
+	{
+		public function CurveGramGropuMediator(_minY:Number)
+		{
+			super(_minY);
+		}
+		
+		override public function onRegister():void {
+			mainMediator.view.index2.addChild( _view = new CurveGramGroupView( _startY ) );
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/GroupMediator.as.bak b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/GroupMediator.as.bak
new file mode 100644
index 0000000..e1f925a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/GroupMediator/GroupMediator.as.bak
@@ -0,0 +1,78 @@
+package org.xas.jchart.common.view.mediator.GroupMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.GroupView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class GroupMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PGroupMediator';
+		private var _view:BaseGroupView;
+		public function get view():BaseGroupView{ return _view; }
+		
+		private var _startY:Number = 0;
+		
+		public function GroupMediator( _minY:Number )
+		{		
+			_startY = _minY;
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			//Log.log( 'DataLabelMediator register' );
+						
+			switch( (facade as BaseFacade).name ){
+
+				case 'CurveGramFacade':
+				{
+					mainMediator.view.index2.addChild( _view = new CurveGramGroupView( _startY ) );
+					break;
+				}
+				default:{
+					mainMediator.view.index2.addChild( _view = new BaseGroupView( _startY ) );
+					break;
+				}
+			}	
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+					break;
+				}
+			
+			}
+		}
+		
+		public function get maxHeight():Number{
+			var _r:Number = 0;
+			_view && ( _r = _view.maxHeight );
+			return _r;
+		}
+		
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/BaseHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/BaseHLabelMediator.as
new file mode 100644
index 0000000..10e1d1c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/BaseHLabelMediator.as
@@ -0,0 +1,87 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.HLabelView.BaseHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.CurveGramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.HistogramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.MixChartHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.TrendHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.VHistogramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.VZHistogramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.ZHistogramHLabelView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseHLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseHLabelMediator';
+		protected var _view:BaseHLabelView;
+		public function get view():BaseHLabelView{ return _view; }
+		
+		public function BaseHLabelMediator(  )
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{			
+			mainMediator.view.index5.addChild( _view = new BaseHLabelView() ); 
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.RESET_HLABELS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+					{
+						_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+						break;
+					}		
+				case JChartEvent.RESET_HLABELS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.RESET_HLABELS ) );
+					break;
+				}	
+			}
+		}
+		
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}		
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}	
+				
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		public function get labels():Vector.<TextField>{
+			return _view.labels;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/CurveGramHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/CurveGramHLabelMediator.as
new file mode 100644
index 0000000..0618ca9
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/CurveGramHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.CurveGramHLabelView;
+
+	public class CurveGramHLabelMediator extends BaseHLabelMediator
+	{
+		public function CurveGramHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new CurveGramHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HLabelMediator.as.bak
similarity index 65%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HLabelMediator.as.bak
index 110fd1a..dab6658 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HLabelMediator.as.bak
@@ -1,5 +1,7 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.HLabelMediator
 {
+	import flash.text.TextField;
+	
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
 	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
@@ -8,10 +10,13 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.HLabelView.BaseHLabelView;
 	import org.xas.jchart.common.view.components.HLabelView.CurveGramHLabelView;
-	import org.xas.jchart.common.view.components.HLabelView.TrendHLabelView;
 	import org.xas.jchart.common.view.components.HLabelView.HistogramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.MixChartHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.TrendHLabelView;
 	import org.xas.jchart.common.view.components.HLabelView.VHistogramHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.VZHistogramHLabelView;
 	import org.xas.jchart.common.view.components.HLabelView.ZHistogramHLabelView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class HLabelMediator extends Mediator implements IMediator
 	{
@@ -37,6 +42,7 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index5.addChild( _view = new ZHistogramHLabelView() );
 					break;
 				}
+				case 'StackFacade':
 				case 'HistogramFacade':
 				{
 					mainMediator.view.index5.addChild( _view = new HistogramHLabelView() );
@@ -47,10 +53,20 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index5.addChild( _view = new VHistogramHLabelView() );
 					break;
 				}
+				case 'VZHistogramFacade':
+				{
+					mainMediator.view.index5.addChild( _view = new VZHistogramHLabelView() );
+					break;
+				}
 				case 'TrendFacade':
 				{
 					mainMediator.view.index5.addChild( _view = new TrendHLabelView() );
 					break;
+				} 
+				case 'MixChartFacade':
+				{
+					mainMediator.view.index5.addChild( _view = new MixChartHLabelView() );
+					break;
 				}
 				default:{
 					mainMediator.view.index5.addChild( _view = new BaseHLabelView() ); 
@@ -66,17 +82,22 @@ package org.xas.jchart.common.view.mediator
 		override public function listNotificationInterests():Array{
 			return [
 				JChartEvent.SHOW_CHART
+				, JChartEvent.RESET_HLABELS
 			];
 		}
 		
 		override public function handleNotification(notification:INotification):void{
 			switch( notification.getName() ){
-			case JChartEvent.SHOW_CHART:
+				case JChartEvent.SHOW_CHART:
+					{
+						_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+						break;
+					}		
+				case JChartEvent.RESET_HLABELS:
 				{
-					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					_view.dispatchEvent( new JChartEvent( JChartEvent.RESET_HLABELS ) );
 					break;
-				}
-			
+				}	
 			}
 		}
 		
@@ -88,9 +109,21 @@ package org.xas.jchart.common.view.mediator
 			return _view.maxWidth;
 		}
 		
-		private function get mainMediator():MainMediator{
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}	
+				
+		protected function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		public function get labels():Vector.<TextField>{
+			return _view.labels;
+		}
+		
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HStackHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HStackHLabelMediator.as
new file mode 100644
index 0000000..9c27f96
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/HStackHLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.HStackHLabelView;
+	
+	public class HStackHLabelMediator extends BaseHLabelMediator
+	{
+		public function HStackHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index5.addChild( _view = new HStackHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/MixChartHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/MixChartHLabelMediator.as
new file mode 100644
index 0000000..61a0429
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/MixChartHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.MixChartHLabelView;
+
+	public class MixChartHLabelMediator extends BaseHLabelMediator
+	{
+		public function MixChartHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new MixChartHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/RadarHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/RadarHLabelMediator.as
new file mode 100644
index 0000000..f276b0b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/RadarHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.RadarHLabelView;
+
+	public class RadarHLabelMediator extends BaseHLabelMediator
+	{
+		public function RadarHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new RadarHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/StackHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/StackHLabelMediator.as
new file mode 100644
index 0000000..135052d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/StackHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.BaseHLabelView;
+	import org.xas.jchart.common.view.components.HLabelView.HistogramHLabelView;
+	
+	public class StackHLabelMediator extends BaseHLabelMediator
+	{
+		public function StackHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index5.addChild( _view = new HistogramHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/TrendHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/TrendHLabelMediator.as
new file mode 100644
index 0000000..2b4aff1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/TrendHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.TrendHLabelView;
+
+	public class TrendHLabelMediator extends BaseHLabelMediator
+	{
+		public function TrendHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new TrendHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VHistogramHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VHistogramHLabelMediator.as
new file mode 100644
index 0000000..e14a4e5
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VHistogramHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.VHistogramHLabelView;
+
+	public class VHistogramHLabelMediator extends BaseHLabelMediator
+	{
+		public function VHistogramHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index5.addChild( _view = new VHistogramHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VZHistogramHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VZHistogramHLabelMediator.as
new file mode 100644
index 0000000..1ec9ade
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/VZHistogramHLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.VZHistogramHLabelView;
+
+	public class VZHistogramHLabelMediator extends BaseHLabelMediator
+	{
+		public function VZHistogramHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+						
+			mainMediator.view.index5.addChild( _view = new VZHistogramHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/ZHistogramHLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/ZHistogramHLabelMediator.as
new file mode 100644
index 0000000..7ccfd55
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HLabelMediator/ZHistogramHLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HLabelMediator
+{
+	import org.xas.jchart.common.view.components.HLabelView.ZHistogramHLabelView;
+
+	public class ZHistogramHLabelMediator extends BaseHLabelMediator
+	{
+		public function ZHistogramHLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index5.addChild( _view = new ZHistogramHLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/BaseHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/BaseHoverBgMediator.as
new file mode 100644
index 0000000..71317c2
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/BaseHoverBgMediator.as
@@ -0,0 +1,73 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.HoverBgView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseHoverBgMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseHoverBgMediator';
+		protected var _view:BaseHoverBgView;
+		public function get view():BaseHoverBgView{ return _view; }
+		
+		public function BaseHoverBgMediator( )
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index6.addChild( _view = new BaseHoverBgView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HStackHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HStackHoverBgMediator.as
new file mode 100644
index 0000000..11cc241
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HStackHoverBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.xas.jchart.common.view.components.HoverBgView.HStackHoverBgView;
+
+	public class HStackHoverBgMediator extends BaseHoverBgMediator
+	{
+		public function HStackHoverBgMediator()
+		{
+			super();
+		}
+				
+		override public function onRegister():void{
+			mainMediator.view.index6.addChild( _view = new HStackHoverBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HistogramHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HistogramHoverBgMediator.as
new file mode 100644
index 0000000..5310397
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HistogramHoverBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.xas.jchart.common.view.components.HoverBgView.HistogramHoverBgView;
+
+	public class HistogramHoverBgMediator extends BaseHoverBgMediator
+	{
+		public function HistogramHoverBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index6.addChild( _view = new HistogramHoverBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HoverBgMediator.as.bak
similarity index 81%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HoverBgMediator.as.bak
index 468e9ef..23a8692 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/HoverBgMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.HoverBgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -6,11 +6,9 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.components.BgView.DDountBgView;
-	import org.xas.jchart.common.view.components.HoverBgView.BaseHoverBgView;
-	import org.xas.jchart.common.view.components.HoverBgView.HistogramHoverBgView;
-	import org.xas.jchart.common.view.components.HoverBgView.VHistogramHoverBgView;
+	import org.xas.jchart.common.view.components.HoverBgView.*;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class HoverBgMediator extends Mediator implements IMediator
 	{
@@ -27,13 +25,23 @@ package org.xas.jchart.common.view.mediator
 		override public function onRegister():void{
 			//Log.log( 'HoverBgMediator register' );				
 			switch( (facade as BaseFacade).name ){
-				case 'ZHistogramFacade':
 				case 'HistogramFacade':
 				{
 					mainMediator.view.index6.addChild( _view = new HistogramHoverBgView() );
 					break;
+				} 
+				case 'StackFacade':
+				{
+					mainMediator.view.index6.addChild( _view = new StackHoverBgView() );
+					break;
+				}
+				case 'ZHistogramFacade':
+				{
+					mainMediator.view.index6.addChild( _view = new ZHistogramHoverBgView() );
+					break;
 				}
 				case 'VHistogramFacade':
+				case 'VZHistogramFacade':
 				{
 					mainMediator.view.index6.addChild( _view = new VHistogramHoverBgView() );
 					break;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/StackHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/StackHoverBgMediator.as
new file mode 100644
index 0000000..7420eee
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/StackHoverBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.xas.jchart.common.view.components.HoverBgView.StackHoverBgView;
+
+	public class StackHoverBgMediator extends BaseHoverBgMediator
+	{
+		public function StackHoverBgMediator()
+		{
+			super();
+		}
+				
+		override public function onRegister():void{
+			mainMediator.view.index6.addChild( _view = new StackHoverBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/VHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/VHoverBgMediator.as
new file mode 100644
index 0000000..2f30b9c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/VHoverBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.xas.jchart.common.view.components.HoverBgView.VHistogramHoverBgView;
+
+	public class VHoverBgMediator extends BaseHoverBgMediator
+	{
+		public function VHoverBgMediator()
+		{
+			super();
+		}
+		override public function onRegister():void{
+			
+			mainMediator.view.index6.addChild( _view = new VHistogramHoverBgView() );
+		}
+
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/ZHistogramHoverBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/ZHistogramHoverBgMediator.as
new file mode 100644
index 0000000..fc4ec55
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/HoverBgMediator/ZHistogramHoverBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.HoverBgMediator
+{
+	import org.xas.jchart.common.view.components.HoverBgView.ZHistogramHoverBgView;
+
+	public class ZHistogramHoverBgMediator extends BaseHoverBgMediator
+	{
+		public function ZHistogramHoverBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			mainMediator.view.index6.addChild( _view = new ZHistogramHoverBgView() );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/BaseItemBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/BaseItemBgMediator.as
new file mode 100644
index 0000000..6a91de5
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/BaseItemBgMediator.as
@@ -0,0 +1,76 @@
+package org.xas.jchart.common.view.mediator.ItemBgMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.BgView.DDountBgView;
+	import org.xas.jchart.common.view.components.ItemBgView.BaseItemBgView;
+	import org.xas.jchart.common.view.components.ItemBgView.HistogramItemBgView;
+	import org.xas.jchart.common.view.components.ItemBgView.VHistogramItemBgView;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseItemBgMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseItemBgMediator';
+		protected var _view:BaseItemBgView;
+		public function get view():BaseItemBgView{ return _view; }
+		
+		public function BaseItemBgMediator( )
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index4.addChild( _view = new BaseItemBgView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}	
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/ItemBgMediator.as.bak
similarity index 90%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/ItemBgMediator.as.bak
index 26e7b14..8211661 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/ItemBgMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.ItemBgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -11,6 +11,7 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.view.components.ItemBgView.HistogramItemBgView;
 	import org.xas.jchart.common.view.components.ItemBgView.VHistogramItemBgView;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class ItemBgMediator extends Mediator implements IMediator
 	{
@@ -29,11 +30,13 @@ package org.xas.jchart.common.view.mediator
 			switch( (facade as BaseFacade).name ){
 				case 'ZHistogramFacade':
 				case 'HistogramFacade':
+				case 'StackFacade':
 				{
 					mainMediator.view.index4.addChild( _view = new HistogramItemBgView() );
 					break;
 				}
 				case 'VHistogramFacade':
+				case 'VZHistogramFacade':
 				{
 					mainMediator.view.index4.addChild( _view = new VHistogramItemBgView() );
 					break;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/StackItemBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/StackItemBgMediator.as
new file mode 100644
index 0000000..cb176fd
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/StackItemBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.ItemBgMediator
+{
+	import org.xas.jchart.common.view.components.ItemBgView.HistogramItemBgView;
+
+	public class StackItemBgMediator extends BaseItemBgMediator
+	{
+		public function StackItemBgMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+			mainMediator.view.index4.addChild( _view = new HistogramItemBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/VItemBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/VItemBgMediator.as
new file mode 100644
index 0000000..3392761
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ItemBgMediator/VItemBgMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.ItemBgMediator
+{
+	import org.xas.jchart.common.view.components.ItemBgView.VHistogramItemBgView;
+
+	public class VItemBgMediator extends BaseItemBgMediator
+	{
+		public function VItemBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index4.addChild( _view = new VHistogramItemBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/BaseLegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/BaseLegendMediator.as
new file mode 100644
index 0000000..3b2aca9
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/BaseLegendMediator.as
@@ -0,0 +1,99 @@
+package org.xas.jchart.common.view.mediator.LegendMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.*;
+	import org.xas.jchart.common.view.components.LegendView.BaseLegendView;
+	import org.xas.jchart.common.view.components.LegendView.MapLegendView;
+	import org.xas.jchart.common.view.components.LegendView.MixChartLegendView;
+	import org.xas.jchart.common.view.components.LegendView.ZHistogramLegendView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseLegendMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseLegendMediator';
+		protected var _view:BaseLegendView;
+		public function get view():BaseLegendView{ return _view; }
+		
+		public function BaseLegendMediator( )
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index7.addChild( _view = new BaseLegendView() ); 
+			initEvent();
+		}
+		
+		protected function initEvent():void{
+			_view.addEventListener( JChartEvent.FILTER_DATA, function( _evt:JChartEvent ):void{
+				sendNotification( JChartEvent.FILTER_DATA, _evt.data );	
+			});
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART,
+				JChartEvent.SHOW_LEGEND_ARROW,
+				JChartEvent.HIDE_LEGEND_ARROW
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					//_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+					if( !( BaseConfig.ins.c && BaseConfig.ins.c.legend ) ) return;
+					
+					_view.x = BaseConfig.ins.c.legend.x;
+					_view.y = BaseConfig.ins.c.legend.y;
+					break;
+				}
+				
+			case JChartEvent.SHOW_LEGEND_ARROW:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_LEGEND_ARROW, notification.getBody() ) );
+					break;
+				}
+				
+			case JChartEvent.HIDE_LEGEND_ARROW:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_LEGEND_ARROW, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}		
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/LegendMediator.as.bak
similarity index 71%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/LegendMediator.as.bak
index 5db8bb2..e33b501 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/LegendMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.LegendMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -10,6 +10,9 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.view.components.*;
 	import org.xas.jchart.common.view.components.LegendView.BaseLegendView;
 	import org.xas.jchart.common.view.components.LegendView.MapLegendView;
+	import org.xas.jchart.common.view.components.LegendView.MixChartLegendView;
+	import org.xas.jchart.common.view.components.LegendView.ZHistogramLegendView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class LegendMediator extends Mediator implements IMediator
 	{
@@ -31,6 +34,17 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index7.addChild( _view = new MapLegendView() );
 					break;
 				}
+				case 'ZHistogramFacade':
+				case 'VZHistogramFacade':
+				{
+					mainMediator.view.index7.addChild( _view = new ZHistogramLegendView() );
+					break;
+				}
+				case 'MixChartFacade':
+				{
+					mainMediator.view.index7.addChild( _view = new MixChartLegendView() );
+					break;
+				}
 				default:{
 					mainMediator.view.index7.addChild( _view = new BaseLegendView() ); 
 					break;
@@ -80,6 +94,22 @@ package org.xas.jchart.common.view.mediator
 			}
 		}
 		
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}		
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}
+		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MapLegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MapLegendMediator.as
new file mode 100644
index 0000000..57efb30
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MapLegendMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.LegendMediator
+{
+	import org.xas.jchart.common.view.components.LegendView.MapLegendView;
+
+	public class MapLegendMediator extends BaseLegendMediator
+	{
+		public function MapLegendMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index7.addChild( _view = new MapLegendView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MixChartLegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MixChartLegendMediator.as
new file mode 100644
index 0000000..f5fe38e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/MixChartLegendMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.LegendMediator
+{
+	import org.xas.jchart.common.view.components.LegendView.MixChartLegendView;
+
+	public class MixChartLegendMediator extends BaseLegendMediator
+	{
+		public function MixChartLegendMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+						
+			mainMediator.view.index7.addChild( _view = new MixChartLegendView() );
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/StackLegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/StackLegendMediator.as
new file mode 100644
index 0000000..e5dc232
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/StackLegendMediator.as
@@ -0,0 +1,10 @@
+package org.xas.jchart.common.view.mediator.LegendMediator
+{
+	public class StackLegendMediator extends BaseLegendMediator
+	{
+		public function StackLegendMediator()
+		{
+			super();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/ZLegendMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/ZLegendMediator.as
new file mode 100644
index 0000000..8b6838c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/LegendMediator/ZLegendMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.LegendMediator
+{
+	import org.xas.jchart.common.view.components.LegendView.ZHistogramLegendView;
+
+	public class ZLegendMediator extends BaseLegendMediator
+	{
+		public function ZLegendMediator()
+		{
+			super();
+		}
+		override public function onRegister():void{
+						
+			mainMediator.view.index7.addChild( _view = new ZHistogramLegendView() );			
+			initEvent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVLabelMediator/BaseMixChartVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVLabelMediator/BaseMixChartVLabelMediator.as
new file mode 100644
index 0000000..84fc6c4
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVLabelMediator/BaseMixChartVLabelMediator.as
@@ -0,0 +1,84 @@
+package org.xas.jchart.common.view.mediator.MixChartVLabelMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.*;
+	import org.xas.jchart.common.view.components.MixChartVLabelView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseMixChartVLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseMixChartVLabelMediator';
+		protected var _view:Vector.<BaseVLabelView>;
+		public function get view():Vector.<BaseVLabelView>{ return _view; }
+		protected var _config:Config;
+		
+		public function BaseMixChartVLabelMediator( )
+		{
+			super( name );	
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function onRegister():void{		
+			_view = new Vector.<BaseVLabelView>();
+			
+			switch( (facade as BaseFacade).name ){
+				default:{
+					//mainMediator.view.index6.addChild( _view = new MixChartVLabelView() );
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						//Log.log( 'xxxxxxxxxx', _k );
+						var _tmp:BaseVLabelView = new MixChartVLabelView( _k, _item );
+						_view.push( _tmp );
+						mainMediator.view.index6.addChild( _tmp );
+					});
+					break;
+				}
+			}
+		}
+		
+		override public function onRemove():void{
+			Common.each( _view, function( _k:int, _item:BaseVLabelView ):void{
+				_item && _item.parent && _item.parent.removeChild( _item );
+			});
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					
+					Common.each( _view, function( _k:int, _item:BaseVLabelView ):void{
+						_item.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					});
+					break;
+				}
+			}
+		}
+		
+		public function getMaxWidth( _index:int ):Number{
+			return _view[ _index ].maxWidth;
+		}
+		
+		public function getMaxHeight( _index:int ):Number{
+			return _view[ _index ].maxHeight;
+		}
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVTitleMediator/BaseMixChartVTitleMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVTitleMediator/BaseMixChartVTitleMediator.as
new file mode 100644
index 0000000..835419d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/MixChartVTitleMediator/BaseMixChartVTitleMediator.as
@@ -0,0 +1,94 @@
+package org.xas.jchart.common.view.mediator.MixChartVTitleMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.Common;
+	import org.xas.jchart.common.data.mixchart.MixChartModelItem.BaseMixChartModelItem;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.MixChartVTitleView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseMixChartVTitleMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseMixChartVTitleMediator';
+		protected var _text:String;
+		protected var _view:Vector.<BaseMixChartVTitleView>;
+		public function get view():Vector.<BaseMixChartVTitleView>{ return _view; }
+		protected var _config:Config;
+
+		
+		public function BaseMixChartVTitleMediator()
+		{
+			super( name );
+			_config = BaseConfig.ins as Config;
+		}
+		
+		override public function onRegister():void{
+	
+			_view = new Vector.<BaseMixChartVTitleView>();
+			
+			switch( (facade as BaseFacade).name ){
+				default:{
+					//mainMediator.view.index6.addChild( _view = new MixChartVLabelView() );
+					Common.each( _config.mixModel.items, function( _k:int, _item:BaseMixChartModelItem ):void{
+						//Log.log( 'xxxxxxxxxx', _k );
+						var _tmp:BaseMixChartVTitleView = new BaseMixChartVTitleView( _k, _item );
+						_view.push( _tmp );
+						mainMediator.view.index6.addChild( _tmp );
+					});
+					break;
+				}
+			}
+
+		}
+		
+		override public function onRemove():void{
+			Common.each( _view, function( _k:int, _item:BaseMixChartVTitleView ):void{
+				_item && _item.parent && _item.parent.removeChild( _item );
+			});
+
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+					{										
+						//_view.x = BaseConfig.ins.c.vtitle.x;
+						//_view.y = BaseConfig.ins.c.vtitle.y;
+						Common.each( _view, function( _k:int, _item:BaseMixChartVTitleView ):void{
+							//if( !_item.hasVTitle ) return;
+							_item.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+						});
+
+						break;
+					}			
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		public function getWidth( _index:int ):Number{
+			return _view[ _index ].getWidth;
+		}
+		
+		public function getHeight( _index:int ):Number{
+			return _view[ _index ].getHeight;
+		}
+
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator/BasePieLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator/BasePieLabelMediator.as
new file mode 100644
index 0000000..70ab8b3
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieLabelMediator/BasePieLabelMediator.as
@@ -0,0 +1,66 @@
+package org.xas.jchart.common.view.mediator.PieLabelMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.PieLabelView.BasePieLabelView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BasePieLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PPieLabelMediator';
+		private var _view:BasePieLabelView;
+		public function get view():BasePieLabelView{ return _view; }
+		
+		public function BasePieLabelMediator()
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index6.addChild( _view = new BasePieLabelView( ) );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.READY
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				
+				case JChartEvent.SHOW_CHART: {
+						_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+						break;
+					}
+					
+				case JChartEvent.READY: {
+					_view.dispatchEvent( new JChartEvent( JChartEvent.READY ) );
+					break;
+				}
+			
+			}
+		}	
+				
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}		
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieTotalLabelMediator/BasePieTotalLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieTotalLabelMediator/BasePieTotalLabelMediator.as
new file mode 100644
index 0000000..670bb7a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/PieTotalLabelMediator/BasePieTotalLabelMediator.as
@@ -0,0 +1,67 @@
+package org.xas.jchart.common.view.mediator.PieTotalLabelMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.PieLabelView.BasePieLabelView;
+	import org.xas.jchart.common.view.components.PieTotalLabelView.BasePieTotalLabelView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BasePieTotalLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PPieTotalLabelMediator';
+		private var _view:BasePieTotalLabelView;
+		public function get view():BasePieTotalLabelView{ return _view; }
+		
+		public function BasePieTotalLabelMediator()
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index4.addChild( _view = new BasePieTotalLabelView( ) );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.READY
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				
+				case JChartEvent.SHOW_CHART: {
+						_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+						break;
+					}
+					
+				case JChartEvent.READY: {
+					_view.dispatchEvent( new JChartEvent( JChartEvent.READY ) );
+					break;
+				}
+			
+			}
+		}	
+				
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}		
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		private function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/BaseSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/BaseSeriesLabelMediator.as
new file mode 100644
index 0000000..8a2970e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/BaseSeriesLabelMediator.as
@@ -0,0 +1,68 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.SerialLabel.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseSeriesLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseSerialLabelMediator';
+		protected var _view:BaseSerialLabelView;
+		public function get view():BaseSerialLabelView{ return _view; }
+		
+		public function BaseSeriesLabelMediator( )
+		{
+			super( name );
+			
+		} 
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new BaseSerialLabelView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+			case JChartEvent.SHOW_CHART:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_CHART ) );
+					break;
+				}
+			
+			}
+		}
+		
+		public function get maxHeight():Number{
+			var _r:Number = 0;
+			_view && ( _r = _view.maxHeight );
+			return _r;
+		}
+		
+		public function get maxWidth():Number{
+			var _r:Number = 0;
+			_view && ( _r = _view.maxWidth );
+			return _r;
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/CurveGramSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/CurveGramSeriesLabelMediator.as
new file mode 100644
index 0000000..c3422a5
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/CurveGramSeriesLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.CurveGramSerialLabelView;
+
+	public class CurveGramSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function CurveGramSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new CurveGramSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HStackSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HStackSeriesLabelMediator.as
new file mode 100644
index 0000000..4aed36d
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HStackSeriesLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.HStackSerialLabelView;
+
+	public class HStackSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function HStackSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new HStackSerialLabelView() );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HistogramSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HistogramSeriesLabelMediator.as
new file mode 100644
index 0000000..8325cca
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/HistogramSeriesLabelMediator.as
@@ -0,0 +1,15 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.HistogramSerialLabelView;
+
+	public class HistogramSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function HistogramSeriesLabelMediator()
+		{
+			super();
+		}
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new HistogramSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/MixChartSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/MixChartSeriesLabelMediator.as
new file mode 100644
index 0000000..b03af0c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/MixChartSeriesLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.MixChartSerialLabelView;
+
+	public class MixChartSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function MixChartSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index9.addChild( _view = new MixChartSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SerialLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/SerialLabelMediator.as.bak
similarity index 69%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/SerialLabelMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/SerialLabelMediator.as.bak
index 73267ac..a349be8 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SerialLabelMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/SerialLabelMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -6,11 +6,9 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.components.SerialLabel.BaseSerialLabelView;
-	import org.xas.jchart.common.view.components.SerialLabel.CurveGramSerialLabelView;
-	import org.xas.jchart.common.view.components.SerialLabel.HistogramSerialLabelView;
-	import org.xas.jchart.common.view.components.SerialLabel.VHistogramSerialLabelView;
+	import org.xas.jchart.common.view.components.SerialLabel.*;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class SerialLabelMediator extends Mediator implements IMediator
 	{
@@ -22,12 +20,11 @@ package org.xas.jchart.common.view.mediator
 		{
 			super( name );
 			
-		}
+		} 
 		
 		override public function onRegister():void{
 			//Log.log( 'DataLabelMediator register' );				
 			switch( (facade as BaseFacade).name ){
-				case 'ZHistogramFacade':
 				case 'HistogramFacade':
 				{
 					mainMediator.view.index8.addChild( _view = new HistogramSerialLabelView() );
@@ -38,11 +35,31 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index8.addChild( _view = new VHistogramSerialLabelView() );
 					break;
 				}
+				case 'StackFacade':
+				{
+					mainMediator.view.index8.addChild( _view = new StackSerialLabelView() );
+					break;
+				}
+				case 'ZHistogramFacade':
+				{
+					mainMediator.view.index8.addChild( _view = new ZHistogramSerialLabelView() );
+					break;
+				}
+				case 'VZHistogramFacade':
+				{
+					mainMediator.view.index8.addChild( _view = new VZHistogramSerialLabelView() );
+					break;
+				}
 				case 'CurveGramFacade':
 				{
 					mainMediator.view.index8.addChild( _view = new CurveGramSerialLabelView() );
 					break;
 				}
+				case 'MixChartFacade':
+				{
+					mainMediator.view.index9.addChild( _view = new MixChartSerialLabelView() );
+					break;
+				}
 				default:{
 					mainMediator.view.index8.addChild( _view = new BaseSerialLabelView() );
 					break;
@@ -77,6 +94,12 @@ package org.xas.jchart.common.view.mediator
 			return _r;
 		}
 		
+		public function get maxWidth():Number{
+			var _r:Number = 0;
+			_view && ( _r = _view.maxWidth );
+			return _r;
+		}
+		
 		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/StackSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/StackSeriesLabelMediator.as
new file mode 100644
index 0000000..7efc70f
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/StackSeriesLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.StackSerialLabelView;
+
+	public class StackSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function StackSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new StackSerialLabelView() );	
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VHistogramSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VHistogramSeriesLabelMediator.as
new file mode 100644
index 0000000..e15f827
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VHistogramSeriesLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.VZHistogramSerialLabelView;
+
+	public class VHistogramSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function VHistogramSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new VZHistogramSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VZHistogramSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VZHistogramSeriesLabelMediator.as
new file mode 100644
index 0000000..283fd4b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/VZHistogramSeriesLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.VZHistogramSerialLabelView;
+
+	public class VZHistogramSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function VZHistogramSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new VZHistogramSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/ZHistogramSeriesLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/ZHistogramSeriesLabelMediator.as
new file mode 100644
index 0000000..9de10ac
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SeriesLabelMediator/ZHistogramSeriesLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.SeriesLabelMediator
+{
+	import org.xas.jchart.common.view.components.SerialLabel.ZHistogramSerialLabelView;
+
+	public class ZHistogramSeriesLabelMediator extends BaseSeriesLabelMediator
+	{
+		public function ZHistogramSeriesLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			mainMediator.view.index8.addChild( _view = new ZHistogramSerialLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator/BaseSubtitleMediator.as
similarity index 82%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator/BaseSubtitleMediator.as
index 9767a09..242c1bd 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/SubtitleMediator/BaseSubtitleMediator.as
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.SubtitleMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -8,15 +8,16 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.SubtitleView;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class SubtitleMediator extends Mediator implements IMediator
+	public class BaseSubtitleMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PSubtitleMediator';
 		private var _text:String;
 		private var _view:SubtitleView;
 		public function get view():SubtitleView{ return _view; }
 		
-		public function SubtitleMediator( _text:String )
+		public function BaseSubtitleMediator( _text:String )
 		{
 			super( name );
 			
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator/BaseTestMediator.as
similarity index 76%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator/BaseTestMediator.as
index 15cc873..34cd0ee 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TestMediator/BaseTestMediator.as
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.TestMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -7,18 +7,21 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.TestView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class TestMediator extends Mediator implements IMediator
+	public class BaseTestMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PTestMediator';
 		private var _view:TestView;
 		public function get view():TestView{ return _view; }
 		private var _data:Vector.<Object>;
+		private var _config:Config;
 		
-		public function TestMediator( _data:Vector.<Object> )
+		public function BaseTestMediator( _data:Vector.<Object> )
 		{		
 			super( name );
 			this._data = _data;
+			_config = BaseConfig.ins as Config;
 		}
 		
 		override public function onRegister():void{
@@ -32,9 +35,9 @@ package org.xas.jchart.common.view.mediator
 				;
 			//Log.log( _index );
 			//Log.printJSON( _data );
-			BaseConfig.ins.clearData();
-			BaseConfig.ins.updateDisplaySeries( null, _data );
-			BaseConfig.ins.setChartData( _data );
+			_config.clearData();
+			_config.updateDisplaySeries( null, _data );
+			_config.setChartData( _data );
 			sendNotification( JChartEvent.DRAW );
 		}
 		
@@ -51,12 +54,12 @@ package org.xas.jchart.common.view.mediator
 		override public function handleNotification(notification:INotification):void{
 			switch( notification.getName() ){
 				case JChartEvent.SHOW_CHART:
-				{					
+				{
 					_view.x = 0;
 					_view.y = 0;
 					break;
 				}
-					
+			
 			}
 		}
 		
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/BaseTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/BaseTipsMediator.as
new file mode 100644
index 0000000..848e3a9
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/BaseTipsMediator.as
@@ -0,0 +1,69 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.TipsView.*;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseTipsMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseTipsMediator';
+		protected var _view:BaseTipsView;
+		public function get view():BaseTipsView{ return _view; }
+		
+		public function BaseTipsMediator( )
+		{
+			super( name );
+			
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new BaseTipsView() ); 
+			ElementUtility.topIndex( _view );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}			
+			}
+		}
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/DountTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/DountTipsMediator.as
new file mode 100644
index 0000000..574e7cf
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/DountTipsMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.PieTipsView;
+	import org.xas.jchart.common.view.components.TipsView.StackTipsView;
+
+	public class DountTipsMediator extends BaseTipsMediator
+	{
+		public function DountTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new PieTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/HistogramTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/HistogramTipsMediator.as
new file mode 100644
index 0000000..32d26e1
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/HistogramTipsMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.NormalTipsView;
+
+	public class HistogramTipsMediator extends BaseTipsMediator
+	{
+		public function HistogramTipsMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new NormalTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MapTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MapTipsMediator.as
new file mode 100644
index 0000000..db08a19
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MapTipsMediator.as
@@ -0,0 +1,20 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.MapTipsView;
+
+	public class MapTipsMediator extends BaseTipsMediator
+	{
+		public function MapTipsMediator()
+		{
+			super();
+		}
+		
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new MapTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MixChartTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MixChartTipsMediator.as
new file mode 100644
index 0000000..1db343a
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/MixChartTipsMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.MixChartTipsView;
+
+	public class MixChartTipsMediator extends BaseTipsMediator
+	{
+		public function MixChartTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+						
+			mainMediator.view.index11.addChild( _view = new MixChartTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/RadarTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/RadarTipsMediator.as
new file mode 100644
index 0000000..4b0b461
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/RadarTipsMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.NormalTipsView;
+
+	public class RadarTipsMediator extends BaseTipsMediator
+	{
+		public function RadarTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new NormalTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/StackTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/StackTipsMediator.as
new file mode 100644
index 0000000..31b270e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/StackTipsMediator.as
@@ -0,0 +1,18 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.StackTipsView;
+
+	public class StackTipsMediator extends BaseTipsMediator
+	{
+		public function StackTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index8.addChild( _view = new StackTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TipsMediator.as.bak
similarity index 80%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TipsMediator.as.bak
index eb1864a..250d72f 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TipsMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.TipsMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -8,13 +8,9 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
-	import org.xas.jchart.common.view.components.TipsView.BaseTipsView;
-	import org.xas.jchart.common.view.components.TipsView.NormalTipsView;
-	import org.xas.jchart.common.view.components.TipsView.PieTipsView;
-	import org.xas.jchart.common.view.components.TipsView.MapTipsView;
-	import org.xas.jchart.common.view.components.TipsView.TrendTipsView;
-	import org.xas.jchart.common.view.components.TipsView.ZHistogramTipsView;
+	import org.xas.jchart.common.view.components.TipsView.*;
 	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class TipsMediator extends Mediator implements IMediator
 	{
@@ -37,7 +33,12 @@ package org.xas.jchart.common.view.mediator
 				case 'DountFacade':
 				case 'RateFacade':
 				{
-					mainMediator.view.index8.addChild( _view = new PieTipsView() );
+					mainMediator.view.index9.addChild( _view = new PieTipsView() );
+					break;
+				}
+				case 'StackFacade':
+				{
+					mainMediator.view.index8.addChild( _view = new StackTipsView() );
 					break;
 				}
 				case 'CurveGramFacade':
@@ -48,6 +49,7 @@ package org.xas.jchart.common.view.mediator
 					break;
 				}
 				case 'ZHistogramFacade':
+				case 'VZHistogramFacade':
 				{
 					mainMediator.view.index8.addChild( _view = new ZHistogramTipsView() );
 					break;
@@ -61,6 +63,11 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index8.addChild( _view = new TrendTipsView() );
 					break;
 				}
+				case 'MixChartFacade':
+				{
+					mainMediator.view.index11.addChild( _view = new MixChartTipsView() );
+					break;
+				}
 				default:{
 					mainMediator.view.index8.addChild( _view = new BaseTipsView() ); 
 					break;
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TrendTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TrendTipsMediator.as
new file mode 100644
index 0000000..13756d2
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/TrendTipsMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.TrendTipsView;
+
+	public class TrendTipsMediator extends BaseTipsMediator
+	{
+		public function TrendTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new TrendTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/ZHistogramTipsMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/ZHistogramTipsMediator.as
new file mode 100644
index 0000000..6624b71
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TipsMediator/ZHistogramTipsMediator.as
@@ -0,0 +1,19 @@
+package org.xas.jchart.common.view.mediator.TipsMediator
+{
+	import org.xas.core.utils.ElementUtility;
+	import org.xas.jchart.common.view.components.TipsView.ZHistogramTipsView;
+
+	public class ZHistogramTipsMediator extends BaseTipsMediator
+	{
+		public function ZHistogramTipsMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			
+			mainMediator.view.index8.addChild( _view = new ZHistogramTipsView() );
+			ElementUtility.topIndex( _view );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator/BaseTitleMediator.as
similarity index 81%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator/BaseTitleMediator.as
index 35d8b3f..0212076 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/TitleMediator/BaseTitleMediator.as
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.TitleMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -7,15 +7,16 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.core.utils.Log;
 	import org.xas.jchart.common.BaseConfig;
 	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
-	public class TitleMediator extends Mediator implements IMediator
+	public class BaseTitleMediator extends Mediator implements IMediator
 	{
 		public static const name:String = 'PTitleMediator';
 		private var _text:String;
 		private var _view:TitleView;
 		public function get view():TitleView{ return _view; }
 		
-		public function TitleMediator( _text:String )
+		public function BaseTitleMediator( _text:String )
 		{
 			super( name );
 			
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/BaseToggleBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/BaseToggleBgMediator.as
new file mode 100644
index 0000000..dd67a6b
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/BaseToggleBgMediator.as
@@ -0,0 +1,71 @@
+package org.xas.jchart.common.view.mediator.ToggleBgMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.ToggleBgView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseToggleBgMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseToggleBgMediator';
+		protected var _view:BaseToggleBgView;
+		public function get view():BaseToggleBgView{ return _view; }
+		
+		public function BaseToggleBgMediator()
+		{
+			super( name );
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index4.addChild( _view = new BaseToggleBgView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{					
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE, notification.getBody() ) );
+					break;
+				}			
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}	
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/CurveGramToggleBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/CurveGramToggleBgMediator.as
new file mode 100644
index 0000000..d84c2dc
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/CurveGramToggleBgMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.ToggleBgMediator
+{
+	import org.xas.jchart.common.view.components.ToggleBgView.CurveGramToggleBgView;
+
+	public class CurveGramToggleBgMediator extends BaseToggleBgMediator
+	{
+		public function CurveGramToggleBgMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index4.addChild( _view = new CurveGramToggleBgView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/ToggleBgMediator.as.bak
similarity index 91%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/ToggleBgMediator.as.bak
index f84803e..4309647 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/ToggleBgMediator/ToggleBgMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.ToggleBgMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -7,6 +7,7 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.ToggleBgView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class ToggleBgMediator extends Mediator implements IMediator
 	{
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/BaseVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/BaseVLabelMediator.as
new file mode 100644
index 0000000..76f8935
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/BaseVLabelMediator.as
@@ -0,0 +1,105 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import flash.text.TextField;
+	
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.*;
+	import org.xas.jchart.common.view.components.VLabelView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseVLabelMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'BaseVLabelMediator';
+		protected var _view:BaseVLabelView;
+		public function get view():BaseVLabelView{ return _view; }
+		
+		public function BaseVLabelMediator( )
+		{
+			super( name );			
+		}
+		
+		override public function onRegister():void{		
+			mainMediator.view.index6.addChild( _view = new BaseVLabelView() );
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+				, JChartEvent.RESET_HLABELS
+				, JChartEvent.UPDATE_TIPS
+				, JChartEvent.SHOW_TIPS
+				, JChartEvent.HIDE_TIPS
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void {
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE ) );
+					break;
+				}
+				case JChartEvent.RESET_HLABELS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.RESET_HLABELS ) );
+					break;
+				}
+				case JChartEvent.UPDATE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.UPDATE_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.SHOW_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.SHOW_TIPS, notification.getBody() ) );
+					break;
+				}	
+				case JChartEvent.HIDE_TIPS:
+				{
+					_view.dispatchEvent( new JChartEvent( JChartEvent.HIDE_TIPS, notification.getBody() ) );
+					break;
+				}
+			}
+		}
+		
+		public function get maxWidth():Number{
+			return _view.maxWidth;
+		}
+		
+		public function get maxHeight():Number{
+			return _view.maxHeight;
+		}
+		
+		public function get maxWidthRight():Number{
+			return _view.maxWidth;
+		}
+		
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}	
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+		public function get labels():Vector.<TextField>{
+			return _view.labels;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/HStackVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/HStackVLabelMediator.as
new file mode 100644
index 0000000..308e10c
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/HStackVLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.HStackVLabelView;
+
+	public class HStackVLabelMediator extends BaseVLabelMediator
+	{
+		public function HStackVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{		
+			mainMediator.view.index6.addChild( _view = new HStackVLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/MapVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/MapVLabelMediator.as
new file mode 100644
index 0000000..7b27bd2
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/MapVLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.MapVLabelView;
+
+	public class MapVLabelMediator extends BaseVLabelMediator
+	{
+		public function MapVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			
+			mainMediator.view.index6.addChild( _view = new MapVLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/RadarVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/RadarVLabelMediator.as
new file mode 100644
index 0000000..29a7a1e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/RadarVLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.RadarVLabelView;
+
+	public class RadarVLabelMediator extends BaseVLabelMediator
+	{
+		public function RadarVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{		
+			mainMediator.view.index6.addChild( _view = new RadarVLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/StackVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/StackVLabelMediator.as
new file mode 100644
index 0000000..635cde7
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/StackVLabelMediator.as
@@ -0,0 +1,16 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.NormalVLabelView;
+
+	public class StackVLabelMediator extends BaseVLabelMediator
+	{
+		public function StackVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{		
+			mainMediator.view.index6.addChild( _view = new NormalVLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/TrendVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/TrendVLabelMediator.as
new file mode 100644
index 0000000..857d14e
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/TrendVLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.HistogramVLabelView;
+
+	public class TrendVLabelMediator extends BaseVLabelMediator
+	{
+		public function TrendVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			
+			mainMediator.view.index5.addChild( _view = new HistogramVLabelView() );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VHistogramVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VHistogramVLabelMediator.as
new file mode 100644
index 0000000..b1c9ce4
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VHistogramVLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.VHistogramVLabelView;
+
+	public class VHistogramVLabelMediator extends BaseVLabelMediator
+	{
+		public function VHistogramVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			
+			mainMediator.view.index5.addChild( _view = new VHistogramVLabelView( ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VLabelMediator.as.bak
similarity index 69%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VLabelMediator.as.bak
index af161f3..e61e3a7 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VLabelMediator.as.bak
@@ -1,17 +1,17 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.VLabelMediator
 {
+	import flash.text.TextField;
+	
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
 	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
 	import org.xas.core.utils.Log;
-	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.BaseFacade;
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.*;
-	import org.xas.jchart.common.view.components.VLabelView.BaseVLabelView;
-	import org.xas.jchart.common.view.components.VLabelView.HistogramVLabelView;
-	import org.xas.jchart.common.view.components.VLabelView.VHistogramVLabelView;
-	import org.xas.jchart.common.view.components.VLabelView.MapVLabelView;
+	import org.xas.jchart.common.view.components.VLabelView.*;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class VLabelMediator extends Mediator implements IMediator
 	{
@@ -27,20 +27,18 @@ package org.xas.jchart.common.view.mediator
 		override public function onRegister():void{			
 			switch( (facade as BaseFacade).name ){
 				case 'TrendFacade':
-				case 'CurveGramFacade':
 				{
 					mainMediator.view.index5.addChild( _view = new HistogramVLabelView() );
 					break;
 				}
-				case 'ZHistogramFacade':
-				case 'HistogramFacade':
+				case 'VHistogramFacade':
 				{
-					mainMediator.view.index5.addChild( _view = new HistogramVLabelView( ) );
+					mainMediator.view.index5.addChild( _view = new VHistogramVLabelView( ) );
 					break;
 				}
-				case 'VHistogramFacade':
+				case 'VZHistogramFacade':
 				{
-					mainMediator.view.index5.addChild( _view = new VHistogramVLabelView( ) );
+					mainMediator.view.index5.addChild( _view = new ZVHistogramVLabelView( ) );
 					break;
 				}
 				case 'MapFacade':
@@ -48,6 +46,13 @@ package org.xas.jchart.common.view.mediator
 					mainMediator.view.index6.addChild( _view = new MapVLabelView() );
 					break;
 				}
+				case 'StackFacade':
+				case 'ZHistogramFacade':
+				case 'HistogramFacade':
+				case 'CurveGramFacade': {
+					mainMediator.view.index6.addChild( _view = new NormalVLabelView() );
+					break;
+				}
 				default:{
 					mainMediator.view.index5.addChild( _view = new BaseVLabelView() ); 
 					break;
@@ -83,9 +88,26 @@ package org.xas.jchart.common.view.mediator
 			return _view.maxHeight;
 		}
 		
+		public function get maxWidthRight():Number{
+			return _view.maxWidth;
+		}
+		
+		public function set maxHeight( _setter:Number ):void{
+			_view.maxHeight = _setter;
+		}		
+		
+		public function set maxWidth( _setter:Number ):void{
+			_view.maxWidth = _setter;
+		}	
+		
+		
 		private function get mainMediator():MainMediator{
 			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
 		}
 		
+		public function get labels():Vector.<TextField>{
+			return _view.labels;
+		}
+		
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VZHistogramVLabelMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VZHistogramVLabelMediator.as
new file mode 100644
index 0000000..2db7a73
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VLabelMediator/VZHistogramVLabelMediator.as
@@ -0,0 +1,17 @@
+package org.xas.jchart.common.view.mediator.VLabelMediator
+{
+	import org.xas.jchart.common.view.components.VLabelView.ZVHistogramVLabelView;
+
+	public class VZHistogramVLabelMediator extends BaseVLabelMediator
+	{
+		public function VZHistogramVLabelMediator()
+		{
+			super();
+		}
+		
+		override public function onRegister():void{			
+			
+			mainMediator.view.index5.addChild( _view = new ZVHistogramVLabelView( ) );
+		}
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/BaseVTitleMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/BaseVTitleMediator.as
new file mode 100644
index 0000000..fd54a56
--- /dev/null
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/BaseVTitleMediator.as
@@ -0,0 +1,58 @@
+package org.xas.jchart.common.view.mediator.VTitleMediator
+{
+	import org.puremvc.as3.multicore.interfaces.IMediator;
+	import org.puremvc.as3.multicore.interfaces.INotification;
+	import org.puremvc.as3.multicore.patterns.mediator.Mediator;
+	import org.xas.core.utils.Log;
+	import org.xas.jchart.common.BaseConfig;
+	import org.xas.jchart.common.event.JChartEvent;
+	import org.xas.jchart.common.view.components.TitleView;
+	import org.xas.jchart.common.view.components.VTitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
+	
+	public class BaseVTitleMediator extends Mediator implements IMediator
+	{
+		public static const name:String = 'PBaseVTitleMediator';
+		protected var _text:String;
+		protected var _view:VTitleView;
+		public function get view():VTitleView{ return _view; }
+		
+		public function BaseVTitleMediator( _text:String )
+		{
+			super( name );
+			
+			this._text = _text; 
+		}
+		
+		override public function onRegister():void{
+			mainMediator.view.index5.addChild( _view = new VTitleView( _text ) );			
+		}
+		
+		override public function onRemove():void{
+			_view.parent.removeChild( _view );
+		}
+		
+		override public function listNotificationInterests():Array{
+			return [
+				JChartEvent.SHOW_CHART
+			];
+		}
+		
+		override public function handleNotification(notification:INotification):void{
+			switch( notification.getName() ){
+				case JChartEvent.SHOW_CHART:
+					{										
+						_view.x = BaseConfig.ins.c.vtitle.x;
+						_view.y = BaseConfig.ins.c.vtitle.y;
+						break;
+					}			
+			}
+		}
+		
+		
+		protected function get mainMediator():MainMediator{
+			return facade.retrieveMediator( MainMediator.name ) as MainMediator;
+		}
+		
+	}
+}
\ No newline at end of file
diff --git a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator.as b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/VTitleMediator.as.bak
similarity index 89%
rename from flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator.as
rename to flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/VTitleMediator.as.bak
index de385e7..fcc0e7e 100644
--- a/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator.as
+++ b/flash/source/lib/src/org/xas/jchart/common/view/mediator/VTitleMediator/VTitleMediator.as.bak
@@ -1,4 +1,4 @@
-package org.xas.jchart.common.view.mediator
+package org.xas.jchart.common.view.mediator.VTitleMediator
 {
 	import org.puremvc.as3.multicore.interfaces.IMediator;
 	import org.puremvc.as3.multicore.interfaces.INotification;
@@ -8,6 +8,7 @@ package org.xas.jchart.common.view.mediator
 	import org.xas.jchart.common.event.JChartEvent;
 	import org.xas.jchart.common.view.components.TitleView;
 	import org.xas.jchart.common.view.components.VTitleView;
+	import org.xas.jchart.common.view.mediator.MainMediator;
 	
 	public class VTitleMediator extends Mediator implements IMediator
 	{
diff --git a/flash/source/lib/swc/XAS.swc b/flash/source/lib/swc/XAS.swc
index f7a6cf5..f45fe12 100644
Binary files a/flash/source/lib/swc/XAS.swc and b/flash/source/lib/swc/XAS.swc differ
diff --git a/flash/source/lib/swc_src/xas/.actionScriptProperties b/flash/source/lib/swc_src/xas/.actionScriptProperties
index eb2aa33..1a36a1f 100644
--- a/flash/source/lib/swc_src/xas/.actionScriptProperties
+++ b/flash/source/lib/swc_src/xas/.actionScriptProperties
@@ -19,4 +19,3 @@
   <modules/>
   <buildCSSFiles/>
 </actionScriptProperties>
-
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/i/IContextMenu.as b/flash/source/lib/swc_src/xas/src/org/xas/core/i/IContextMenu.as
index 0ef00bb..aa1038e 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/i/IContextMenu.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/i/IContextMenu.as
@@ -1,5 +1,7 @@
 package org.xas.core.i
 {
+	import flash.net.URLRequest;
+
 	public interface IContextMenu
 	{
 		function get text():String;
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/model/ContextMenuData.as b/flash/source/lib/swc_src/xas/src/org/xas/core/model/ContextMenuData.as
index de13c6c..3ac63da 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/model/ContextMenuData.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/model/ContextMenuData.as
@@ -1,9 +1,15 @@
 package org.xas.core.model
 {
+	import flash.net.URLRequest;
+	
 	import org.xas.core.i.IContextMenu;
 
 	public class ContextMenuData implements IContextMenu
 	{
+		private var _url:String;
+		public function get url():String{ return _url; }
+		public function set url($v:String):void{ _url = $v; }
+		
 		private var _text:String;
 		public function get text():String{ return _text; }
 		public function set text($v:String):void{ _text = $v; }
@@ -12,10 +18,12 @@ package org.xas.core.model
 		public function get enable():Boolean{ return _enable; }
 		public function set enable($v:Boolean):void{ _enable = $v; }
 		
-		public function ContextMenuData( $text:String, $enable:Boolean )
+		
+		public function ContextMenuData( $text:String, $enable:Boolean, _url:String = '' )
 		{
 			text = $text;
 			enable = $enable;
+			this._url = _url;
 		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ElementUtility.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ElementUtility.as
index ec9f474..4f005f9 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ElementUtility.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ElementUtility.as
@@ -1,6 +1,7 @@
 package org.xas.core.utils
 {
 	import flash.display.DisplayObject;
+	import flash.geom.Point;
 
 	public final class ElementUtility
 	{
@@ -31,10 +32,17 @@ package org.xas.core.utils
 			catch(ex:Error){}
 		}
 		
-		public static function center($v:DisplayObject):void
+		public static function center( $v:DisplayObject, _offsetPoint:Point = null, _subtract:Boolean = true ):void
 		{
-			$v.x = ($v.root.stage.stageWidth - $v.width) / 2;
-			$v.y = ($v.root.stage.stageHeight - $v.height) / 2;
+			if( !_offsetPoint ){
+				_offsetPoint = new Point( $v.root.stage.stageWidth / 2, $v.root.stage.stageHeight / 2 );
+			}
+			if( _subtract ){
+				_offsetPoint.x -= $v.width / 2;
+				_offsetPoint.y -=  $v.height / 2
+			}
+			$v.x = _offsetPoint.x;
+			$v.y = _offsetPoint.y;
 		}
 		
 		public static function topIndex($display:DisplayObject):void
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/GeoUtils.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/GeoUtils.as
index f3e1394..392322d 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/GeoUtils.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/GeoUtils.as
@@ -59,6 +59,9 @@ package org.xas.core.utils
 			return result;
 		}
 		
+		/**
+		 * 求两点之间连线的长度
+		 */
 		public static function pointLength( x1:Number, y1:Number, x2:Number, y2:Number ):Number
 		{
 			var dx:Number = x2 - x1;
@@ -72,6 +75,17 @@ package org.xas.core.utils
 			if( $angle < 0 ) $angle = 360 + $angle;
 			return $angle;
 		}
+		
+		/**
+		 * 通过一个点、距离、角度确定另一个点
+		 */
+		public static function calcPointByCenter( _center:Point, _radius:Number, _angle:Number ):Point {
+			return new Point(
+				_center.x + _radius * Math.sin( _angle * Math.PI/180 )
+				, _center.y - _radius * Math.cos( _angle * Math.PI/180 )
+			);
+		}
+		
 		/**
 		 * 画一条穿过某个点的曲线
 		 */
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ImageUtils.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ImageUtils.as
index 365e3c7..ebaa086 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ImageUtils.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/ImageUtils.as
@@ -17,11 +17,31 @@ package org.xas.core.utils
 			var bmd:BitmapData = new BitmapData( _displayObject.stage.width, _displayObject.stage.height );
 			bmd.draw( _displayObject );
 			
-			var jpg:JPGEncoder = new JPGEncoder( _quality ) ;
+			var jpg:JPGEncoder = new JPGEncoder( _quality );
 			var imageBytes:ByteArray = jpg.encode( bmd );
 			
 			var fr:FileReference = new FileReference();
 			fr.save( imageBytes,  _name );
 		}
+		
+		public static function saveSprite( _displayObject:DisplayObjectContainer,  _name:String = 'flashimg.jpg', _quality:int = 100 ):void{
+			var bmd:BitmapData = new BitmapData( _displayObject.width, _displayObject.height );
+			bmd.draw( _displayObject );
+			
+			var jpg:JPGEncoder = new JPGEncoder( _quality );
+			var imageBytes:ByteArray = jpg.encode( bmd );
+			
+			var fr:FileReference = new FileReference();
+			fr.save( imageBytes,  _name );
+		}
+		
+		public static function saveBitmapData( _bitmapData:BitmapData,  _name:String = 'flashimg.jpg', _quality:int = 100 ):void{
+			
+			var jpg:JPGEncoder = new JPGEncoder( _quality );
+			var imageBytes:ByteArray = jpg.encode( _bitmapData );
+			
+			var fr:FileReference = new FileReference();
+			fr.save( imageBytes,  _name );
+		}
 	}
 }
\ No newline at end of file
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/Log.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/Log.as
index 79a7ba2..19764c2 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/Log.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/Log.as
@@ -3,6 +3,8 @@ package org.xas.core.utils
 	import com.adobe.serialization.json.JSON;
 	
 	import flash.utils.*;
+	
+	import org.xas.core.utils.formatter.Formatter;
 
 	/**
 	 * 用于打印调试 内容的类
@@ -36,6 +38,11 @@ package org.xas.core.utils
 			processLog( com.adobe.serialization.json.JSON.encode( _d ), $pad, $before, $symbol);
 		}
 		
+		public static function  printFormatJSON( _d:Object, $pad:int = 0, $before:Boolean = true, $symbol:String = '-' ):void{
+			if(!debug) return;
+			log( Formatter.json( _d ) );
+		}
+		
 		public static function  printClass( _d:*, $pad:int = 0, $before:Boolean = true, $symbol:String = '-' ):void{
 			if(!debug) return;
 			processLog( flash.utils.describeType( _d ).toString(), $pad, $before, $symbol);
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/SystemUtils.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/SystemUtils.as
index 52f09ad..0f601f1 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/SystemUtils.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/SystemUtils.as
@@ -1,10 +1,13 @@
 package org.xas.core.utils
 {	
 	import flash.display.DisplayObjectContainer;
+	import flash.events.MouseEvent;
+	import flash.net.navigateToURL;
 	import flash.ui.ContextMenu;
 	import flash.ui.ContextMenuItem;
 	
 	import org.xas.core.i.IContextMenu;
+	import org.xas.core.model.ContextMenuData;
 	
 	public class SystemUtils
 	{
@@ -18,12 +21,39 @@ package org.xas.core.utils
 			if( $list && $list.length )
 			{
 				cm = new ContextMenu();		
+				cm.hideBuiltInItems(); 
 				
 				for( var i:int = 0; i < $list.length; i++ )
 				{
 					icm = $list[i];
 					cmi = new ContextMenuItem( icm.text );
 					cmi.enabled = icm.enable;
+					
+					cm.customItems.push(cmi);
+				}
+				$root.contextMenu = cm;	
+			}
+			
+			return cm;
+		}	
+		
+		public static function contentmenuX( $root:DisplayObjectContainer, $list:Vector.<ContextMenuData> ):ContextMenu
+		{			
+			var cm:ContextMenu;
+			var cmi:ContextMenuItem;
+			var icm:IContextMenu;
+			
+			if( $list && $list.length )
+			{
+				cm = new ContextMenu();		
+				cm.hideBuiltInItems(); 
+				
+				for( var i:int = 0; i < $list.length; i++ )
+				{
+					icm = $list[i];
+					cmi = new ContextMenuItem( icm.text );
+					cmi.enabled = icm.enable;
+					
 					cm.customItems.push(cmi);
 				}
 				$root.contextMenu = cm;	
diff --git a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/formatter/XJSONFormatter.as b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/formatter/XJSONFormatter.as
index 7f3fd85..6939ca6 100644
--- a/flash/source/lib/swc_src/xas/src/org/xas/core/utils/formatter/XJSONFormatter.as
+++ b/flash/source/lib/swc_src/xas/src/org/xas/core/utils/formatter/XJSONFormatter.as
@@ -78,7 +78,7 @@ package org.xas.core.utils.formatter
 					{	
 						if( typeof item == 'string' )
 						{
-							item = JSONEncoder(item);
+							item = item;
 						}
 						
 						if( count < objLen ) itemSeparate = ', ';
@@ -100,7 +100,7 @@ package org.xas.core.utils.formatter
 					
 					if( TypeUtils.isArray( item ) || TypeUtils.isObject( item ) )
 					{								
-						result.push( itemPad + JSONEncoder(k) + ':' );
+						result.push( itemPad + '"' + k + '"'  + ':' );
 						analysisData( item, result , deep + 1);
 						if( count < objLen ) 
 						{
@@ -112,13 +112,14 @@ package org.xas.core.utils.formatter
 					{	
 						if( typeof item == 'string' )
 						{
-							item = JSONEncoder(item);
+							item = item
 						}
 						
 						if( count < objLen ) itemSeparate = ', ';
 						else itemSeparate = '';
 						
-						result.push( itemPad + JSONEncoder(k) + ': ' + item + itemSeparate );
+						//result.push( itemPad + JSONEncoder(k) + ': ' + item + itemSeparate );
+						result.push( itemPad + '"' + k + '"' + ': ' + item + itemSeparate );
 					}
 				}
 			}
diff --git a/jquery.js b/jquery.js
index 235299c..1d8d5df 100644
--- a/jquery.js
+++ b/jquery.js
@@ -13,7 +13,9587 @@
  * @namespace   window
  * @global
  */
+(function( window, undefined ) {
 
-(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,b=function(e,t){return new b.fn.init(e,t,r)},x=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access:function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.readyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("load",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeof e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.length&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s)):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r||!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")),a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={getSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l.selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav></:nav>"!==o.createElement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""),t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioValue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocumentFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.display="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();var O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)return f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==typeof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data={}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a}}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u].data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data(o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b.camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON(r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function(){var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e)})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttribute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":"removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__",this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeof o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode,"optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.length||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrHooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?!Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}}}),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camelCase("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set(e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hrefNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks.selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype||(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b.valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.special[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]=!0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.split("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b.expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b.makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a&&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l=l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data(l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l)&&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()||p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.acceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)){for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])return e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){return b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus:{trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;
-return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=typeof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if(o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElementsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t,v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g=f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)try{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id")}}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComments=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at(function(e){e.innerHTML="<select></select>";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName=at(function(e){return e.innerHTML="<div class='hidden e'></div><div class='hidden'></div>",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e.lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(function(e){e.id=x+0,e.innerHTML="<a name='"+x+"'></a><div name='"+x+"'></div>",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length;return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){return e.innerHTML="<a href='#'></a>",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&function(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=rt(n.querySelectorAll))&&(at(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||h.push("\\["+_+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||h.push(":checked")}),at(function(e){e.innerHTML="<input type='hidden' i=''/>",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySelectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp(g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)?1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},st.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d||T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0?t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.push(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==A&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=st.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[x]||(m[x]={}),l=c[e]||[],d=l[0]===N&&l[1],f=l[0]===N&&l[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[N,d,f];break}}else if(v&&(l=(t[x]||(t[x]={}))[e])&&l[0]===N)f=l[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[x]||(p[x]={}))[e]=[N,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||st.error("unsupported pseudo: "+e);return r[x]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?ot(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=M.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:ot(function(e){var t=[],n=[],r=s(e.replace(W,"$1"));return r[x]?ot(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:ot(function(e){return function(t){return st(e,t).length>0}}),contains:ot(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:ot(function(e){return X.test(e||"")||st.error("unsupported lang: "+e),e=e.replace(et,tt).toLowerCase(),function(t){var n;do if(n=d?t.getAttribute("xml:lang")||t.getAttribute("lang"):t.lang)return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return Q.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:pt(function(){return[0]}),last:pt(function(e,t){return[t-1]}),eq:pt(function(e,t,n){return[0>n?n+t:n]}),even:pt(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:pt(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:pt(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:pt(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}};for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[n]=lt(n);for(n in{submit:!0,reset:!0})i.pseudos[n]=ct(n);function ft(e,t){var n,r,o,a,s,u,l,c=E[e+" "];if(c)return t?0:c.slice(0);s=e,u=[],l=i.preFilter;while(s){(!n||(r=$.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),u.push(o=[])),n=!1,(r=I.exec(s))&&(n=r.shift(),o.push({value:n,type:r[0].replace(W," ")}),s=s.slice(n.length));for(a in i.filter)!(r=U[a].exec(s))||l[a]&&!(r=l[a](r))||(n=r.shift(),o.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?st.error(e):E(e,u).slice(0)}function dt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function ht(e,t,n){var i=t.dir,o=n&&"parentNode"===i,a=C++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,s){var u,l,c,p=N+" "+a;if(s){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[x]||(t[x]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,s)||r,l[1]===!0)return!0}}function gt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function mt(e,t,n,r,i){var o,a=[],s=0,u=e.length,l=null!=t;for(;u>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),l&&t.push(s));return a}function yt(e,t,n,r,i,o){return r&&!r[x]&&(r=yt(r)),i&&!i[x]&&(i=yt(i,o)),ot(function(o,a,s,u){var l,c,p,f=[],d=[],h=a.length,g=o||xt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:mt(g,f,e,s,u),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,u),r){l=mt(y,d),r(l,[],s,u),c=l.length;while(c--)(p=l[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?M.call(o,p):f[c])>-1&&(o[l]=!(a[l]=p))}}else y=mt(y===a?y.splice(h,y.length):y),i?i(null,a,y,u):H.apply(a,y)})}function vt(e){var t,n,r,o=e.length,a=i.relative[e[0].type],s=a||i.relative[" "],u=a?1:0,c=ht(function(e){return e===t},s,!0),p=ht(function(e){return M.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>u;u++)if(n=i.relative[e[u].type])f=[ht(gt(f),n)];else{if(n=i.filter[e[u].type].apply(null,e[u].matches),n[x]){for(r=++u;o>r;r++)if(i.relative[e[r].type])break;return yt(u>1&&gt(f),u>1&&dt(e.slice(0,u-1)).replace(W,"$1"),n,r>u&&vt(e.slice(u,r)),o>r&&vt(e=e.slice(r)),o>r&&dt(e))}f.push(n)}return gt(f)}function bt(e,t){var n=0,o=t.length>0,a=e.length>0,s=function(s,u,c,f,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,T=l,C=s||a&&i.find.TAG("*",d&&u.parentNode||u),k=N+=null==T?1:Math.random()||.1;for(w&&(l=u!==p&&u,r=n);null!=(h=C[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,u,c)){f.push(h);break}w&&(N=k,r=++n)}o&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,o&&b!==v){g=0;while(m=t[g++])m(x,y,u,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=L.call(f));y=mt(y)}H.apply(f,y),w&&!s&&y.length>0&&v+t.length>1&&st.uniqueSort(f)}return w&&(N=k,l=T),x};return o?ot(s):s}s=st.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=ft(e)),n=t.length;while(n--)o=vt(t[n]),o[x]?r.push(o):i.push(o);o=S(e,bt(i,r))}return o};function xt(e,t,n){var r=0,i=t.length;for(;i>r;r++)st(e,t[r],n);return n}function wt(e,t,n,r){var o,a,u,l,c,p=ft(e);if(!r&&1===p.length){if(a=p[0]=p[0].slice(0),a.length>2&&"ID"===(u=a[0]).type&&9===t.nodeType&&!d&&i.relative[a[1].type]){if(t=i.find.ID(u.matches[0].replace(et,tt),t)[0],!t)return n;e=e.slice(a.shift().value.length)}o=U.needsContext.test(e)?0:a.length;while(o--){if(u=a[o],i.relative[l=u.type])break;if((c=i.find[l])&&(r=c(u.matches[0].replace(et,tt),V.test(a[0].type)&&t.parentNode||t))){if(a.splice(o,1),e=r.length&&dt(a),!e)return H.apply(n,q.call(r,0)),n;break}}}return s(e,p)(r,t,d,n,V.test(e)),n}i.pseudos.nth=i.pseudos.eq;function Tt(){}i.filters=Tt.prototype=i.pseudos,i.setFilters=new Tt,c(),st.attr=b.attr,b.find=st,b.expr=st.selectors,b.expr[":"]=b.expr.pseudos,b.unique=st.uniqueSort,b.text=st.getText,b.isXMLDoc=st.isXML,b.contains=st.contains}(e);var at=/Until$/,st=/^(?:parents|prev(?:Until|All))/,ut=/^.[^:#\[\.,]*$/,lt=b.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};b.fn.extend({find:function(e){var t,n,r,i=this.length;if("string"!=typeof e)return r=this,this.pushStack(b(e).filter(function(){for(t=0;i>t;t++)if(b.contains(r[t],this))return!0}));for(n=[],t=0;i>t;t++)b.find(e,this[t],n);return n=this.pushStack(i>1?b.unique(n):n),n.selector=(this.selector?this.selector+" ":"")+e,n},has:function(e){var t,n=b(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(b.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e,!1))},filter:function(e){return this.pushStack(ft(this,e,!0))},is:function(e){return!!e&&("string"==typeof e?lt.test(e)?b(e,this.context).index(this[0])>=0:b.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,o=[],a=lt.test(e)||"string"!=typeof e?b(e,t||this.context):0;for(;i>r;r++){n=this[r];while(n&&n.ownerDocument&&n!==t&&11!==n.nodeType){if(a?a.index(n)>-1:b.find.matchesSelector(n,e)){o.push(n);break}n=n.parentNode}}return this.pushStack(o.length>1?b.unique(o):o)},index:function(e){return e?"string"==typeof e?b.inArray(this[0],b(e)):b.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?b(e,t):b.makeArray(e&&e.nodeType?[e]:e),r=b.merge(this.get(),n);return this.pushStack(b.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),b.fn.andSelf=b.fn.addBack;function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}b.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return b.dir(e,"parentNode")},parentsUntil:function(e,t,n){return b.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return b.dir(e,"nextSibling")},prevAll:function(e){return b.dir(e,"previousSibling")},nextUntil:function(e,t,n){return b.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return b.dir(e,"previousSibling",n)},siblings:function(e){return b.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return b.sibling(e.firstChild)},contents:function(e){return b.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:b.merge([],e.childNodes)}},function(e,t){b.fn[e]=function(n,r){var i=b.map(this,t,n);return at.test(e)||(r=n),r&&"string"==typeof r&&(i=b.filter(r,i)),i=this.length>1&&!ct[e]?b.unique(i):i,this.length>1&&st.test(e)&&(i=i.reverse()),this.pushStack(i)}}),b.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),1===t.length?b.find.matchesSelector(t[0],e)?[t[0]]:[]:b.find.matches(e,t)},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!b(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(t=t||0,b.isFunction(t))return b.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return b.grep(e,function(e){return e===t===n});if("string"==typeof t){var r=b.grep(e,function(e){return 1===e.nodeType});if(ut.test(t))return b.filter(t,r,!n);t=b.filter(t,r)}return b.grep(e,function(e){return b.inArray(e,t)>=0===n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Nt=/^(?:checkbox|radio)$/i,Ct=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:b.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(o),Dt=jt.appendChild(o.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,b.fn.extend({text:function(e){return b.access(this,function(e){return e===t?b.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(b.isFunction(e))return this.each(function(t){b(this).wrapAll(e.call(this,t))});if(this[0]){var t=b(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return b.isFunction(e)?this.each(function(t){b(this).wrapInner(e.call(this,t))}):this.each(function(){var t=b(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=b.isFunction(e);return this.each(function(n){b(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){b.nodeName(this,"body")||b(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.insertBefore(e,this.firstChild)})},before:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=0;for(;null!=(n=this[r]);r++)(!e||b.filter(e,[n]).length>0)&&(t||1!==n.nodeType||b.cleanData(Ot(n)),n.parentNode&&(t&&b.contains(n.ownerDocument,n)&&Mt(Ot(n,"script")),n.parentNode.removeChild(n)));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&b.cleanData(Ot(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&b.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return b.clone(this,e,t)})},html:function(e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(e){var t=b.isFunction(e);return t||"string"==typeof e||(e=b(e).not(this).detach()),this.domManip([e],!0,function(e){var t=this.nextSibling,n=this.parentNode;n&&(b(this).remove(),n.insertBefore(e,t))})},detach:function(e){return this.remove(e,!0)},domManip:function(e,n,r){e=f.apply([],e);var i,o,a,s,u,l,c=0,p=this.length,d=this,h=p-1,g=e[0],m=b.isFunction(g);if(m||!(1>=p||"string"!=typeof g||b.support.checkClone)&&Ct.test(g))return this.each(function(i){var o=d.eq(i);m&&(e[0]=g.call(this,i,n?o.html():t)),o.domManip(e,n,r)});if(p&&(l=b.buildFragment(e,this[0].ownerDocument,!1,this),i=l.firstChild,1===l.childNodes.length&&(l=i),i)){for(n=n&&b.nodeName(i,"tr"),s=b.map(Ot(l,"script"),Ht),a=s.length;p>c;c++)o=l,c!==h&&(o=b.clone(o,!0,!0),a&&b.merge(s,Ot(o,"script"))),r.call(n&&b.nodeName(this[c],"table")?Lt(this[c],"tbody"):this[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,b.map(s,qt),c=0;a>c;c++)o=s[c],kt.test(o.type||"")&&!b._data(o,"globalEval")&&b.contains(u,o)&&(o.src?b.ajax({url:o.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):b.globalEval((o.text||o.textContent||o.innerHTML||"").replace(St,"")));l=i=null}return this}});function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function Ht(e){var t=e.getAttributeNode("type");return e.type=(t&&t.specified)+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Mt(e,t){var n,r=0;for(;null!=(n=e[r]);r++)b._data(n,"globalEval",!t||b._data(t[r],"globalEval"))}function _t(e,t){if(1===t.nodeType&&b.hasData(e)){var n,r,i,o=b._data(e),a=b._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)b.event.add(t,n,s[n][r])}a.data&&(a.data=b.extend({},a.data))}}function Ft(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!b.support.noCloneEvent&&t[b.expando]){i=b._data(t);for(r in i.events)b.removeEvent(t,r,i.handle);t.removeAttribute(b.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),b.support.html5Clone&&e.innerHTML&&!b.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Nt.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}b.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){b.fn[e]=function(e){var n,r=0,i=[],o=b(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),b(o[r])[t](n),d.apply(i,n.get());return this.pushStack(i)}});function Ot(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||b.nodeName(o,n)?s.push(o):b.merge(s,Ot(o,n));return n===t||n&&b.nodeName(e,n)?b.merge([e],s):s}function Bt(e){Nt.test(e.type)&&(e.defaultChecked=e.checked)}b.extend({clone:function(e,t,n){var r,i,o,a,s,u=b.contains(e.ownerDocument,e);if(b.support.html5Clone||b.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(b.support.noCloneEvent&&b.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||b.isXMLDoc(e)))for(r=Ot(o),s=Ot(e),a=0;null!=(i=s[a]);++a)r[a]&&Ft(i,r[a]);if(t)if(n)for(s=s||Ot(e),r=r||Ot(o),a=0;null!=(i=s[a]);a++)_t(i,r[a]);else _t(e,o);return r=Ot(o,"script"),r.length>0&&Mt(r,!u&&Ot(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,u,l,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===b.type(o))b.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),u=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[u]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!b.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!b.support.tbody){o="table"!==u||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)b.nodeName(l=o.childNodes[i],"tbody")&&!l.childNodes.length&&o.removeChild(l)
-}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function un(e){var t=o,n=Gt[e];return n||(n=ln(e,t),"none"!==n&&n||(Pt=(Pt||b("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=ln(e,t),Pt.detach()),Gt[e]=n),n}function ln(e,t){var n=b(t.createElement(e)).appendTo(t.body),r=b.css(n[0],"display");return n.remove(),r}b.each(["height","width"],function(e,n){b.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(b.css(e,"display"))?b.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,i),i):0)}}}),b.support.opacity||(b.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=b.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===b.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),b(function(){b.support.reliableMarginRight||(b.cssHooks.marginRight={get:function(e,n){return n?b.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!b.support.pixelPosition&&b.fn.position&&b.each(["top","left"],function(e,n){b.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?b(e).position()[n]+"px":r):t}}})}),b.expr&&b.expr.filters&&(b.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!b.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||b.css(e,"display"))},b.expr.filters.visible=function(e){return!b.expr.filters.hidden(e)}),b.each({margin:"",padding:"",border:"Width"},function(e,t){b.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(b.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;b.fn.extend({serialize:function(){return b.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=b.prop(this,"elements");return e?b.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!b(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Nt.test(e))}).map(function(e,t){var n=b(this).val();return null==n?null:b.isArray(n)?b.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),b.param=function(e,n){var r,i=[],o=function(e,t){t=b.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=b.ajaxSettings&&b.ajaxSettings.traditional),b.isArray(e)||e.jquery&&!b.isPlainObject(e))b.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(b.isArray(t))b.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==b.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}b.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){b.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),b.fn.hover=function(e,t){return this.mouseenter(e).mouseleave(t||e)};var mn,yn,vn=b.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Nn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Cn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=b.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=a.href}catch(Ln){yn=o.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(b.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(u){var l;return o[u]=!0,b.each(e[u]||[],function(e,u){var c=u(n,r,i);return"string"!=typeof c||a||o[c]?a?!(l=c):t:(n.dataTypes.unshift(c),s(c),!1)}),l}return s(n.dataTypes[0])||!o["*"]&&s("*")}function Mn(e,n){var r,i,o=b.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&b.extend(!0,e,r),e}b.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,u=e.indexOf(" ");return u>=0&&(i=e.slice(u,e.length),e=e.slice(0,u)),b.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&b.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?b("<div>").append(b.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},b.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){b.fn[t]=function(e){return this.on(t,e)}}),b.each(["get","post"],function(e,n){b[n]=function(e,r,i,o){return b.isFunction(r)&&(o=o||i,i=r,r=t),b.ajax({url:e,type:n,dataType:o,data:r,success:i})}}),b.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Nn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":b.parseJSON,"text xml":b.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Mn(Mn(e,b.ajaxSettings),t):Mn(b.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,u,l,c,p=b.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?b(f):b.event,h=b.Deferred(),g=b.Callbacks("once memory"),m=p.statusCode||{},y={},v={},x=0,T="canceled",N={readyState:0,getResponseHeader:function(e){var t;if(2===x){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===x?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return x||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return x||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>x)for(t in e)m[t]=[m[t],e[t]];else N.always(e[N.status]);return this},abort:function(e){var t=e||T;return l&&l.abort(t),k(0,t),this}};if(h.promise(N).complete=g.add,N.success=N.done,N.error=N.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=b.trim(p.dataType||"*").toLowerCase().match(w)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?80:443))==(mn[3]||("http:"===mn[1]?80:443)))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=b.param(p.data,p.traditional)),qn(An,p,n,N),2===x)return N;u=p.global,u&&0===b.active++&&b.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Cn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(b.lastModified[o]&&N.setRequestHeader("If-Modified-Since",b.lastModified[o]),b.etag[o]&&N.setRequestHeader("If-None-Match",b.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&N.setRequestHeader("Content-Type",p.contentType),N.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)N.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,N,p)===!1||2===x))return N.abort();T="abort";for(i in{success:1,error:1,complete:1})N[i](p[i]);if(l=qn(jn,p,n,N)){N.readyState=1,u&&d.trigger("ajaxSend",[N,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){N.abort("timeout")},p.timeout));try{x=1,l.send(y,k)}catch(C){if(!(2>x))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,C=n;2!==x&&(x=2,s&&clearTimeout(s),l=t,a=i||"",N.readyState=e>0?4:0,r&&(w=_n(p,N,r)),e>=200&&300>e||304===e?(p.ifModified&&(T=N.getResponseHeader("Last-Modified"),T&&(b.lastModified[o]=T),T=N.getResponseHeader("etag"),T&&(b.etag[o]=T)),204===e?(c=!0,C="nocontent"):304===e?(c=!0,C="notmodified"):(c=Fn(p,w),C=c.state,y=c.data,v=c.error,c=!v)):(v=C,(e||!C)&&(C="error",0>e&&(e=0))),N.status=e,N.statusText=(n||C)+"",c?h.resolveWith(f,[y,C,N]):h.rejectWith(f,[N,C,v]),N.statusCode(m),m=t,u&&d.trigger(c?"ajaxSuccess":"ajaxError",[N,p,c?y:v]),g.fireWith(f,[N,C]),u&&(d.trigger("ajaxComplete",[N,p]),--b.active||b.event.trigger("ajaxStop")))}return N},getScript:function(e,n){return b.get(e,t,n,"script")},getJSON:function(e,t,n){return b.get(e,t,n,"json")}});function _n(e,n,r){var i,o,a,s,u=e.contents,l=e.dataTypes,c=e.responseFields;for(s in c)s in r&&(n[c[s]]=r[s]);while("*"===l[0])l.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in u)if(u[s]&&u[s].test(o)){l.unshift(s);break}if(l[0]in r)a=l[0];else{for(s in r){if(!l[0]||e.converters[s+" "+l[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==l[0]&&l.unshift(a),r[a]):t}function Fn(e,t){var n,r,i,o,a={},s=0,u=e.dataTypes.slice(),l=u[0];if(e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u[1])for(i in e.converters)a[i.toLowerCase()]=e.converters[i];for(;r=u[++s];)if("*"!==r){if("*"!==l&&l!==r){if(i=a[l+" "+r]||a["* "+r],!i)for(n in a)if(o=n.split(" "),o[1]===r&&(i=a[l+" "+o[0]]||a["* "+o[0]])){i===!0?i=a[n]:a[n]!==!0&&(r=o[0],u.splice(s--,0,r));break}if(i!==!0)if(i&&e["throws"])t=i(t);else try{t=i(t)}catch(c){return{state:"parsererror",error:i?c:"No conversion from "+l+" to "+r}}}l=r}return{state:"success",data:t}}b.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return b.globalEval(e),e}}}),b.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),b.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=o.head||b("head")[0]||o.documentElement;return{send:function(t,i){n=o.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var On=[],Bn=/(=)\?(?=&|$)|\?\?/;b.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=On.pop()||b.expando+"_"+vn++;return this[e]=!0,e}}),b.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,u=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return u||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=b.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,u?n[u]=n[u].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||b.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,On.push(o)),s&&b.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}b.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=b.ajaxSettings.xhr(),b.support.cors=!!Rn&&"withCredentials"in Rn,Rn=b.support.ajax=!!Rn,Rn&&b.ajaxTransport(function(n){if(!n.crossDomain||b.support.cors){var r;return{send:function(i,o){var a,s,u=n.xhr();if(n.username?u.open(n.type,n.url,n.async,n.username,n.password):u.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)u[s]=n.xhrFields[s];n.mimeType&&u.overrideMimeType&&u.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)u.setRequestHeader(s,i[s])}catch(l){}u.send(n.hasContent&&n.data||null),r=function(e,i){var s,l,c,p;try{if(r&&(i||4===u.readyState))if(r=t,a&&(u.onreadystatechange=b.noop,$n&&delete Pn[a]),i)4!==u.readyState&&u.abort();else{p={},s=u.status,l=u.getAllResponseHeaders(),"string"==typeof u.responseText&&(p.text=u.responseText);try{c=u.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,l)},n.async?4===u.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},b(e).unload($n)),Pn[a]=r),u.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+x+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n,r,i=this.createTween(e,t),o=Yn.exec(t),a=i.cur(),s=+a||0,u=1,l=20;if(o){if(n=+o[2],r=o[3]||(b.cssNumber[e]?"":"px"),"px"!==r&&s){s=b.css(i.elem,e,!0)||n||1;do u=u||".5",s/=u,b.style(i.elem,e,s+r);while(u!==(u=i.cur()/a)&&1!==u&&--l)}i.unit=r,i.start=s,i.end=o[1]?s+(o[1]+1)*n:n}return i}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=b.now()}function Zn(e,t){b.each(t,function(t,n){var r=(Qn[t]||[]).concat(Qn["*"]),i=0,o=r.length;for(;o>i;i++)if(r[i].call(e,t,n))return})}function er(e,t,n){var r,i,o=0,a=Gn.length,s=b.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,a=0,u=l.tweens.length;for(;u>a;a++)l.tweens[a].run(o);return s.notifyWith(e,[l,o,n]),1>o&&u?n:(s.resolveWith(e,[l]),!1)},l=s.promise({elem:e,props:b.extend({},t),opts:b.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=b.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?s.resolveWith(e,[l,t]):s.rejectWith(e,[l,t]),this}}),c=l.props;for(tr(c,l.opts.specialEasing);a>o;o++)if(r=Gn[o].call(l,e,c,l.opts))return r;return Zn(l,c),b.isFunction(l.opts.start)&&l.opts.start.call(e,l),b.fx.timer(b.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function tr(e,t){var n,r,i,o,a;for(i in e)if(r=b.camelCase(i),o=t[r],n=e[i],b.isArray(n)&&(o=n[1],n=e[i]=n[0]),i!==r&&(e[r]=n,delete e[i]),a=b.cssHooks[r],a&&"expand"in a){n=a.expand(n),delete e[r];for(i in n)i in e||(e[i]=n[i],t[i]=o)}else t[r]=o}b.Animation=b.extend(er,{tweener:function(e,t){b.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,u,l,c,p,f=this,d=e.style,h={},g=[],m=e.nodeType&&nn(e);n.queue||(c=b._queueHooks(e,"fx"),null==c.unqueued&&(c.unqueued=0,p=c.empty.fire,c.empty.fire=function(){c.unqueued||p()}),c.unqueued++,f.always(function(){f.always(function(){c.unqueued--,b.queue(e,"fx").length||c.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[d.overflow,d.overflowX,d.overflowY],"inline"===b.css(e,"display")&&"none"===b.css(e,"float")&&(b.support.inlineBlockNeedsLayout&&"inline"!==un(e.nodeName)?d.zoom=1:d.display="inline-block")),n.overflow&&(d.overflow="hidden",b.support.shrinkWrapBlocks||f.always(function(){d.overflow=n.overflow[0],d.overflowX=n.overflow[1],d.overflowY=n.overflow[2]}));for(i in t)if(a=t[i],Vn.exec(a)){if(delete t[i],u=u||"toggle"===a,a===(m?"hide":"show"))continue;g.push(i)}if(o=g.length){s=b._data(e,"fxshow")||b._data(e,"fxshow",{}),"hidden"in s&&(m=s.hidden),u&&(s.hidden=!m),m?b(e).show():f.done(function(){b(e).hide()}),f.done(function(){var t;b._removeData(e,"fxshow");for(t in h)b.style(e,t,h[t])});for(i=0;o>i;i++)r=g[i],l=f.createTween(r,m?s[r]:0),h[r]=s[r]||b.style(e,r),r in s||(s[r]=l.start,m&&(l.end=l.start,l.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}b.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(b.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?b.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=b.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){b.fx.step[e.prop]?b.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[b.cssProps[e.prop]]||b.cssHooks[e.prop])?b.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},b.each(["toggle","show","hide"],function(e,t){var n=b.fn[t];b.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),b.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=b.isEmptyObject(e),o=b.speed(t,n,r),a=function(){var t=er(this,b.extend({},e),o);a.finish=function(){t.stop(!0)},(i||b._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=b.timers,a=b._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&b.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=b._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=b.timers,a=r?r.length:0;for(n.finish=!0,b.queue(this,e,[]),i&&i.cur&&i.cur.finish&&i.cur.finish.call(this),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}b.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){b.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),b.speed=function(e,t,n){var r=e&&"object"==typeof e?b.extend({},e):{complete:n||!n&&t||b.isFunction(e)&&e,duration:e,easing:n&&t||t&&!b.isFunction(t)&&t};return r.duration=b.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in b.fx.speeds?b.fx.speeds[r.duration]:b.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){b.isFunction(r.old)&&r.old.call(this),r.queue&&b.dequeue(this,r.queue)},r},b.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},b.timers=[],b.fx=rr.prototype.init,b.fx.tick=function(){var e,n=b.timers,r=0;for(Xn=b.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||b.fx.stop(),Xn=t},b.fx.timer=function(e){e()&&b.timers.push(e)&&b.fx.start()},b.fx.interval=13,b.fx.start=function(){Un||(Un=setInterval(b.fx.tick,b.fx.interval))},b.fx.stop=function(){clearInterval(Un),Un=null},b.fx.speeds={slow:600,fast:200,_default:400},b.fx.step={},b.expr&&b.expr.filters&&(b.expr.filters.animated=function(e){return b.grep(b.timers,function(t){return e===t.elem}).length}),b.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){b.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,b.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},b.offset={setOffset:function(e,t,n){var r=b.css(e,"position");"static"===r&&(e.style.position="relative");var i=b(e),o=i.offset(),a=b.css(e,"top"),s=b.css(e,"left"),u=("absolute"===r||"fixed"===r)&&b.inArray("auto",[a,s])>-1,l={},c={},p,f;u?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),b.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(l.top=t.top-o.top+p),null!=t.left&&(l.left=t.left-o.left+f),"using"in t?t.using.call(e,l):i.css(l)}},b.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===b.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),b.nodeName(e[0],"html")||(n=e.offset()),n.top+=b.css(e[0],"borderTopWidth",!0),n.left+=b.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-b.css(r,"marginTop",!0),left:t.left-n.left-b.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||o.documentElement;while(e&&!b.nodeName(e,"html")&&"static"===b.css(e,"position"))e=e.offsetParent;return e||o.documentElement})}}),b.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);b.fn[e]=function(i){return b.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?b(a).scrollLeft():o,r?o:b(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return b.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}b.each({Height:"height",Width:"width"},function(e,n){b.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){b.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return b.access(this,function(n,r,i){var o;return b.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?b.css(n,r,s):b.style(n,r,i,s)},n,a?i:t,a,null)}})}),e.jQuery=e.$=b,"function"==typeof define&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return b})})(window);
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//"use strict";
+var
+	// The deferred used on DOM ready
+	readyList,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// Support: IE<9
+	// For `typeof node.method` instead of `node.method !== undefined`
+	core_strundefined = typeof undefined,
+
+	// Use the correct document accordingly with window argument (sandbox)
+	document = window.document,
+	location = window.location,
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// [[Class]] -> type pairs
+	class2type = {},
+
+	// List of deleted data cache ids, so we can reuse them
+	core_deletedIds = [],
+
+	core_version = "1.9.1",
+
+	// Save a reference to some core methods
+	core_concat = core_deletedIds.concat,
+	core_push = core_deletedIds.push,
+	core_slice = core_deletedIds.slice,
+	core_indexOf = core_deletedIds.indexOf,
+	core_toString = class2type.toString,
+	core_hasOwn = class2type.hasOwnProperty,
+	core_trim = core_version.trim,
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Used for matching numbers
+	core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+
+	// Used for splitting on whitespace
+	core_rnotwhite = /\S+/g,
+
+	// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	},
+
+	// The ready event handler
+	completed = function( event ) {
+
+		// readyState === "complete" is good enough for us to call the dom ready in oldIE
+		if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+			detach();
+			jQuery.ready();
+		}
+	},
+	// Clean-up method for dom ready events
+	detach = function() {
+		if ( document.addEventListener ) {
+			document.removeEventListener( "DOMContentLoaded", completed, false );
+			window.removeEventListener( "load", completed, false );
+
+		} else {
+			document.detachEvent( "onreadystatechange", completed );
+			window.detachEvent( "onload", completed );
+		}
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: core_version,
+
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	// The number of elements contained in the matched element set
+	size: function() {
+		return this.length;
+	},
+
+	toArray: function() {
+		return core_slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Add the callback
+		jQuery.ready.promise().done( fn );
+
+		return this;
+	},
+
+	slice: function() {
+		return this.pushStack( core_slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: core_push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	noConflict: function( deep ) {
+		if ( window.$ === jQuery ) {
+			window.$ = _$;
+		}
+
+		if ( deep && window.jQuery === jQuery ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( !document.body ) {
+			return setTimeout( jQuery.ready );
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.trigger ) {
+			jQuery( document ).trigger("ready").off("ready");
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	isWindow: function( obj ) {
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		return !isNaN( parseFloat(obj) ) && isFinite( obj );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return String( obj );
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ core_toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	isPlainObject: function( obj ) {
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!core_hasOwn.call(obj, "constructor") &&
+				!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+				return false;
+			}
+		} catch ( e ) {
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+
+		var key;
+		for ( key in obj ) {}
+
+		return key === undefined || core_hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	// data: string of html
+	// context (optional): If specified, the fragment will be created in this context, defaults to document
+	// keepScripts (optional): If true, will include scripts passed in the html string
+	parseHTML: function( data, context, keepScripts ) {
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		if ( typeof context === "boolean" ) {
+			keepScripts = context;
+			context = false;
+		}
+		context = context || document;
+
+		var parsed = rsingleTag.exec( data ),
+			scripts = !keepScripts && [];
+
+		// Single tag
+		if ( parsed ) {
+			return [ context.createElement( parsed[1] ) ];
+		}
+
+		parsed = jQuery.buildFragment( [ data ], context, scripts );
+		if ( scripts ) {
+			jQuery( scripts ).remove();
+		}
+		return jQuery.merge( [], parsed.childNodes );
+	},
+
+	parseJSON: function( data ) {
+		// Attempt to parse using the native JSON parser first
+		if ( window.JSON && window.JSON.parse ) {
+			return window.JSON.parse( data );
+		}
+
+		if ( data === null ) {
+			return data;
+		}
+
+		if ( typeof data === "string" ) {
+
+			// Make sure leading/trailing whitespace is removed (IE can't handle it)
+			data = jQuery.trim( data );
+
+			if ( data ) {
+				// Make sure the incoming data is actual JSON
+				// Logic borrowed from http://json.org/json2.js
+				if ( rvalidchars.test( data.replace( rvalidescape, "@" )
+					.replace( rvalidtokens, "]" )
+					.replace( rvalidbraces, "")) ) {
+
+					return ( new Function( "return " + data ) )();
+				}
+			}
+		}
+
+		jQuery.error( "Invalid JSON: " + data );
+	},
+
+	// Cross-browser xml parsing
+	parseXML: function( data ) {
+		var xml, tmp;
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		try {
+			if ( window.DOMParser ) { // Standard
+				tmp = new DOMParser();
+				xml = tmp.parseFromString( data , "text/xml" );
+			} else { // IE
+				xml = new ActiveXObject( "Microsoft.XMLDOM" );
+				xml.async = "false";
+				xml.loadXML( data );
+			}
+		} catch( e ) {
+			xml = undefined;
+		}
+		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evaluates a script in a global context
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data );
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
+		function( text ) {
+			return text == null ?
+				"" :
+				core_trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				( text + "" ).replace( rtrim, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				core_push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( core_indexOf ) {
+				return core_indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var l = second.length,
+			i = first.length,
+			j = 0;
+
+		if ( typeof l === "number" ) {
+			for ( ; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var retVal,
+			ret = [],
+			i = 0,
+			length = elems.length;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return core_concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = core_slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	// Multifunctional method to get and set values of a collection
+	// The value/s can optionally be executed if it's a function
+	access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
+		var i = 0,
+			length = elems.length,
+			bulk = key == null;
+
+		// Sets many values
+		if ( jQuery.type( key ) === "object" ) {
+			chainable = true;
+			for ( i in key ) {
+				jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+			}
+
+		// Sets one value
+		} else if ( value !== undefined ) {
+			chainable = true;
+
+			if ( !jQuery.isFunction( value ) ) {
+				raw = true;
+			}
+
+			if ( bulk ) {
+				// Bulk operations run against the entire set
+				if ( raw ) {
+					fn.call( elems, value );
+					fn = null;
+
+				// ...except when executing function values
+				} else {
+					bulk = fn;
+					fn = function( elem, key, value ) {
+						return bulk.call( jQuery( elem ), value );
+					};
+				}
+			}
+
+			if ( fn ) {
+				for ( ; i < length; i++ ) {
+					fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+				}
+			}
+		}
+
+		return chainable ?
+			elems :
+
+			// Gets
+			bulk ?
+				fn.call( elems ) :
+				length ? fn( elems[0], key ) : emptyGet;
+	},
+
+	now: function() {
+		return ( new Date() ).getTime();
+	}
+});
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+		} else if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+
+		// If IE event model is used
+		} else {
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch(e) {}
+
+			if ( top && top.doScroll ) {
+				(function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll("left");
+						} catch(e) {
+							return setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				})();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+		type = jQuery.type( obj );
+
+	if ( jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || type !== "function" &&
+		( length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj );
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+		// Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				args = args || [];
+				args = [ context, args.slice ? args.slice() : args ];
+				if ( list && ( !fired || stack ) ) {
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var action = tuple[ 0 ],
+								fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = core_slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
+					if( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+jQuery.support = (function() {
+
+	var support, all, a,
+		input, select, fragment,
+		opt, eventName, isSupported, i,
+		div = document.createElement("div");
+
+	// Setup
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// Support tests won't run in some limited or non-browser environments
+	all = div.getElementsByTagName("*");
+	a = div.getElementsByTagName("a")[ 0 ];
+	if ( !all || !a || !all.length ) {
+		return {};
+	}
+
+	// First batch of tests
+	select = document.createElement("select");
+	opt = select.appendChild( document.createElement("option") );
+	input = div.getElementsByTagName("input")[ 0 ];
+
+	a.style.cssText = "top:1px;float:left;opacity:.5";
+	support = {
+		// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+		getSetAttribute: div.className !== "t",
+
+		// IE strips leading whitespace when .innerHTML is used
+		leadingWhitespace: div.firstChild.nodeType === 3,
+
+		// Make sure that tbody elements aren't automatically inserted
+		// IE will insert them into empty tables
+		tbody: !div.getElementsByTagName("tbody").length,
+
+		// Make sure that link elements get serialized correctly by innerHTML
+		// This requires a wrapper element in IE
+		htmlSerialize: !!div.getElementsByTagName("link").length,
+
+		// Get the style information from getAttribute
+		// (IE uses .cssText instead)
+		style: /top/.test( a.getAttribute("style") ),
+
+		// Make sure that URLs aren't manipulated
+		// (IE normalizes it by default)
+		hrefNormalized: a.getAttribute("href") === "/a",
+
+		// Make sure that element opacity exists
+		// (IE uses filter instead)
+		// Use a regex to work around a WebKit issue. See #5145
+		opacity: /^0.5/.test( a.style.opacity ),
+
+		// Verify style float existence
+		// (IE uses styleFloat instead of cssFloat)
+		cssFloat: !!a.style.cssFloat,
+
+		// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+		checkOn: !!input.value,
+
+		// Make sure that a selected-by-default option has a working selected property.
+		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+		optSelected: opt.selected,
+
+		// Tests for enctype support on a form (#6743)
+		enctype: !!document.createElement("form").enctype,
+
+		// Makes sure cloning an html5 element does not cause problems
+		// Where outerHTML is undefined, this still works
+		html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>",
+
+		// jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode
+		boxModel: document.compatMode === "CSS1Compat",
+
+		// Will be defined later
+		deleteExpando: true,
+		noCloneEvent: true,
+		inlineBlockNeedsLayout: false,
+		shrinkWrapBlocks: false,
+		reliableMarginRight: true,
+		boxSizingReliable: true,
+		pixelPosition: false
+	};
+
+	// Make sure checked status is properly cloned
+	input.checked = true;
+	support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE<9
+	try {
+		delete div.test;
+	} catch( e ) {
+		support.deleteExpando = false;
+	}
+
+	// Check if we can trust getAttribute("value")
+	input = document.createElement("input");
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	input.setAttribute( "checked", "t" );
+	input.setAttribute( "name", "t" );
+
+	fragment = document.createDocumentFragment();
+	fragment.appendChild( input );
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	support.appendChecked = input.checked;
+
+	// WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Opera does not clone events (and typeof div.attachEvent === undefined).
+	// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+	if ( div.attachEvent ) {
+		div.attachEvent( "onclick", function() {
+			support.noCloneEvent = false;
+		});
+
+		div.cloneNode( true ).click();
+	}
+
+	// Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
+	// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP), test/csp.php
+	for ( i in { submit: true, change: true, focusin: true }) {
+		div.setAttribute( eventName = "on" + i, "t" );
+
+		support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
+	}
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	// Run tests that need a body at doc ready
+	jQuery(function() {
+		var container, marginDiv, tds,
+			divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
+			body = document.getElementsByTagName("body")[0];
+
+		if ( !body ) {
+			// Return for frameset docs that don't have a body
+			return;
+		}
+
+		container = document.createElement("div");
+		container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
+
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE8
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+		tds = div.getElementsByTagName("td");
+		tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
+		isSupported = ( tds[ 0 ].offsetHeight === 0 );
+
+		tds[ 0 ].style.display = "";
+		tds[ 1 ].style.display = "none";
+
+		// Support: IE8
+		// Check if empty table cells still have offsetWidth/Height
+		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
+
+		// Check box-sizing and margin behavior
+		div.innerHTML = "";
+		div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
+		support.boxSizing = ( div.offsetWidth === 4 );
+		support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 );
+
+		// Use window.getComputedStyle because jsdom on node.js will break without it.
+		if ( window.getComputedStyle ) {
+			support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+			support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+			// Check if div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container. (#3333)
+			// Fails in WebKit before Feb 2011 nightlies
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			marginDiv = div.appendChild( document.createElement("div") );
+			marginDiv.style.cssText = div.style.cssText = divReset;
+			marginDiv.style.marginRight = marginDiv.style.width = "0";
+			div.style.width = "1px";
+
+			support.reliableMarginRight =
+				!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
+		}
+
+		if ( typeof div.style.zoom !== core_strundefined ) {
+			// Support: IE<8
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			div.innerHTML = "";
+			div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
+			support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
+
+			// Support: IE6
+			// Check if elements with layout shrink-wrap their children
+			div.style.display = "block";
+			div.innerHTML = "<div></div>";
+			div.firstChild.style.width = "5px";
+			support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
+
+			if ( support.inlineBlockNeedsLayout ) {
+				// Prevent IE 6 from affecting layout for positioned elements #11048
+				// Prevent IE from shrinking the body in IE 7 mode #12869
+				// Support: IE<8
+				body.style.zoom = 1;
+			}
+		}
+
+		body.removeChild( container );
+
+		// Null elements to avoid leaks in IE
+		container = div = tds = marginDiv = null;
+	});
+
+	// Null elements to avoid leaks in IE
+	all = select = fragment = opt = a = input = null;
+
+	return support;
+})();
+
+var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ){
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, ret,
+		internalKey = jQuery.expando,
+		getByName = typeof name === "string",
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) {
+		return;
+	}
+
+	if ( !id ) {
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			elem[ internalKey ] = id = core_deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+		cache[ id ] = {};
+
+		// Avoids exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		if ( !isNode ) {
+			cache[ id ].toJSON = jQuery.noop;
+		}
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( getByName ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var i, l, thisCache,
+		isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split(" ");
+					}
+				}
+			} else {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			for ( i = 0, l = name.length; i < l; i++ ) {
+				delete thisCache[ name[i] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
+		delete cache[ id ];
+
+	// When all else fails, null
+	} else {
+		cache[ id ] = null;
+	}
+}
+
+jQuery.extend({
+	cache: {},
+
+	// Unique for each copy of jQuery on the page
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
+		"applet": true
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		// Do not set data on non-element because it will not be cleared (#8335).
+		if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
+			return false;
+		}
+
+		var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+		// nodes accept data unless otherwise specified; rejection can be conditional
+		return !noData || noData !== true && elem.getAttribute("classid") === noData;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var attrs, name,
+			elem = this[0],
+			i = 0,
+			data = null;
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					attrs = elem.attributes;
+					for ( ; i < attrs.length; i++ ) {
+						name = attrs[i].name;
+
+						if ( !name.indexOf( "data-" ) ) {
+							name = jQuery.camelCase( name.slice(5) );
+
+							dataAttr( elem, name, data[ name ] );
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		return jQuery.access( this, function( value ) {
+
+			if ( value === undefined ) {
+				// Try to fetch any internally stored data first
+				return elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
+			}
+
+			this.each(function() {
+				jQuery.data( this, key, value );
+			});
+		}, null, value, arguments.length > 1, null, true );
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+						data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray(data) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		hooks.cur = fn;
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function( next, hooks ) {
+			var timeout = setTimeout( next, time );
+			hooks.stop = function() {
+				clearTimeout( timeout );
+			};
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var nodeHook, boolHook,
+	rclass = /[\t\r\n]/g,
+	rreturn = /\r/g,
+	rfocusable = /^(?:input|select|textarea|button|object)$/i,
+	rclickable = /^(?:a|area)$/i,
+	rboolean = /^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,
+	ruseDefault = /^(?:checked|selected)$/i,
+	getSetAttribute = jQuery.support.getSetAttribute,
+	getSetInput = jQuery.support.input;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	},
+
+	prop: function( name, value ) {
+		return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each(function() {
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch( e ) {}
+		});
+	},
+
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+					elem.className = jQuery.trim( cur );
+
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = arguments.length === 0 || typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+					elem.className = value ? jQuery.trim( cur ) : "";
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value,
+			isBool = typeof stateVal === "boolean";
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					state = stateVal,
+					classNames = value.match( core_rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					state = isBool ? state : !self.hasClass( className );
+					self[ state ? "addClass" : "removeClass" ]( className );
+				}
+
+			// Toggle whole class name
+			} else if ( type === core_strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		var ret, hooks, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val,
+				self = jQuery(this);
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, self.val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map(val, function ( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				// attributes.value is undefined in Blackberry 4.7 but
+				// uses .value. See #6932
+				var val = elem.attributes.value;
+				return !val || val.specified ? elem.value : elem.text;
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var values = jQuery.makeArray( value );
+
+				jQuery(elem).find("option").each(function() {
+					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
+				});
+
+				if ( !values.length ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	},
+
+	attr: function( elem, name, value ) {
+		var hooks, notxml, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === core_strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( notxml ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && notxml && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && notxml && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+
+			// In IE9+, Flash objects don't have .getAttribute (#12945)
+			// Support: IE9+
+			if ( typeof elem.getAttribute !== core_strundefined ) {
+				try{ ret =  elem.getAttribute( name ); }catch( ex ){}
+			}
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( core_rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( rboolean.test( name ) ) {
+					// Set corresponding property to false for boolean attributes
+					// Also clear defaultChecked/defaultSelected (if appropriate) for IE<8
+					if ( !getSetAttribute && ruseDefault.test( name ) ) {
+						elem[ jQuery.camelCase( "default-" + name ) ] =
+							elem[ propName ] = false;
+					} else {
+						elem[ propName ] = false;
+					}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+				} else {
+					jQuery.attr( elem, name, "" );
+				}
+
+				elem.removeAttribute( getSetAttribute ? name : propName );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	propFix: {
+		tabindex: "tabIndex",
+		readonly: "readOnly",
+		"for": "htmlFor",
+		"class": "className",
+		maxlength: "maxLength",
+		cellspacing: "cellSpacing",
+		cellpadding: "cellPadding",
+		rowspan: "rowSpan",
+		colspan: "colSpan",
+		usemap: "useMap",
+		frameborder: "frameBorder",
+		contenteditable: "contentEditable"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				return ( elem[ name ] = value );
+			}
+
+		} else {
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+				return ret;
+
+			} else {
+				return elem[ name ];
+			}
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				var attributeNode = elem.getAttributeNode("tabindex");
+
+				return attributeNode && attributeNode.specified ?
+					parseInt( attributeNode.value, 10 ) :
+					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+						0 :
+						undefined;
+			}
+		}
+	}
+});
+
+// Hook for boolean attributes
+boolHook = {
+	get: function( elem, name ) {
+		var
+			// Use .prop to determine if this attribute is understood as boolean
+			prop = jQuery.prop( elem, name ),
+
+			// Fetch it accordingly
+			attr = typeof prop === "boolean" && elem.getAttribute( name ),
+			detail = typeof prop === "boolean" ?
+
+				getSetInput && getSetAttribute ?
+					attr != null :
+					// oldIE fabricates an empty string for missing boolean attributes
+					// and conflates checked/selected into attroperties
+					ruseDefault.test( name ) ?
+						elem[ jQuery.camelCase( "default-" + name ) ] :
+						!!attr :
+
+				// fetch an attribute node for properties not recognized as boolean
+				elem.getAttributeNode( name );
+
+		return detail && detail.value !== false ?
+			name.toLowerCase() :
+			undefined;
+	},
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		// Use defaultChecked and defaultSelected for oldIE
+		} else {
+			elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+		}
+
+		return name;
+	}
+};
+
+// fix oldIE value attroperty
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			return jQuery.nodeName( elem, "input" ) ?
+
+				// Ignore the value *property* by using defaultValue
+				elem.defaultValue :
+
+				ret && ret.specified ? ret.value : undefined;
+		},
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = jQuery.valHooks.button = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			return ret && ( name === "id" || name === "name" || name === "coords" ? ret.value !== "" : ret.specified ) ?
+				ret.value :
+				undefined;
+		},
+		set: function( elem, value, name ) {
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					(ret = elem.ownerDocument.createAttribute( name ))
+				);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			return name === "value" || value === elem.getAttribute( name ) ?
+				value :
+				undefined;
+		}
+	};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		get: nodeHook.get,
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each([ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		});
+	});
+}
+
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !jQuery.support.hrefNormalized ) {
+	jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
+			get: function( elem ) {
+				var ret = elem.getAttribute( name, 2 );
+				return ret == null ? undefined : ret;
+			}
+		});
+	});
+
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each([ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	});
+}
+
+if ( !jQuery.support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case senstitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+// Safari mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !jQuery.support.optSelected ) {
+	jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	});
+}
+
+// IE6/7 call enctype encoding
+if ( !jQuery.support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+// Radios and checkboxes getter/setter
+if ( !jQuery.support.checkOn ) {
+	jQuery.each([ "radio", "checkbox" ], function() {
+		jQuery.valHooks[ this ] = {
+			get: function( elem ) {
+				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
+				return elem.getAttribute("value") === null ? "on" : elem.value;
+			}
+		};
+	});
+}
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	});
+});
+var rformElems = /^(?:input|select|textarea)$/i,
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+			special, eventHandle, handleObj,
+			handlers, type, namespaces, origType,
+			elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
+					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		// jQuery(...).bind("mouseover mouseout", fn);
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+			origCount, t, events,
+			special, handlers, type,
+			namespaces, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+			bubbleType, special, tmp, i,
+			eventPath = [ elem || document ],
+			type = core_hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		event.isTrigger = true;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
+				event.preventDefault();
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
+				!(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, ret, handleObj, matched, j,
+			handlerQueue = [],
+			args = core_slice.call( arguments ),
+			handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var sel, handleObj, matches, i,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Chrome 23+, Safari?
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+				button = original.button,
+				fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			}
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== document.activeElement && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === document.activeElement && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Even when returnValue equals to undefined Firefox will still show alert
+				if ( event.result !== undefined ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{ type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		var name = "on" + type;
+
+		if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event, to properly expose it to GC
+			if ( typeof elem[ name ] === core_strundefined ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+		if ( !e ) {
+			return;
+		}
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// IE submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+				if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submit_bubble = true;
+					});
+					jQuery._data( form, "submitBubbles", true );
+				}
+			});
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submit_bubble ) {
+				delete event._submit_bubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event, true );
+				}
+			}
+		},
+
+		teardown: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !jQuery.support.changeBubbles ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._just_changed = true;
+						}
+					});
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._just_changed && !event.isTrigger ) {
+							this._just_changed = false;
+						}
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event, true );
+					});
+				}
+				return false;
+			}
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event, true );
+						}
+					});
+					jQuery._data( elem, "changeBubbles", true );
+				}
+			});
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Create "bubbling" focus and blur events
+if ( !jQuery.support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler while someone wants focusin/focusout
+		var attaches = 0,
+			handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				if ( attaches++ === 0 ) {
+					document.addEventListener( orig, handler, true );
+				}
+			},
+			teardown: function() {
+				if ( --attaches === 0 ) {
+					document.removeEventListener( orig, handler, true );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var type, origFn;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+/*!
+ * Sizzle CSS Selector Engine
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://sizzlejs.com/
+ */
+(function( window, undefined ) {
+
+var i,
+	cachedruns,
+	Expr,
+	getText,
+	isXML,
+	compile,
+	hasDuplicate,
+	outermostContext,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsXML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+	sortOrder,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	support = {},
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Array methods
+	arr = [],
+	pop = arr.pop,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+			len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+	operators = "([*^$|!~]?=)",
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
+		"*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+
+	// Prefer arguments quoted,
+	//   then not containing pseudos/brackets,
+	//   then attribute selectors/non-parenthetical expressions,
+	//   then anything else
+	// These preferences are here to reduce the number of selectors
+	//   needing tokenize in the PSEUDO preFilter
+	pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ),
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"NAME": new RegExp( "^\\[name=['\"]?(" + characterEncoding + ")['\"]?\\]" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rsibling = /[\x20\t\r\n\f]*[+~]/,
+
+	rnative = /^[^{]+\{\s*\[native code/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rescape = /'|\\/g,
+	rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = /\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,
+	funescape = function( _, escaped ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		return high !== high ?
+			escaped :
+			// BMP codepoint
+			high < 0 ?
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	};
+
+// Use a stripped-down slice if we can't use a native one
+try {
+	slice.call( preferredDoc.documentElement.childNodes, 0 )[0].nodeType;
+} catch ( e ) {
+	slice = function( i ) {
+		var elem,
+			results = [];
+		while ( (elem = this[i++]) ) {
+			results.push( elem );
+		}
+		return results;
+	};
+}
+
+/**
+ * For feature detection
+ * @param {Function} fn The function to test for native support
+ */
+function isNative( fn ) {
+	return rnative.test( fn + "" );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var cache,
+		keys = [];
+
+	return (cache = function( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key += " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key ] = value);
+	});
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// release memory in IE
+		div = null;
+	}
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+		return [];
+	}
+
+	if ( !documentIsXML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, slice.call(context.getElementsByTagName( selector ), 0) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getByClassName && context.getElementsByClassName ) {
+				push.apply( results, slice.call(context.getElementsByClassName( m ), 0) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && !rbuggyQSA.test(selector) ) {
+			old = true;
+			nid = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && context.parentNode || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results, slice.call( newContext.querySelectorAll(
+						newSelector
+					), 0 ) );
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Detect xml
+ * @param {Element|Object} elem An element or a document
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var doc = node ? node.ownerDocument || node : preferredDoc;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsXML = isXML( doc );
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.tagNameNoComments = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if attributes should be retrieved by attribute nodes
+	support.attributes = assert(function( div ) {
+		div.innerHTML = "<select></select>";
+		var type = typeof div.lastChild.getAttribute("multiple");
+		// IE8 returns a string for some attributes even when not present
+		return type !== "boolean" && type !== "string";
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getByClassName = assert(function( div ) {
+		// Opera can't find a second classname (in 9.6)
+		div.innerHTML = "<div class='hidden e'></div><div class='hidden'></div>";
+		if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) {
+			return false;
+		}
+
+		// Safari 3.2 caches class attributes and doesn't catch changes
+		div.lastChild.className = "e";
+		return div.getElementsByClassName("e").length === 2;
+	});
+
+	// Check if getElementById returns elements by name
+	// Check if getElementsByName privileges form controls or returns elements by ID
+	support.getByName = assert(function( div ) {
+		// Inject content
+		div.id = expando + 0;
+		div.innerHTML = "<a name='" + expando + "'></a><div name='" + expando + "'></div>";
+		docElem.insertBefore( div, docElem.firstChild );
+
+		// Test
+		var pass = doc.getElementsByName &&
+			// buggy browsers will return fewer than the correct 2
+			doc.getElementsByName( expando ).length === 2 +
+			// buggy browsers will return more than the correct 0
+			doc.getElementsByName( expando + 0 ).length;
+		support.getIdNotName = !doc.getElementById( expando );
+
+		// Cleanup
+		docElem.removeChild( div );
+
+		return pass;
+	});
+
+	// IE6/7 return modified attributes
+	Expr.attrHandle = assert(function( div ) {
+		div.innerHTML = "<a href='#'></a>";
+		return div.firstChild && typeof div.firstChild.getAttribute !== strundefined &&
+			div.firstChild.getAttribute("href") === "#";
+	}) ?
+		{} :
+		{
+			"href": function( elem ) {
+				return elem.getAttribute( "href", 2 );
+			},
+			"type": function( elem ) {
+				return elem.getAttribute("type");
+			}
+		};
+
+	// ID find and filter
+	if ( support.getIdNotName ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && !documentIsXML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && !documentIsXML ) {
+				var m = context.getElementById( id );
+
+				return m ?
+					m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ?
+						[m] :
+						undefined :
+					[];
+			}
+		};
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.tagNameNoComments ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== strundefined ) {
+				return context.getElementsByTagName( tag );
+			}
+		} :
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Name
+	Expr.find["NAME"] = support.getByName && function( tag, context ) {
+		if ( typeof context.getElementsByName !== strundefined ) {
+			return context.getElementsByName( name );
+		}
+	};
+
+	// Class
+	Expr.find["CLASS"] = support.getByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && !documentIsXML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21),
+	// no need to also add to buggyMatches since matches checks buggyQSA
+	// A support test would require too much code (would include document ready)
+	rbuggyQSA = [ ":focus" ];
+
+	if ( (support.qsa = isNative(doc.querySelectorAll)) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explictly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select><option selected=''></option></select>";
+
+			// IE8 - Some boolean attributes are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+
+			// Opera 10-12/IE8 - ^= $= *= and empty values
+			// Should not select anything
+			div.innerHTML = "<input type='hidden' i=''/>";
+			if ( div.querySelectorAll("[i^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = isNative( (matches = docElem.matchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.webkitMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = new RegExp( rbuggyMatches.join("|") );
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = isNative(docElem.contains) || docElem.compareDocumentPosition ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	// Document order sorting
+	sortOrder = docElem.compareDocumentPosition ?
+	function( a, b ) {
+		var compare;
+
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		if ( (compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b )) ) {
+			if ( compare & 1 || a.parentNode && a.parentNode.nodeType === 11 ) {
+				if ( a === doc || contains( preferredDoc, a ) ) {
+					return -1;
+				}
+				if ( b === doc || contains( preferredDoc, b ) ) {
+					return 1;
+				}
+				return 0;
+			}
+			return compare & 4 ? -1 : 1;
+		}
+
+		return a.compareDocumentPosition ? -1 : 1;
+	} :
+	function( a, b ) {
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// Parentless nodes are either documents or disconnected
+		} else if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	// Always assume the presence of duplicates if sort doesn't
+	// pass them to our comparison function (as in Google Chrome).
+	hasDuplicate = false;
+	[0, 0].sort( sortOrder );
+	support.detectDuplicates = hasDuplicate;
+
+	return document;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	// rbuggyQSA always contains :focus, so no need for an existence check
+	if ( support.matchesSelector && !documentIsXML && (!rbuggyMatches || !rbuggyMatches.test(expr)) && !rbuggyQSA.test(expr) ) {
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch(e) {}
+	}
+
+	return Sizzle( expr, document, null, [elem] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	var val;
+
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	if ( !documentIsXML ) {
+		name = name.toLowerCase();
+	}
+	if ( (val = Expr.attrHandle[ name ]) ) {
+		return val( elem );
+	}
+	if ( documentIsXML || support.attributes ) {
+		return elem.getAttribute( name );
+	}
+	return ( (val = elem.getAttributeNode( name )) || elem.getAttribute( name ) ) && elem[ name ] === true ?
+		name :
+		val && val.specified ? val.value : null;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+// Document sorting and removing duplicates
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		i = 1,
+		j = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		for ( ; (elem = results[i]); i++ ) {
+			if ( elem === results[ i - 1 ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	return results;
+};
+
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && ( ~b.sourceIndex || MAX_NEGATIVE ) - ( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+// Returns a function to use in pseudos for input types
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+// Returns a function to use in pseudos for buttons
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+// Returns a function to use in pseudos for positionals
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		for ( ; (node = elem[i]); i++ ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (see #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[5] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[4] ) {
+				match[2] = match[4];
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeName ) {
+			if ( nodeName === "*" ) {
+				return function() { return true; };
+			}
+
+			nodeName = nodeName.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+			};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute("class")) || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifider
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsXML ?
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang") :
+						elem.lang) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+			//   not comment, processing instructions, or others
+			// Thanks to Diego Perini for the nodeName shortcut
+			//   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+			// use getAttribute instead to test this case
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+function tokenize( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( tokens = [] );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push( {
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			} );
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push( {
+					value: matched,
+					type: type,
+					matches: match
+				} );
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+}
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var data, cache, outerCache,
+				dirkey = dirruns + " " + doneName;
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
+							if ( (data = cache[1]) === true || data === cachedruns ) {
+								return data === true;
+							}
+						} else {
+							cache = outerCache[ dir ] = [ dirkey ];
+							cache[1] = matcher( elem, context, xml ) || cachedruns;
+							if ( cache[1] === true ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector( tokens.slice( 0, i - 1 ) ).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	// A counter to specify which element is currently being matched
+	var matcherCachedRuns = 0,
+		bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, expandContext ) {
+			var elem, j, matcher,
+				setMatched = [],
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				outermost = expandContext != null,
+				contextBackup = outermostContext,
+				// We must always have either seed elements or context
+				elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+				cachedruns = matcherCachedRuns;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			for ( ; (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+						cachedruns = ++matcherCachedRuns;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !group ) {
+			group = tokenize( selector );
+		}
+		i = group.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( group[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+	}
+	return cached;
+};
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function select( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		match = tokenize( selector );
+
+	if ( !seed ) {
+		// Try to minimize operations if there is only one group
+		if ( match.length === 1 ) {
+
+			// Take a shortcut and set the context if the root selector is an ID
+			tokens = match[0] = match[0].slice( 0 );
+			if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+					context.nodeType === 9 && !documentIsXML &&
+					Expr.relative[ tokens[1].type ] ) {
+
+				context = Expr.find["ID"]( token.matches[0].replace( runescape, funescape ), context )[0];
+				if ( !context ) {
+					return results;
+				}
+
+				selector = selector.slice( tokens.shift().value.length );
+			}
+
+			// Fetch a seed set for right-to-left matching
+			i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+			while ( i-- ) {
+				token = tokens[i];
+
+				// Abort if we hit a combinator
+				if ( Expr.relative[ (type = token.type) ] ) {
+					break;
+				}
+				if ( (find = Expr.find[ type ]) ) {
+					// Search, expanding context for leading sibling combinators
+					if ( (seed = find(
+						token.matches[0].replace( runescape, funescape ),
+						rsibling.test( tokens[0].type ) && context.parentNode || context
+					)) ) {
+
+						// If seed is empty or no tokens remain, we can return early
+						tokens.splice( i, 1 );
+						selector = seed.length && toSelector( tokens );
+						if ( !selector ) {
+							push.apply( results, slice.call( seed, 0 ) );
+							return results;
+						}
+
+						break;
+					}
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function
+	// Provide `match` to avoid retokenization if we modified the selector above
+	compile( selector, match )(
+		seed,
+		context,
+		documentIsXML,
+		results,
+		rsibling.test( selector )
+	);
+	return results;
+}
+
+// Deprecated
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Easy API for creating new setFilters
+function setFilters() {}
+Expr.filters = setFilters.prototype = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+// Initialize with the default document
+setDocument();
+
+// Override sizzle attribute retrieval
+Sizzle.attr = jQuery.attr;
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})( window );
+var runtil = /Until$/,
+	rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	isSimple = /^.[^:#\[\.,]*$/,
+	rneedsContext = jQuery.expr.match.needsContext,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i, ret, self,
+			len = this.length;
+
+		if ( typeof selector !== "string" ) {
+			self = this;
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		ret = [];
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, this[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = ( this.selector ? this.selector + " " : "" ) + selector;
+		return ret;
+	},
+
+	has: function( target ) {
+		var i,
+			targets = jQuery( target, this ),
+			len = targets.length;
+
+		return this.filter(function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector, false) );
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector, true) );
+	},
+
+	is: function( selector ) {
+		return !!selector && (
+			typeof selector === "string" ?
+				// If this is a positional/relative selector, check membership in the returned set
+				// so $("p:first").is("p:last") won't return true for a doc with two "p".
+				rneedsContext.test( selector ) ?
+					jQuery( selector, this.context ).index( this[0] ) >= 0 :
+					jQuery.filter( selector, this ).length > 0 :
+				this.filter( selector ).length > 0 );
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			ret = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			cur = this[i];
+
+			while ( cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11 ) {
+				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
+					ret.push( cur );
+					break;
+				}
+				cur = cur.parentNode;
+			}
+		}
+
+		return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[0], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( jQuery.unique(all) );
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( !runtil.test( name ) ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
+
+		if ( this.length > 1 && rparentsprev.test( name ) ) {
+			ret = ret.reverse();
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 ?
+			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
+			jQuery.find.matches(expr, elems);
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, keep ) {
+
+	// Can't pass null or undefined to indexOf in Firefox 4
+	// Set to 0 to skip string check
+	qualifier = qualifier || 0;
+
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			var retVal = !!qualifier.call( elem, i, elem );
+			return retVal === keep;
+		});
+
+	} else if ( qualifier.nodeType ) {
+		return jQuery.grep(elements, function( elem ) {
+			return ( elem === qualifier ) === keep;
+		});
+
+	} else if ( typeof qualifier === "string" ) {
+		var filtered = jQuery.grep(elements, function( elem ) {
+			return elem.nodeType === 1;
+		});
+
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter(qualifier, filtered, !keep);
+		} else {
+			qualifier = jQuery.filter( qualifier, filtered );
+		}
+	}
+
+	return jQuery.grep(elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
+	});
+}
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+		safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+			);
+		}
+	}
+	return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+	rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+	rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		area: [ 1, "<map>", "</map>" ],
+		param: [ 1, "<object>", "</object>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+		// unless wrapped in a div with non-breaking characters in front of it.
+		_default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>"  ]
+	},
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return jQuery.access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+		}, null, value, arguments.length );
+	},
+
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function(i) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	},
+
+	append: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				this.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				this.insertBefore( elem, this.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, false, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, false, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			if ( !selector || jQuery.filter( selector, [ elem ] ).length > 0 ) {
+				if ( !keepData && elem.nodeType === 1 ) {
+					jQuery.cleanData( getAll( elem ) );
+				}
+
+				if ( elem.parentNode ) {
+					if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+						setGlobalEval( getAll( elem, "script" ) );
+					}
+					elem.parentNode.removeChild( elem );
+				}
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return jQuery.access( this, function( value ) {
+			var elem = this[0] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+					elem.innerHTML.replace( rinlinejQuery, "" ) :
+					undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for (; i < l; i++ ) {
+						// Remove element nodes and prevent memory leaks
+						elem = this[i] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch(e) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function( value ) {
+		var isFunc = jQuery.isFunction( value );
+
+		// Make sure that the elements are removed from the DOM before they are inserted
+		// this can help fix replacing a parent with child elements
+		if ( !isFunc && typeof value !== "string" ) {
+			value = jQuery( value ).not( this ).detach();
+		}
+
+		return this.domManip( [ value ], true, function( elem ) {
+			var next = this.nextSibling,
+				parent = this.parentNode;
+
+			if ( parent ) {
+				jQuery( this ).remove();
+				parent.insertBefore( elem, next );
+			}
+		});
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, table, callback ) {
+
+		// Flatten any nested arrays
+		args = core_concat.apply( [], args );
+
+		var first, node, hasScripts,
+			scripts, doc, fragment,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[0],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[0] = value.call( this, index, table ? self.html() : undefined );
+				}
+				self.domManip( args, table, callback );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				table = table && jQuery.nodeName( first, "tr" );
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call(
+						table && jQuery.nodeName( this[i], "table" ) ?
+							findOrAppend( this[i], "tbody" ) :
+							this[i],
+						node,
+						i
+					);
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Hope ajax is available...
+								jQuery.ajax({
+									url: node.src,
+									type: "GET",
+									dataType: "script",
+									async: false,
+									global: false,
+									"throws": true
+								});
+							} else {
+								jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+
+				// Fix #11809: Avoid leaking memory
+				fragment = first = null;
+			}
+		}
+
+		return this;
+	}
+});
+
+function findOrAppend( elem, tag ) {
+	return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) );
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	var attr = elem.getAttributeNode("type");
+	elem.type = ( attr && attr.specified ) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[1];
+	} else {
+		elem.removeAttribute("type");
+	}
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+		i = 0;
+	for ( ; (elem = elems[i]) != null; i++ ) {
+		jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+		oldData = jQuery._data( src ),
+		curData = jQuery._data( dest, oldData ),
+		events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+	} else if ( nodeName === "object" ) {
+		if ( dest.parentNode ) {
+			dest.outerHTML = src.outerHTML;
+		}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			i = 0,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone(true);
+			jQuery( insert[i] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			core_push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+function getAll( context, tag ) {
+	var elems, elem,
+		i = 0,
+		found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
+			typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
+			undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], found ) :
+		found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+	if ( manipulation_rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+		} else {
+			fragmentDiv.innerHTML = elem.outerHTML;
+			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+		}
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[i] ) {
+					fixCloneNodeIssues( node, destElements[i] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+					cloneCopyEvent( node, destElements[i] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var j, elem, contains,
+			tmp, tag, tbody, wrap,
+			l = elems.length,
+
+			// Ensure a safe fragment
+			safe = createSafeFragment( context ),
+
+			nodes = [],
+			i = 0;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || safe.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+
+					tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+					// Descend through wrappers to the right content
+					j = wrap[0];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Manually add leading whitespace removed by IE
+					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+						nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+					}
+
+					// Remove IE's autoinserted <tbody> from table fragments
+					if ( !jQuery.support.tbody ) {
+
+						// String was a <table>, *may* have spurious <tbody>
+						elem = tag === "table" && !rtbody.test( elem ) ?
+							tmp.firstChild :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !rtbody.test( elem ) ?
+								tmp :
+								0;
+
+						j = elem && elem.childNodes.length;
+						while ( j-- ) {
+							if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+								elem.removeChild( tbody );
+							}
+						}
+					}
+
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Fix #12392 for WebKit and IE > 9
+					tmp.textContent = "";
+
+					// Fix #12392 for oldIE
+					while ( tmp.firstChild ) {
+						tmp.removeChild( tmp.firstChild );
+					}
+
+					// Remember the top-level container for proper cleanup
+					tmp = safe.lastChild;
+				}
+			}
+		}
+
+		// Fix #11356: Clear elements from fragment
+		if ( tmp ) {
+			safe.removeChild( tmp );
+		}
+
+		// Reset defaultChecked for any radios and checkboxes
+		// about to be appended to the DOM in IE 6/7 (#8060)
+		if ( !jQuery.support.appendChecked ) {
+			jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+		}
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( safe.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		tmp = null;
+
+		return safe;
+	},
+
+	cleanData: function( elems, /* internal */ acceptData ) {
+		var elem, type, id, data,
+			i = 0,
+			internalKey = jQuery.expando,
+			cache = jQuery.cache,
+			deleteExpando = jQuery.support.deleteExpando,
+			special = jQuery.event.special;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( acceptData || jQuery.acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// IE does not allow us to delete expando properties from nodes,
+						// nor does it have a removeAttribute function on Document nodes;
+						// we must handle all of these cases
+						if ( deleteExpando ) {
+							delete elem[ internalKey ];
+
+						} else if ( typeof elem.removeAttribute !== core_strundefined ) {
+							elem.removeAttribute( internalKey );
+
+						} else {
+							elem[ internalKey ] = null;
+						}
+
+						core_deletedIds.push( id );
+					}
+				}
+			}
+		}
+	}
+});
+var iframe, getStyles, curCSS,
+	ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity\s*=\s*([^)]*)/,
+	rposition = /^(top|right|bottom|left)$/,
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rmargin = /^margin/,
+	rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
+	rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
+	elemdisplay = { BODY: "block" },
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: 0,
+		fontWeight: 400
+	},
+
+	cssExpand = [ "Top", "Right", "Bottom", "Left" ],
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt(0).toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function isHidden( elem, el ) {
+	// isHidden might be called from jQuery#filter function;
+	// in that case, element will be second argument
+	elem = el || elem;
+	return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
+			}
+		} else {
+
+			if ( !values[ index ] ) {
+				hidden = isHidden( elem );
+
+				if ( display && display !== "none" || !hidden ) {
+					jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+				}
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return jQuery.access( this, function( elem, name, value ) {
+			var len, styles,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		var bool = typeof state === "boolean";
+
+		return this.each(function() {
+			if ( bool ? state : isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Exclude the following css properties to add px
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( value == null || type === "number" && isNaN( value ) ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations
+	swap: function( elem, options, callback, args ) {
+		var ret, name,
+			old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		ret = callback.apply( elem, args || [] );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+
+		return ret;
+	}
+});
+
+// NOTE: we've included the "window" in window.getComputedStyle
+// because jsdom on node.js will break without it.
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+		return window.getComputedStyle( elem, null );
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var width, minWidth, maxWidth,
+			computed = _computed || getStyles( elem ),
+
+			// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+			ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
+			style = elem.style;
+
+		if ( computed ) {
+
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		return ret;
+	};
+} else if ( document.documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var left, rs, rsLeft,
+			computed = _computed || getStyles( elem ),
+			ret = computed ? computed[ name ] : undefined,
+			style = elem.style;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are proportional to the parent element instead
+		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+// Try to determine the default display value of an element
+function css_defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+			// Use the already-created iframe if possible
+			iframe = ( iframe ||
+				jQuery("<iframe frameborder='0' width='0' height='0'/>")
+				.css( "cssText", "display:block !important" )
+			).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
+			doc.write("<!doctype html><html><body>");
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+
+// Called ONLY from within css_defaultDisplay
+function actualDisplay( name, doc ) {
+	var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+		display = jQuery.css( elem[0], "display" );
+	elem.remove();
+	return display;
+}
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+				( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+				currentStyle = elem.currentStyle,
+				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+				filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+					jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+					style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+				filter.replace( ralpha, opacity ) :
+				filter + " " + opacity;
+		}
+	};
+}
+
+// These hooks cannot be added until DOM ready because the support test
+// for it is not run until after DOM ready
+jQuery(function() {
+	if ( !jQuery.support.reliableMarginRight ) {
+		jQuery.cssHooks.marginRight = {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+					// Work around by temporarily setting element display to inline-block
+					return jQuery.swap( elem, { "display": "inline-block" },
+						curCSS, [ elem, "marginRight" ] );
+				}
+			}
+		};
+	}
+
+	// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+	// getComputedStyle returns percent when specified for top/left/bottom/right
+	// rather than make the css module depend on the offset module, we just check for it here
+	if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
+		jQuery.each( [ "top", "left" ], function( i, prop ) {
+			jQuery.cssHooks[ prop ] = {
+				get: function( elem, computed ) {
+					if ( computed ) {
+						computed = curCSS( elem, prop );
+						// if curCSS returns percentage, fallback to offset
+						return rnumnonpx.test( computed ) ?
+							jQuery( elem ).position()[ prop ] + "px" :
+							computed;
+					}
+				}
+			};
+		});
+	}
+
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		// Support: Opera <= 12.12
+		// Opera reports offsetWidths and offsetHeights less than zero on some elements
+		return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+			(!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function(){
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function(){
+			var type = this.type;
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !manipulation_rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+//Serialize an array of form elements or a set of
+//key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.hover = function( fnOver, fnOut ) {
+	return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+};
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+	ajax_nonce = jQuery.now(),
+
+	ajax_rquery = /\?/,
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, response, type,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = url.slice( off, url.length );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
+	jQuery.fn[ type ] = function( fn ){
+		return this.on( type, fn );
+	};
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": window.String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Cross-domain detection vars
+			parts,
+			// Loop variable
+			i,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers as string
+			responseHeadersString,
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+			// Response headers
+			responseHeaders,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// If successful, handle type chaining
+			if ( status >= 200 && status < 300 || status === 304 ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 ) {
+					isSuccess = true;
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					isSuccess = true;
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					isSuccess = ajaxConvert( s, response );
+					statusText = isSuccess.state;
+					success = isSuccess.data;
+					error = isSuccess.error;
+					isSuccess = !error;
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	}
+});
+
+/* Handles responses to an ajax request:
+ * - sets all responseXXX fields accordingly
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+		contents = s.contents,
+		dataTypes = s.dataTypes,
+		responseFields = s.responseFields;
+
+	// Fill responseXXX fields
+	for ( type in responseFields ) {
+		if ( type in responses ) {
+			jqXHR[ responseFields[type] ] = responses[ type ];
+		}
+	}
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+// Chain conversions given the request and the original response
+function ajaxConvert( s, response ) {
+	var conv2, current, conv, tmp,
+		converters = {},
+		i = 0,
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice(),
+		prev = dataTypes[ 0 ];
+
+	// Apply the dataFilter if provided
+	if ( s.dataFilter ) {
+		response = s.dataFilter( response, s.dataType );
+	}
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	// Convert to each sequential dataType, tolerating list modification
+	for ( ; (current = dataTypes[++i]); ) {
+
+		// There's only work to do if current dataType is non-auto
+		if ( current !== "*" ) {
+
+			// Convert response if prev dataType is non-auto and differs from current
+			if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split(" ");
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.splice( i--, 0, current );
+								}
+
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s["throws"] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+
+			// Update prev for next iteration
+			prev = current;
+		}
+	}
+
+	return { state: "success", data: response };
+}
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || jQuery("head")[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement("script");
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+});
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+var xhrCallbacks, xhrSupported,
+	xhrId = 0,
+	// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+	xhrOnUnloadAbort = window.ActiveXObject && function() {
+		// Abort all pending requests
+		var key;
+		for ( key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	};
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject("Microsoft.XMLHTTP");
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Determine support properties
+xhrSupported = jQuery.ajaxSettings.xhr();
+jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = jQuery.support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var handle, i,
+						xhr = s.xhr();
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
+						headers["X-Requested-With"] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( err ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, responseHeaders, statusText, responses;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occurred
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									if ( xhrOnUnloadAbort ) {
+										delete xhrCallbacks[ handle ];
+									}
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									responses = {};
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+
+									// When requesting binary data, IE6-9 will throw an exception
+									// on any attempt to access responseText (#11426)
+									if ( typeof xhr.responseText === "string" ) {
+										responses.text = xhr.responseText;
+									}
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					if ( !s.async ) {
+						// if we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						setTimeout( callback );
+					} else {
+						handle = ++xhrId;
+						if ( xhrOnUnloadAbort ) {
+							// Create the active xhrs callbacks list if needed
+							// and attach the unload handler
+							if ( !xhrCallbacks ) {
+								xhrCallbacks = {};
+								jQuery( window ).unload( xhrOnUnloadAbort );
+							}
+							// Add to list of active xhrs callbacks
+							xhrCallbacks[ handle ] = callback;
+						}
+						xhr.onreadystatechange = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	});
+}
+var fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [function( prop, value ) {
+			var end, unit,
+				tween = this.createTween( prop, value ),
+				parts = rfxnum.exec( value ),
+				target = tween.cur(),
+				start = +target || 0,
+				scale = 1,
+				maxIterations = 20;
+
+			if ( parts ) {
+				end = +parts[2];
+				unit = parts[3] || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+
+				// We need to compute starting value
+				if ( unit !== "px" && start ) {
+					// Iteratively approximate from a nonzero starting point
+					// Prefer the current property, because this process will be trivial if it uses the same units
+					// Fallback to end or a simple constant
+					start = jQuery.css( tween.elem, prop, true ) || end || 1;
+
+					do {
+						// If previous iteration zeroed out, double until we get *something*
+						// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+						scale = scale || ".5";
+
+						// Adjust and apply
+						start = start / scale;
+						jQuery.style( tween.elem, prop, start + unit );
+
+					// Update scale, tolerating zero or NaN from tween.cur()
+					// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+					} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+				}
+
+				tween.unit = unit;
+				tween.start = start;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[1] ? start + ( parts[1] + 1 ) * end : end;
+			}
+			return tween;
+		}]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+function createTweens( animation, props ) {
+	jQuery.each( props, function( prop, value ) {
+		var collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+			index = 0,
+			length = collection.length;
+		for ( ; index < length; index++ ) {
+			if ( collection[ index ].call( animation, prop, value ) ) {
+
+				// we're done with this property
+				return;
+			}
+		}
+	});
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	createTweens( animation, props );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+function propFilter( props, specialEasing ) {
+	var value, name, index, easing, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+function defaultPrefilter( elem, props, opts ) {
+	/*jshint validthis:true */
+	var prop, index, length,
+		value, dataShow, toggle,
+		tween, hooks, oldfire,
+		anim = this,
+		style = elem.style,
+		orig = {},
+		handled = [],
+		hidden = elem.nodeType && isHidden( elem );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		if ( jQuery.css( elem, "display" ) === "inline" &&
+				jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !jQuery.support.shrinkWrapBlocks ) {
+			anim.always(function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			});
+		}
+	}
+
+
+	// show/hide pass
+	for ( index in props ) {
+		value = props[ index ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ index ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+				continue;
+			}
+			handled.push( index );
+		}
+	}
+
+	length = handled.length;
+	if ( length ) {
+		dataShow = jQuery._data( elem, "fxshow" ) || jQuery._data( elem, "fxshow", {} );
+		if ( "hidden" in dataShow ) {
+			hidden = dataShow.hidden;
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( index = 0 ; index < length ; index++ ) {
+			prop = handled[ index ];
+			tween = anim.createTween( prop, hidden ? dataShow[ prop ] : 0 );
+			orig[ prop ] = dataShow[ prop ] || jQuery.style( elem, prop );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+	}
+}
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Remove in 2.0 - this supports IE8's panic based approach
+// to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+				doAnimation.finish = function() {
+					anim.stop( true );
+				};
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.cur && hooks.cur.finish ) {
+				hooks.cur.finish.call( this );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		attrs = { height: type },
+		i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth? 1 : 0;
+	for( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p*Math.PI ) / 2;
+	}
+};
+
+jQuery.timers = [];
+jQuery.fx = Tween.prototype.init;
+jQuery.fx.tick = function() {
+	var timer,
+		timers = jQuery.timers,
+		i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	if ( timer() && jQuery.timers.push( timer ) ) {
+		jQuery.fx.start();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+jQuery.fn.offset = function( options ) {
+	if ( arguments.length ) {
+		return options === undefined ?
+			this :
+			this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+	}
+
+	var docElem, win,
+		box = { top: 0, left: 0 },
+		elem = this[ 0 ],
+		doc = elem && elem.ownerDocument;
+
+	if ( !doc ) {
+		return;
+	}
+
+	docElem = doc.documentElement;
+
+	// Make sure it's not a disconnected DOM node
+	if ( !jQuery.contains( docElem, elem ) ) {
+		return box;
+	}
+
+	// If we don't have gBCR, just use 0,0 rather than error
+	// BlackBerry 5, iOS 3 (original iPhone)
+	if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
+		box = elem.getBoundingClientRect();
+	}
+	win = getWindow( doc );
+	return {
+		top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+		left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+	};
+};
+
+jQuery.offset = {
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			parentOffset = { top: 0, left: 0 },
+			elem = this[ 0 ];
+
+		// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || document.documentElement;
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || document.documentElement;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return jQuery.access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? (prop in win) ? win[ prop ] :
+					win.document.documentElement[ method ] :
+					elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return jQuery.access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+// Limit scope pollution from any deprecated API
+// (function() {
+
+// })();
+// Expose jQuery to the global object
+window.jQuery = window.$ = jQuery;
+
+// Expose jQuery as an AMD module, but only for AMD loaders that
+// understand the issues with loading multiple versions of jQuery
+// in a page that all might call define(). The loader will indicate
+// they have special allowances for multiple jQuery versions by
+// specifying define.amd.jQuery = true. Register as a named module,
+// since jQuery can be concatenated with other files that may use define,
+// but not use a proper concatenation script that understands anonymous
+// AMD modules. A named AMD is safest and most robust way to register.
+// Lowercase jquery is used because AMD module names are derived from
+// file names, and jQuery is normally delivered in a lowercase file name.
+// Do this after creating the global so that if an AMD module wants to call
+// noConflict to hide this version of jQuery, it will work.
+if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
+	define( "jquery", [], function () { return jQuery; } );
+}
+
+})( window );
diff --git a/modules/CodeMirror/lib/codemirror.css b/modules/CodeMirror/lib/codemirror.css
new file mode 100644
index 0000000..3032989
--- /dev/null
+++ b/modules/CodeMirror/lib/codemirror.css
@@ -0,0 +1,318 @@
+/* BASICS */
+
+.CodeMirror {
+  /* Set height, width, borders, and global font properties here */
+  font-family: monospace;
+  min-height: 300px;
+}
+.CodeMirror-scroll {
+  /* Set scrolling behaviour here */
+  overflow: auto;
+}
+
+/* PADDING */
+
+.CodeMirror-lines {
+  padding: 4px 0; /* Vertical padding around content */
+}
+.CodeMirror pre {
+  padding: 0 4px; /* Horizontal padding of content */
+}
+
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #f7f7f7;
+  white-space: nowrap;
+}
+.CodeMirror-linenumbers {}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.CodeMirror-guttermarker { color: black; }
+.CodeMirror-guttermarker-subtle { color: #999; }
+
+/* CURSOR */
+
+.CodeMirror div.CodeMirror-cursor {
+  border-left: 1px solid black;
+}
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
+  width: auto;
+  border: 0;
+  background: #7e7;
+}
+.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
+  z-index: 1;
+}
+
+.cm-animate-fat-cursor {
+  width: auto;
+  border: 0;
+  -webkit-animation: blink 1.06s steps(1) infinite;
+  -moz-animation: blink 1.06s steps(1) infinite;
+  animation: blink 1.06s steps(1) infinite;
+}
+@-moz-keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+@-webkit-keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+@keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+
+/* Can style cursor different in overwrite (non-insert) mode */
+div.CodeMirror-overwrite div.CodeMirror-cursor {}
+
+.cm-tab { display: inline-block; text-decoration: inherit; }
+
+.CodeMirror-ruler {
+  border-left: 1px solid #ccc;
+  position: absolute;
+}
+
+/* DEFAULT THEME */
+
+.cm-s-default .cm-keyword {color: #708;}
+.cm-s-default .cm-atom {color: #219;}
+.cm-s-default .cm-number {color: #164;}
+.cm-s-default .cm-def {color: #00f;}
+.cm-s-default .cm-variable,
+.cm-s-default .cm-punctuation,
+.cm-s-default .cm-property,
+.cm-s-default .cm-operator {}
+.cm-s-default .cm-variable-2 {color: #05a;}
+.cm-s-default .cm-variable-3 {color: #085;}
+.cm-s-default .cm-comment {color: #a50;}
+.cm-s-default .cm-string {color: #a11;}
+.cm-s-default .cm-string-2 {color: #f50;}
+.cm-s-default .cm-meta {color: #555;}
+.cm-s-default .cm-qualifier {color: #555;}
+.cm-s-default .cm-builtin {color: #30a;}
+.cm-s-default .cm-bracket {color: #997;}
+.cm-s-default .cm-tag {color: #170;}
+.cm-s-default .cm-attribute {color: #00c;}
+.cm-s-default .cm-header {color: blue;}
+.cm-s-default .cm-quote {color: #090;}
+.cm-s-default .cm-hr {color: #999;}
+.cm-s-default .cm-link {color: #00c;}
+
+.cm-negative {color: #d44;}
+.cm-positive {color: #292;}
+.cm-header, .cm-strong {font-weight: bold;}
+.cm-em {font-style: italic;}
+.cm-link {text-decoration: underline;}
+.cm-strikethrough {text-decoration: line-through;}
+
+.cm-s-default .cm-error {color: #f00;}
+.cm-invalidchar {color: #f00;}
+
+/* Default styles for common addons */
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
+.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
+.CodeMirror-activeline-background {background: #e8f2ff;}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+   the editor. You probably shouldn't touch them. */
+
+.CodeMirror {
+  line-height: 1;
+  position: relative;
+  overflow: hidden;
+  background: white;
+  color: black;
+}
+
+.CodeMirror-scroll {
+  /* 30px is the magic margin used to hide the element's real scrollbars */
+  /* See overflow: hidden in .CodeMirror */
+  margin-bottom: -30px; margin-right: -30px;
+  padding-bottom: 30px;
+  height: 100%;
+  outline: none; /* Prevent dragging from highlighting the element */
+  position: relative;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.CodeMirror-sizer {
+  position: relative;
+  border-right: 30px solid transparent;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+   before actuall scrolling happens, thus preventing shaking and
+   flickering artifacts. */
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0; top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0; left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0; bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0; bottom: 0;
+}
+
+.CodeMirror-gutters {
+  position: absolute; left: 0; top: 0;
+  padding-bottom: 30px;
+  z-index: 3;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding-bottom: 30px;
+  margin-bottom: -32px;
+  display: inline-block;
+  /* Hack to make IE7 behave */
+  *zoom:1;
+  *display:inline;
+}
+.CodeMirror-gutter-wrapper {
+  position: absolute;
+  z-index: 4;
+  height: 100%;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+
+.CodeMirror-lines {
+  cursor: text;
+  min-height: 1px; /* prevents collapsing before first draw */
+}
+.CodeMirror pre {
+  /* Reset some styles that the rest of the page might have set */
+  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+}
+.CodeMirror-wrap pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0; right: 0; top: 0; bottom: 0;
+  z-index: 0;
+}
+
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  overflow: auto;
+}
+
+.CodeMirror-widget {}
+
+.CodeMirror-wrap .CodeMirror-scroll {
+  overflow-x: hidden;
+}
+
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-measure pre { position: static; }
+
+.CodeMirror div.CodeMirror-cursor {
+  position: absolute;
+  border-right: none;
+  width: 0;
+}
+
+div.CodeMirror-cursors {
+  visibility: hidden;
+  position: relative;
+  z-index: 3;
+}
+.CodeMirror-focused div.CodeMirror-cursors {
+  visibility: visible;
+}
+
+.CodeMirror-selected { background: #d9d9d9; }
+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
+.CodeMirror-crosshair { cursor: crosshair; }
+
+.cm-searching {
+  background: #ffa;
+  background: rgba(255, 255, 0, .4);
+}
+
+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
+.CodeMirror span { *vertical-align: text-bottom; }
+
+/* Used to force a border model for a node */
+.cm-force-border { padding-right: .1px; }
+
+@media print {
+  /* Hide the cursor when printing */
+  .CodeMirror div.CodeMirror-cursors {
+    visibility: hidden;
+  }
+}
+
+/* See issue #2901 */
+.cm-tab-wrap-hack:after { content: ''; }
+
+/* Help users use markselection to safely style text background */
+span.CodeMirror-selectedtext { background: none; }
diff --git a/modules/CodeMirror/lib/codemirror.js b/modules/CodeMirror/lib/codemirror.js
new file mode 100644
index 0000000..9dc7b27
--- /dev/null
+++ b/modules/CodeMirror/lib/codemirror.js
@@ -0,0 +1,7922 @@
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+// This is CodeMirror (http://codemirror.net), a code editor
+// implemented in JavaScript on top of the browser's DOM.
+//
+// You can find some technical background for some of the code below
+// at http://marijnhaverbeke.nl/blog/#cm-internals .
+
+(function(mod) {
+  if (typeof exports == "object" && typeof module == "object") // CommonJS
+    module.exports = mod();
+  else if (typeof define == "function" && define.amd) // AMD
+    return define([], mod);
+  else // Plain browser env
+    this.CodeMirror = mod();
+})(function() {
+  "use strict";
+
+  // BROWSER SNIFFING
+
+  // Kludges for bugs and behavior differences that can't be feature
+  // detected are enabled based on userAgent etc sniffing.
+
+  var gecko = /gecko\/\d/i.test(navigator.userAgent);
+  // ie_uptoN means Internet Explorer version N or lower
+  var ie_upto10 = /MSIE \d/.test(navigator.userAgent);
+  var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+  var ie = ie_upto10 || ie_11up;
+  var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : ie_11up[1]);
+  var webkit = /WebKit\//.test(navigator.userAgent);
+  var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(navigator.userAgent);
+  var chrome = /Chrome\//.test(navigator.userAgent);
+  var presto = /Opera\//.test(navigator.userAgent);
+  var safari = /Apple Computer/.test(navigator.vendor);
+  var khtml = /KHTML\//.test(navigator.userAgent);
+  var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(navigator.userAgent);
+  var phantom = /PhantomJS/.test(navigator.userAgent);
+
+  var ios = /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+  // This is woefully incomplete. Suggestions for alternative methods welcome.
+  var mobile = ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(navigator.userAgent);
+  var mac = ios || /Mac/.test(navigator.platform);
+  var windows = /win/i.test(navigator.platform);
+
+  var presto_version = presto && navigator.userAgent.match(/Version\/(\d*\.\d*)/);
+  if (presto_version) presto_version = Number(presto_version[1]);
+  if (presto_version && presto_version >= 15) { presto = false; webkit = true; }
+  // Some browsers use the wrong event properties to signal cmd/ctrl on OS X
+  var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11));
+  var captureRightClick = gecko || (ie && ie_version >= 9);
+
+  // Optimize some code when these features are not used.
+  var sawReadOnlySpans = false, sawCollapsedSpans = false;
+
+  // EDITOR CONSTRUCTOR
+
+  // A CodeMirror instance represents an editor. This is the object
+  // that user code is usually dealing with.
+
+  function CodeMirror(place, options) {
+    if (!(this instanceof CodeMirror)) return new CodeMirror(place, options);
+
+    this.options = options = options ? copyObj(options) : {};
+    // Determine effective options based on given values and defaults.
+    copyObj(defaults, options, false);
+    setGuttersForLineNumbers(options);
+
+    var doc = options.value;
+    if (typeof doc == "string") doc = new Doc(doc, options.mode);
+    this.doc = doc;
+
+    var display = this.display = new Display(place, doc);
+    display.wrapper.CodeMirror = this;
+    updateGutters(this);
+    themeChanged(this);
+    if (options.lineWrapping)
+      this.display.wrapper.className += " CodeMirror-wrap";
+    if (options.autofocus && !mobile) focusInput(this);
+
+    this.state = {
+      keyMaps: [],  // stores maps added by addKeyMap
+      overlays: [], // highlighting overlays, as added by addOverlay
+      modeGen: 0,   // bumped when mode/overlay changes, used to invalidate highlighting info
+      overwrite: false, focused: false,
+      suppressEdits: false, // used to disable editing during key handlers when in readOnly mode
+      pasteIncoming: false, cutIncoming: false, // help recognize paste/cut edits in readInput
+      draggingText: false,
+      highlight: new Delayed(), // stores highlight worker timeout
+      keySeq: null  // Unfinished key sequence
+    };
+
+    // Override magic textarea content restore that IE sometimes does
+    // on our hidden textarea on reload
+    if (ie && ie_version < 11) setTimeout(bind(resetInput, this, true), 20);
+
+    registerEventHandlers(this);
+    ensureGlobalHandlers();
+
+    startOperation(this);
+    this.curOp.forceUpdate = true;
+    attachDoc(this, doc);
+
+    if ((options.autofocus && !mobile) || activeElt() == display.input)
+      setTimeout(bind(onFocus, this), 20);
+    else
+      onBlur(this);
+
+    for (var opt in optionHandlers) if (optionHandlers.hasOwnProperty(opt))
+      optionHandlers[opt](this, options[opt], Init);
+    maybeUpdateLineNumberWidth(this);
+    for (var i = 0; i < initHooks.length; ++i) initHooks[i](this);
+    endOperation(this);
+  }
+
+  // DISPLAY CONSTRUCTOR
+
+  // The display handles the DOM integration, both for input reading
+  // and content drawing. It holds references to DOM nodes and
+  // display-related state.
+
+  function Display(place, doc) {
+    var d = this;
+
+    // The semihidden textarea that is focused when the editor is
+    // focused, and receives input.
+    var input = d.input = elt("textarea", null, null, "position: absolute; padding: 0; width: 1px; height: 1em; outline: none");
+    // The textarea is kept positioned near the cursor to prevent the
+    // fact that it'll be scrolled into view on input from scrolling
+    // our fake cursor out of view. On webkit, when wrap=off, paste is
+    // very slow. So make the area wide instead.
+    if (webkit) input.style.width = "1000px";
+    else input.setAttribute("wrap", "off");
+    // If border: 0; -- iOS fails to open keyboard (issue #1287)
+    if (ios) input.style.border = "1px solid black";
+    input.setAttribute("autocorrect", "off"); input.setAttribute("autocapitalize", "off"); input.setAttribute("spellcheck", "false");
+
+    // Wraps and hides input textarea
+    d.inputDiv = elt("div", [input], null, "overflow: hidden; position: relative; width: 3px; height: 0px;");
+    // The fake scrollbar elements.
+    d.scrollbarH = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar");
+    d.scrollbarV = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar");
+    // Covers bottom-right square when both scrollbars are present.
+    d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler");
+    // Covers bottom of gutter when coverGutterNextToScrollbar is on
+    // and h scrollbar is present.
+    d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler");
+    // Will contain the actual code, positioned to cover the viewport.
+    d.lineDiv = elt("div", null, "CodeMirror-code");
+    // Elements are added to these to represent selection and cursors.
+    d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1");
+    d.cursorDiv = elt("div", null, "CodeMirror-cursors");
+    // A visibility: hidden element used to find the size of things.
+    d.measure = elt("div", null, "CodeMirror-measure");
+    // When lines outside of the viewport are measured, they are drawn in this.
+    d.lineMeasure = elt("div", null, "CodeMirror-measure");
+    // Wraps everything that needs to exist inside the vertically-padded coordinate system
+    d.lineSpace = elt("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv],
+                      null, "position: relative; outline: none");
+    // Moved around its parent to cover visible view.
+    d.mover = elt("div", [elt("div", [d.lineSpace], "CodeMirror-lines")], null, "position: relative");
+    // Set to the height of the document, allowing scrolling.
+    d.sizer = elt("div", [d.mover], "CodeMirror-sizer");
+    // Behavior of elts with overflow: auto and padding is
+    // inconsistent across browsers. This is used to ensure the
+    // scrollable area is big enough.
+    d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerCutOff + "px; width: 1px;");
+    // Will contain the gutters, if any.
+    d.gutters = elt("div", null, "CodeMirror-gutters");
+    d.lineGutter = null;
+    // Actual scrollable element.
+    d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll");
+    d.scroller.setAttribute("tabIndex", "-1");
+    // The element in which the editor lives.
+    d.wrapper = elt("div", [d.inputDiv, d.scrollbarH, d.scrollbarV,
+                            d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror");
+
+    // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported)
+    if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; }
+    // Needed to hide big blue blinking cursor on Mobile Safari
+    if (ios) input.style.width = "0px";
+    if (!webkit) d.scroller.draggable = true;
+    // Needed to handle Tab key in KHTML
+    if (khtml) { d.inputDiv.style.height = "1px"; d.inputDiv.style.position = "absolute"; }
+    // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8).
+    if (ie && ie_version < 8) d.scrollbarH.style.minHeight = d.scrollbarV.style.minWidth = "18px";
+
+    if (place) {
+      if (place.appendChild) place.appendChild(d.wrapper);
+      else place(d.wrapper);
+    }
+
+    // Current rendered range (may be bigger than the view window).
+    d.viewFrom = d.viewTo = doc.first;
+    // Information about the rendered lines.
+    d.view = [];
+    // Holds info about a single rendered line when it was rendered
+    // for measurement, while not in view.
+    d.externalMeasured = null;
+    // Empty space (in pixels) above the view
+    d.viewOffset = 0;
+    d.lastWrapHeight = d.lastWrapWidth = 0;
+    d.updateLineNumbers = null;
+
+    // Used to only resize the line number gutter when necessary (when
+    // the amount of lines crosses a boundary that makes its width change)
+    d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null;
+    // See readInput and resetInput
+    d.prevInput = "";
+    // Set to true when a non-horizontal-scrolling line widget is
+    // added. As an optimization, line widget aligning is skipped when
+    // this is false.
+    d.alignWidgets = false;
+    // Flag that indicates whether we expect input to appear real soon
+    // now (after some event like 'keypress' or 'input') and are
+    // polling intensively.
+    d.pollingFast = false;
+    // Self-resetting timeout for the poller
+    d.poll = new Delayed();
+
+    d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
+
+    // Tracks when resetInput has punted to just putting a short
+    // string into the textarea instead of the full selection.
+    d.inaccurateSelection = false;
+
+    // Tracks the maximum line length so that the horizontal scrollbar
+    // can be kept static when scrolling.
+    d.maxLine = null;
+    d.maxLineLength = 0;
+    d.maxLineChanged = false;
+
+    // Used for measuring wheel scrolling granularity
+    d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null;
+
+    // True when shift is held down.
+    d.shift = false;
+
+    // Used to track whether anything happened since the context menu
+    // was opened.
+    d.selForContextMenu = null;
+  }
+
+  // STATE UPDATES
+
+  // Used to get the editor into a consistent state again when options change.
+
+  function loadMode(cm) {
+    cm.doc.mode = CodeMirror.getMode(cm.options, cm.doc.modeOption);
+    resetModeState(cm);
+  }
+
+  function resetModeState(cm) {
+    cm.doc.iter(function(line) {
+      if (line.stateAfter) line.stateAfter = null;
+      if (line.styles) line.styles = null;
+    });
+    cm.doc.frontier = cm.doc.first;
+    startWorker(cm, 100);
+    cm.state.modeGen++;
+    if (cm.curOp) regChange(cm);
+  }
+
+  function wrappingChanged(cm) {
+    if (cm.options.lineWrapping) {
+      addClass(cm.display.wrapper, "CodeMirror-wrap");
+      cm.display.sizer.style.minWidth = "";
+    } else {
+      rmClass(cm.display.wrapper, "CodeMirror-wrap");
+      findMaxLine(cm);
+    }
+    estimateLineHeights(cm);
+    regChange(cm);
+    clearCaches(cm);
+    setTimeout(function(){updateScrollbars(cm);}, 100);
+  }
+
+  // Returns a function that estimates the height of a line, to use as
+  // first approximation until the line becomes visible (and is thus
+  // properly measurable).
+  function estimateHeight(cm) {
+    var th = textHeight(cm.display), wrapping = cm.options.lineWrapping;
+    var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3);
+    return function(line) {
+      if (lineIsHidden(cm.doc, line)) return 0;
+
+      var widgetsHeight = 0;
+      if (line.widgets) for (var i = 0; i < line.widgets.length; i++) {
+        if (line.widgets[i].height) widgetsHeight += line.widgets[i].height;
+      }
+
+      if (wrapping)
+        return widgetsHeight + (Math.ceil(line.text.length / perLine) || 1) * th;
+      else
+        return widgetsHeight + th;
+    };
+  }
+
+  function estimateLineHeights(cm) {
+    var doc = cm.doc, est = estimateHeight(cm);
+    doc.iter(function(line) {
+      var estHeight = est(line);
+      if (estHeight != line.height) updateLineHeight(line, estHeight);
+    });
+  }
+
+  function themeChanged(cm) {
+    cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") +
+      cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-");
+    clearCaches(cm);
+  }
+
+  function guttersChanged(cm) {
+    updateGutters(cm);
+    regChange(cm);
+    setTimeout(function(){alignHorizontally(cm);}, 20);
+  }
+
+  // Rebuild the gutter elements, ensure the margin to the left of the
+  // code matches their width.
+  function updateGutters(cm) {
+    var gutters = cm.display.gutters, specs = cm.options.gutters;
+    removeChildren(gutters);
+    for (var i = 0; i < specs.length; ++i) {
+      var gutterClass = specs[i];
+      var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass));
+      if (gutterClass == "CodeMirror-linenumbers") {
+        cm.display.lineGutter = gElt;
+        gElt.style.width = (cm.display.lineNumWidth || 1) + "px";
+      }
+    }
+    gutters.style.display = i ? "" : "none";
+    updateGutterSpace(cm);
+  }
+
+  function updateGutterSpace(cm) {
+    var width = cm.display.gutters.offsetWidth;
+    cm.display.sizer.style.marginLeft = width + "px";
+    cm.display.scrollbarH.style.left = cm.options.fixedGutter ? width + "px" : 0;
+  }
+
+  // Compute the character length of a line, taking into account
+  // collapsed ranges (see markText) that might hide parts, and join
+  // other lines onto it.
+  function lineLength(line) {
+    if (line.height == 0) return 0;
+    var len = line.text.length, merged, cur = line;
+    while (merged = collapsedSpanAtStart(cur)) {
+      var found = merged.find(0, true);
+      cur = found.from.line;
+      len += found.from.ch - found.to.ch;
+    }
+    cur = line;
+    while (merged = collapsedSpanAtEnd(cur)) {
+      var found = merged.find(0, true);
+      len -= cur.text.length - found.from.ch;
+      cur = found.to.line;
+      len += cur.text.length - found.to.ch;
+    }
+    return len;
+  }
+
+  // Find the longest line in the document.
+  function findMaxLine(cm) {
+    var d = cm.display, doc = cm.doc;
+    d.maxLine = getLine(doc, doc.first);
+    d.maxLineLength = lineLength(d.maxLine);
+    d.maxLineChanged = true;
+    doc.iter(function(line) {
+      var len = lineLength(line);
+      if (len > d.maxLineLength) {
+        d.maxLineLength = len;
+        d.maxLine = line;
+      }
+    });
+  }
+
+  // Make sure the gutters options contains the element
+  // "CodeMirror-linenumbers" when the lineNumbers option is true.
+  function setGuttersForLineNumbers(options) {
+    var found = indexOf(options.gutters, "CodeMirror-linenumbers");
+    if (found == -1 && options.lineNumbers) {
+      options.gutters = options.gutters.concat(["CodeMirror-linenumbers"]);
+    } else if (found > -1 && !options.lineNumbers) {
+      options.gutters = options.gutters.slice(0);
+      options.gutters.splice(found, 1);
+    }
+  }
+
+  // SCROLLBARS
+
+  function hScrollbarTakesSpace(cm) {
+    return cm.display.scroller.clientHeight - cm.display.wrapper.clientHeight < scrollerCutOff - 3;
+  }
+
+  // Prepare DOM reads needed to update the scrollbars. Done in one
+  // shot to minimize update/measure roundtrips.
+  function measureForScrollbars(cm) {
+    var scroll = cm.display.scroller;
+    return {
+      clientHeight: scroll.clientHeight,
+      barHeight: cm.display.scrollbarV.clientHeight,
+      scrollWidth: scroll.scrollWidth, clientWidth: scroll.clientWidth,
+      hScrollbarTakesSpace: hScrollbarTakesSpace(cm),
+      barWidth: cm.display.scrollbarH.clientWidth,
+      docHeight: Math.round(cm.doc.height + paddingVert(cm.display))
+    };
+  }
+
+  // Re-synchronize the fake scrollbars with the actual size of the
+  // content.
+  function updateScrollbars(cm, measure) {
+    if (!measure) measure = measureForScrollbars(cm);
+    var d = cm.display, sWidth = scrollbarWidth(d.measure);
+    var scrollHeight = measure.docHeight + scrollerCutOff;
+    var needsH = measure.scrollWidth > measure.clientWidth;
+    if (needsH && measure.scrollWidth <= measure.clientWidth + 1 &&
+        sWidth > 0 && !measure.hScrollbarTakesSpace)
+      needsH = false; // (Issue #2562)
+    var needsV = scrollHeight > measure.clientHeight;
+
+    if (needsV) {
+      d.scrollbarV.style.display = "block";
+      d.scrollbarV.style.bottom = needsH ? sWidth + "px" : "0";
+      // A bug in IE8 can cause this value to be negative, so guard it.
+      d.scrollbarV.firstChild.style.height =
+        Math.max(0, scrollHeight - measure.clientHeight + (measure.barHeight || d.scrollbarV.clientHeight)) + "px";
+    } else {
+      d.scrollbarV.style.display = "";
+      d.scrollbarV.firstChild.style.height = "0";
+    }
+    if (needsH) {
+      d.scrollbarH.style.display = "block";
+      d.scrollbarH.style.right = needsV ? sWidth + "px" : "0";
+      d.scrollbarH.firstChild.style.width =
+        (measure.scrollWidth - measure.clientWidth + (measure.barWidth || d.scrollbarH.clientWidth)) + "px";
+    } else {
+      d.scrollbarH.style.display = "";
+      d.scrollbarH.firstChild.style.width = "0";
+    }
+    if (needsH && needsV) {
+      d.scrollbarFiller.style.display = "block";
+      d.scrollbarFiller.style.height = d.scrollbarFiller.style.width = sWidth + "px";
+    } else d.scrollbarFiller.style.display = "";
+    if (needsH && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) {
+      d.gutterFiller.style.display = "block";
+      d.gutterFiller.style.height = sWidth + "px";
+      d.gutterFiller.style.width = d.gutters.offsetWidth + "px";
+    } else d.gutterFiller.style.display = "";
+
+    if (!cm.state.checkedOverlayScrollbar && measure.clientHeight > 0) {
+      if (sWidth === 0) {
+        var w = mac && !mac_geMountainLion ? "12px" : "18px";
+        d.scrollbarV.style.minWidth = d.scrollbarH.style.minHeight = w;
+        var barMouseDown = function(e) {
+          if (e_target(e) != d.scrollbarV && e_target(e) != d.scrollbarH)
+            operation(cm, onMouseDown)(e);
+        };
+        on(d.scrollbarV, "mousedown", barMouseDown);
+        on(d.scrollbarH, "mousedown", barMouseDown);
+      }
+      cm.state.checkedOverlayScrollbar = true;
+    }
+  }
+
+  // Compute the lines that are visible in a given viewport (defaults
+  // the the current scroll position). viewport may contain top,
+  // height, and ensure (see op.scrollToPos) properties.
+  function visibleLines(display, doc, viewport) {
+    var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop;
+    top = Math.floor(top - paddingTop(display));
+    var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight;
+
+    var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom);
+    // Ensure is a {from: {line, ch}, to: {line, ch}} object, and
+    // forces those lines into the viewport (if possible).
+    if (viewport && viewport.ensure) {
+      var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line;
+      if (ensureFrom < from)
+        return {from: ensureFrom,
+                to: lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight)};
+      if (Math.min(ensureTo, doc.lastLine()) >= to)
+        return {from: lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight),
+                to: ensureTo};
+    }
+    return {from: from, to: Math.max(to, from + 1)};
+  }
+
+  // LINE NUMBERS
+
+  // Re-align line numbers and gutter marks to compensate for
+  // horizontal scrolling.
+  function alignHorizontally(cm) {
+    var display = cm.display, view = display.view;
+    if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) return;
+    var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft;
+    var gutterW = display.gutters.offsetWidth, left = comp + "px";
+    for (var i = 0; i < view.length; i++) if (!view[i].hidden) {
+      if (cm.options.fixedGutter && view[i].gutter)
+        view[i].gutter.style.left = left;
+      var align = view[i].alignable;
+      if (align) for (var j = 0; j < align.length; j++)
+        align[j].style.left = left;
+    }
+    if (cm.options.fixedGutter)
+      display.gutters.style.left = (comp + gutterW) + "px";
+  }
+
+  // Used to ensure that the line number gutter is still the right
+  // size for the current document size. Returns true when an update
+  // is needed.
+  function maybeUpdateLineNumberWidth(cm) {
+    if (!cm.options.lineNumbers) return false;
+    var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display;
+    if (last.length != display.lineNumChars) {
+      var test = display.measure.appendChild(elt("div", [elt("div", last)],
+                                                 "CodeMirror-linenumber CodeMirror-gutter-elt"));
+      var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW;
+      display.lineGutter.style.width = "";
+      display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding);
+      display.lineNumWidth = display.lineNumInnerWidth + padding;
+      display.lineNumChars = display.lineNumInnerWidth ? last.length : -1;
+      display.lineGutter.style.width = display.lineNumWidth + "px";
+      updateGutterSpace(cm);
+      return true;
+    }
+    return false;
+  }
+
+  function lineNumberFor(options, i) {
+    return String(options.lineNumberFormatter(i + options.firstLineNumber));
+  }
+
+  // Computes display.scroller.scrollLeft + display.gutters.offsetWidth,
+  // but using getBoundingClientRect to get a sub-pixel-accurate
+  // result.
+  function compensateForHScroll(display) {
+    return display.scroller.getBoundingClientRect().left - display.sizer.getBoundingClientRect().left;
+  }
+
+  // DISPLAY DRAWING
+
+  function DisplayUpdate(cm, viewport, force) {
+    var display = cm.display;
+
+    this.viewport = viewport;
+    // Store some values that we'll need later (but don't want to force a relayout for)
+    this.visible = visibleLines(display, cm.doc, viewport);
+    this.editorIsHidden = !display.wrapper.offsetWidth;
+    this.wrapperHeight = display.wrapper.clientHeight;
+    this.wrapperWidth = display.wrapper.clientWidth;
+    this.oldViewFrom = display.viewFrom; this.oldViewTo = display.viewTo;
+    this.oldScrollerWidth = display.scroller.clientWidth;
+    this.force = force;
+    this.dims = getDimensions(cm);
+  }
+
+  // Does the actual updating of the line display. Bails out
+  // (returning false) when there is nothing to be done and forced is
+  // false.
+  function updateDisplayIfNeeded(cm, update) {
+    var display = cm.display, doc = cm.doc;
+    if (update.editorIsHidden) {
+      resetView(cm);
+      return false;
+    }
+
+    // Bail out if the visible area is already rendered and nothing changed.
+    if (!update.force &&
+        update.visible.from >= display.viewFrom && update.visible.to <= display.viewTo &&
+        (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo) &&
+        countDirtyView(cm) == 0)
+      return false;
+
+    if (maybeUpdateLineNumberWidth(cm)) {
+      resetView(cm);
+      update.dims = getDimensions(cm);
+    }
+
+    // Compute a suitable new viewport (from & to)
+    var end = doc.first + doc.size;
+    var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first);
+    var to = Math.min(end, update.visible.to + cm.options.viewportMargin);
+    if (display.viewFrom < from && from - display.viewFrom < 20) from = Math.max(doc.first, display.viewFrom);
+    if (display.viewTo > to && display.viewTo - to < 20) to = Math.min(end, display.viewTo);
+    if (sawCollapsedSpans) {
+      from = visualLineNo(cm.doc, from);
+      to = visualLineEndNo(cm.doc, to);
+    }
+
+    var different = from != display.viewFrom || to != display.viewTo ||
+      display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth;
+    adjustView(cm, from, to);
+
+    display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom));
+    // Position the mover div to align with the current scroll position
+    cm.display.mover.style.top = display.viewOffset + "px";
+
+    var toUpdate = countDirtyView(cm);
+    if (!different && toUpdate == 0 && !update.force &&
+        (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo))
+      return false;
+
+    // For big changes, we hide the enclosing element during the
+    // update, since that speeds up the operations on most browsers.
+    var focused = activeElt();
+    if (toUpdate > 4) display.lineDiv.style.display = "none";
+    patchDisplay(cm, display.updateLineNumbers, update.dims);
+    if (toUpdate > 4) display.lineDiv.style.display = "";
+    // There might have been a widget with a focused element that got
+    // hidden or updated, if so re-focus it.
+    if (focused && activeElt() != focused && focused.offsetHeight) focused.focus();
+
+    // Prevent selection and cursors from interfering with the scroll
+    // width.
+    removeChildren(display.cursorDiv);
+    removeChildren(display.selectionDiv);
+
+    if (different) {
+      display.lastWrapHeight = update.wrapperHeight;
+      display.lastWrapWidth = update.wrapperWidth;
+      startWorker(cm, 400);
+    }
+
+    display.updateLineNumbers = null;
+
+    return true;
+  }
+
+  function postUpdateDisplay(cm, update) {
+    var force = update.force, viewport = update.viewport;
+    for (var first = true;; first = false) {
+      if (first && cm.options.lineWrapping && update.oldScrollerWidth != cm.display.scroller.clientWidth) {
+        force = true;
+      } else {
+        force = false;
+        // Clip forced viewport to actual scrollable area.
+        if (viewport && viewport.top != null)
+          viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - scrollerCutOff -
+                                    cm.display.scroller.clientHeight, viewport.top)};
+        // Updated line heights might result in the drawn area not
+        // actually covering the viewport. Keep looping until it does.
+        update.visible = visibleLines(cm.display, cm.doc, viewport);
+        if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo)
+          break;
+      }
+      if (!updateDisplayIfNeeded(cm, update)) break;
+      updateHeightsInViewport(cm);
+      var barMeasure = measureForScrollbars(cm);
+      updateSelection(cm);
+      setDocumentHeight(cm, barMeasure);
+      updateScrollbars(cm, barMeasure);
+    }
+
+    signalLater(cm, "update", cm);
+    if (cm.display.viewFrom != update.oldViewFrom || cm.display.viewTo != update.oldViewTo)
+      signalLater(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo);
+  }
+
+  function updateDisplaySimple(cm, viewport) {
+    var update = new DisplayUpdate(cm, viewport);
+    if (updateDisplayIfNeeded(cm, update)) {
+      updateHeightsInViewport(cm);
+      postUpdateDisplay(cm, update);
+      var barMeasure = measureForScrollbars(cm);
+      updateSelection(cm);
+      setDocumentHeight(cm, barMeasure);
+      updateScrollbars(cm, barMeasure);
+    }
+  }
+
+  function setDocumentHeight(cm, measure) {
+    cm.display.sizer.style.minHeight = cm.display.heightForcer.style.top = measure.docHeight + "px";
+    cm.display.gutters.style.height = Math.max(measure.docHeight, measure.clientHeight - scrollerCutOff) + "px";
+  }
+
+  function checkForWebkitWidthBug(cm, measure) {
+    // Work around Webkit bug where it sometimes reserves space for a
+    // non-existing phantom scrollbar in the scroller (Issue #2420)
+    if (cm.display.sizer.offsetWidth + cm.display.gutters.offsetWidth < cm.display.scroller.clientWidth - 1) {
+      cm.display.sizer.style.minHeight = cm.display.heightForcer.style.top = "0px";
+      cm.display.gutters.style.height = measure.docHeight + "px";
+    }
+  }
+
+  // Read the actual heights of the rendered lines, and update their
+  // stored heights to match.
+  function updateHeightsInViewport(cm) {
+    var display = cm.display;
+    var prevBottom = display.lineDiv.offsetTop;
+    for (var i = 0; i < display.view.length; i++) {
+      var cur = display.view[i], height;
+      if (cur.hidden) continue;
+      if (ie && ie_version < 8) {
+        var bot = cur.node.offsetTop + cur.node.offsetHeight;
+        height = bot - prevBottom;
+        prevBottom = bot;
+      } else {
+        var box = cur.node.getBoundingClientRect();
+        height = box.bottom - box.top;
+      }
+      var diff = cur.line.height - height;
+      if (height < 2) height = textHeight(display);
+      if (diff > .001 || diff < -.001) {
+        updateLineHeight(cur.line, height);
+        updateWidgetHeight(cur.line);
+        if (cur.rest) for (var j = 0; j < cur.rest.length; j++)
+          updateWidgetHeight(cur.rest[j]);
+      }
+    }
+  }
+
+  // Read and store the height of line widgets associated with the
+  // given line.
+  function updateWidgetHeight(line) {
+    if (line.widgets) for (var i = 0; i < line.widgets.length; ++i)
+      line.widgets[i].height = line.widgets[i].node.offsetHeight;
+  }
+
+  // Do a bulk-read of the DOM positions and sizes needed to draw the
+  // view, so that we don't interleave reading and writing to the DOM.
+  function getDimensions(cm) {
+    var d = cm.display, left = {}, width = {};
+    var gutterLeft = d.gutters.clientLeft;
+    for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) {
+      left[cm.options.gutters[i]] = n.offsetLeft + n.clientLeft + gutterLeft;
+      width[cm.options.gutters[i]] = n.clientWidth;
+    }
+    return {fixedPos: compensateForHScroll(d),
+            gutterTotalWidth: d.gutters.offsetWidth,
+            gutterLeft: left,
+            gutterWidth: width,
+            wrapperWidth: d.wrapper.clientWidth};
+  }
+
+  // Sync the actual display DOM structure with display.view, removing
+  // nodes for lines that are no longer in view, and creating the ones
+  // that are not there yet, and updating the ones that are out of
+  // date.
+  function patchDisplay(cm, updateNumbersFrom, dims) {
+    var display = cm.display, lineNumbers = cm.options.lineNumbers;
+    var container = display.lineDiv, cur = container.firstChild;
+
+    function rm(node) {
+      var next = node.nextSibling;
+      // Works around a throw-scroll bug in OS X Webkit
+      if (webkit && mac && cm.display.currentWheelTarget == node)
+        node.style.display = "none";
+      else
+        node.parentNode.removeChild(node);
+      return next;
+    }
+
+    var view = display.view, lineN = display.viewFrom;
+    // Loop over the elements in the view, syncing cur (the DOM nodes
+    // in display.lineDiv) with the view as we go.
+    for (var i = 0; i < view.length; i++) {
+      var lineView = view[i];
+      if (lineView.hidden) {
+      } else if (!lineView.node) { // Not drawn yet
+        var node = buildLineElement(cm, lineView, lineN, dims);
+        container.insertBefore(node, cur);
+      } else { // Already drawn
+        while (cur != lineView.node) cur = rm(cur);
+        var updateNumber = lineNumbers && updateNumbersFrom != null &&
+          updateNumbersFrom <= lineN && lineView.lineNumber;
+        if (lineView.changes) {
+          if (indexOf(lineView.changes, "gutter") > -1) updateNumber = false;
+          updateLineForChanges(cm, lineView, lineN, dims);
+        }
+        if (updateNumber) {
+          removeChildren(lineView.lineNumber);
+          lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN)));
+        }
+        cur = lineView.node.nextSibling;
+      }
+      lineN += lineView.size;
+    }
+    while (cur) cur = rm(cur);
+  }
+
+  // When an aspect of a line changes, a string is added to
+  // lineView.changes. This updates the relevant part of the line's
+  // DOM structure.
+  function updateLineForChanges(cm, lineView, lineN, dims) {
+    for (var j = 0; j < lineView.changes.length; j++) {
+      var type = lineView.changes[j];
+      if (type == "text") updateLineText(cm, lineView);
+      else if (type == "gutter") updateLineGutter(cm, lineView, lineN, dims);
+      else if (type == "class") updateLineClasses(lineView);
+      else if (type == "widget") updateLineWidgets(lineView, dims);
+    }
+    lineView.changes = null;
+  }
+
+  // Lines with gutter elements, widgets or a background class need to
+  // be wrapped, and have the extra elements added to the wrapper div
+  function ensureLineWrapped(lineView) {
+    if (lineView.node == lineView.text) {
+      lineView.node = elt("div", null, null, "position: relative");
+      if (lineView.text.parentNode)
+        lineView.text.parentNode.replaceChild(lineView.node, lineView.text);
+      lineView.node.appendChild(lineView.text);
+      if (ie && ie_version < 8) lineView.node.style.zIndex = 2;
+    }
+    return lineView.node;
+  }
+
+  function updateLineBackground(lineView) {
+    var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass;
+    if (cls) cls += " CodeMirror-linebackground";
+    if (lineView.background) {
+      if (cls) lineView.background.className = cls;
+      else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; }
+    } else if (cls) {
+      var wrap = ensureLineWrapped(lineView);
+      lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild);
+    }
+  }
+
+  // Wrapper around buildLineContent which will reuse the structure
+  // in display.externalMeasured when possible.
+  function getLineContent(cm, lineView) {
+    var ext = cm.display.externalMeasured;
+    if (ext && ext.line == lineView.line) {
+      cm.display.externalMeasured = null;
+      lineView.measure = ext.measure;
+      return ext.built;
+    }
+    return buildLineContent(cm, lineView);
+  }
+
+  // Redraw the line's text. Interacts with the background and text
+  // classes because the mode may output tokens that influence these
+  // classes.
+  function updateLineText(cm, lineView) {
+    var cls = lineView.text.className;
+    var built = getLineContent(cm, lineView);
+    if (lineView.text == lineView.node) lineView.node = built.pre;
+    lineView.text.parentNode.replaceChild(built.pre, lineView.text);
+    lineView.text = built.pre;
+    if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) {
+      lineView.bgClass = built.bgClass;
+      lineView.textClass = built.textClass;
+      updateLineClasses(lineView);
+    } else if (cls) {
+      lineView.text.className = cls;
+    }
+  }
+
+  function updateLineClasses(lineView) {
+    updateLineBackground(lineView);
+    if (lineView.line.wrapClass)
+      ensureLineWrapped(lineView).className = lineView.line.wrapClass;
+    else if (lineView.node != lineView.text)
+      lineView.node.className = "";
+    var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass;
+    lineView.text.className = textClass || "";
+  }
+
+  function updateLineGutter(cm, lineView, lineN, dims) {
+    if (lineView.gutter) {
+      lineView.node.removeChild(lineView.gutter);
+      lineView.gutter = null;
+    }
+    var markers = lineView.line.gutterMarkers;
+    if (cm.options.lineNumbers || markers) {
+      var wrap = ensureLineWrapped(lineView);
+      var gutterWrap = lineView.gutter =
+        wrap.insertBefore(elt("div", null, "CodeMirror-gutter-wrapper", "left: " +
+                              (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) +
+                              "px; width: " + dims.gutterTotalWidth + "px"),
+                          lineView.text);
+      if (lineView.line.gutterClass)
+        gutterWrap.className += " " + lineView.line.gutterClass;
+      if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"]))
+        lineView.lineNumber = gutterWrap.appendChild(
+          elt("div", lineNumberFor(cm.options, lineN),
+              "CodeMirror-linenumber CodeMirror-gutter-elt",
+              "left: " + dims.gutterLeft["CodeMirror-linenumbers"] + "px; width: "
+              + cm.display.lineNumInnerWidth + "px"));
+      if (markers) for (var k = 0; k < cm.options.gutters.length; ++k) {
+        var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id];
+        if (found)
+          gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt", "left: " +
+                                     dims.gutterLeft[id] + "px; width: " + dims.gutterWidth[id] + "px"));
+      }
+    }
+  }
+
+  function updateLineWidgets(lineView, dims) {
+    if (lineView.alignable) lineView.alignable = null;
+    for (var node = lineView.node.firstChild, next; node; node = next) {
+      var next = node.nextSibling;
+      if (node.className == "CodeMirror-linewidget")
+        lineView.node.removeChild(node);
+    }
+    insertLineWidgets(lineView, dims);
+  }
+
+  // Build a line's DOM representation from scratch
+  function buildLineElement(cm, lineView, lineN, dims) {
+    var built = getLineContent(cm, lineView);
+    lineView.text = lineView.node = built.pre;
+    if (built.bgClass) lineView.bgClass = built.bgClass;
+    if (built.textClass) lineView.textClass = built.textClass;
+
+    updateLineClasses(lineView);
+    updateLineGutter(cm, lineView, lineN, dims);
+    insertLineWidgets(lineView, dims);
+    return lineView.node;
+  }
+
+  // A lineView may contain multiple logical lines (when merged by
+  // collapsed spans). The widgets for all of them need to be drawn.
+  function insertLineWidgets(lineView, dims) {
+    insertLineWidgetsFor(lineView.line, lineView, dims, true);
+    if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++)
+      insertLineWidgetsFor(lineView.rest[i], lineView, dims, false);
+  }
+
+  function insertLineWidgetsFor(line, lineView, dims, allowAbove) {
+    if (!line.widgets) return;
+    var wrap = ensureLineWrapped(lineView);
+    for (var i = 0, ws = line.widgets; i < ws.length; ++i) {
+      var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget");
+      if (!widget.handleMouseEvents) node.ignoreEvents = true;
+      positionLineWidget(widget, node, lineView, dims);
+      if (allowAbove && widget.above)
+        wrap.insertBefore(node, lineView.gutter || lineView.text);
+      else
+        wrap.appendChild(node);
+      signalLater(widget, "redraw");
+    }
+  }
+
+  function positionLineWidget(widget, node, lineView, dims) {
+    if (widget.noHScroll) {
+      (lineView.alignable || (lineView.alignable = [])).push(node);
+      var width = dims.wrapperWidth;
+      node.style.left = dims.fixedPos + "px";
+      if (!widget.coverGutter) {
+        width -= dims.gutterTotalWidth;
+        node.style.paddingLeft = dims.gutterTotalWidth + "px";
+      }
+      node.style.width = width + "px";
+    }
+    if (widget.coverGutter) {
+      node.style.zIndex = 5;
+      node.style.position = "relative";
+      if (!widget.noHScroll) node.style.marginLeft = -dims.gutterTotalWidth + "px";
+    }
+  }
+
+  // POSITION OBJECT
+
+  // A Pos instance represents a position within the text.
+  var Pos = CodeMirror.Pos = function(line, ch) {
+    if (!(this instanceof Pos)) return new Pos(line, ch);
+    this.line = line; this.ch = ch;
+  };
+
+  // Compare two positions, return 0 if they are the same, a negative
+  // number when a is less, and a positive number otherwise.
+  var cmp = CodeMirror.cmpPos = function(a, b) { return a.line - b.line || a.ch - b.ch; };
+
+  function copyPos(x) {return Pos(x.line, x.ch);}
+  function maxPos(a, b) { return cmp(a, b) < 0 ? b : a; }
+  function minPos(a, b) { return cmp(a, b) < 0 ? a : b; }
+
+  // SELECTION / CURSOR
+
+  // Selection objects are immutable. A new one is created every time
+  // the selection changes. A selection is one or more non-overlapping
+  // (and non-touching) ranges, sorted, and an integer that indicates
+  // which one is the primary selection (the one that's scrolled into
+  // view, that getCursor returns, etc).
+  function Selection(ranges, primIndex) {
+    this.ranges = ranges;
+    this.primIndex = primIndex;
+  }
+
+  Selection.prototype = {
+    primary: function() { return this.ranges[this.primIndex]; },
+    equals: function(other) {
+      if (other == this) return true;
+      if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) return false;
+      for (var i = 0; i < this.ranges.length; i++) {
+        var here = this.ranges[i], there = other.ranges[i];
+        if (cmp(here.anchor, there.anchor) != 0 || cmp(here.head, there.head) != 0) return false;
+      }
+      return true;
+    },
+    deepCopy: function() {
+      for (var out = [], i = 0; i < this.ranges.length; i++)
+        out[i] = new Range(copyPos(this.ranges[i].anchor), copyPos(this.ranges[i].head));
+      return new Selection(out, this.primIndex);
+    },
+    somethingSelected: function() {
+      for (var i = 0; i < this.ranges.length; i++)
+        if (!this.ranges[i].empty()) return true;
+      return false;
+    },
+    contains: function(pos, end) {
+      if (!end) end = pos;
+      for (var i = 0; i < this.ranges.length; i++) {
+        var range = this.ranges[i];
+        if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0)
+          return i;
+      }
+      return -1;
+    }
+  };
+
+  function Range(anchor, head) {
+    this.anchor = anchor; this.head = head;
+  }
+
+  Range.prototype = {
+    from: function() { return minPos(this.anchor, this.head); },
+    to: function() { return maxPos(this.anchor, this.head); },
+    empty: function() {
+      return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch;
+    }
+  };
+
+  // Take an unsorted, potentially overlapping set of ranges, and
+  // build a selection out of it. 'Consumes' ranges array (modifying
+  // it).
+  function normalizeSelection(ranges, primIndex) {
+    var prim = ranges[primIndex];
+    ranges.sort(function(a, b) { return cmp(a.from(), b.from()); });
+    primIndex = indexOf(ranges, prim);
+    for (var i = 1; i < ranges.length; i++) {
+      var cur = ranges[i], prev = ranges[i - 1];
+      if (cmp(prev.to(), cur.from()) >= 0) {
+        var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to());
+        var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head;
+        if (i <= primIndex) --primIndex;
+        ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to));
+      }
+    }
+    return new Selection(ranges, primIndex);
+  }
+
+  function simpleSelection(anchor, head) {
+    return new Selection([new Range(anchor, head || anchor)], 0);
+  }
+
+  // Most of the external API clips given positions to make sure they
+  // actually exist within the document.
+  function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1));}
+  function clipPos(doc, pos) {
+    if (pos.line < doc.first) return Pos(doc.first, 0);
+    var last = doc.first + doc.size - 1;
+    if (pos.line > last) return Pos(last, getLine(doc, last).text.length);
+    return clipToLen(pos, getLine(doc, pos.line).text.length);
+  }
+  function clipToLen(pos, linelen) {
+    var ch = pos.ch;
+    if (ch == null || ch > linelen) return Pos(pos.line, linelen);
+    else if (ch < 0) return Pos(pos.line, 0);
+    else return pos;
+  }
+  function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size;}
+  function clipPosArray(doc, array) {
+    for (var out = [], i = 0; i < array.length; i++) out[i] = clipPos(doc, array[i]);
+    return out;
+  }
+
+  // SELECTION UPDATES
+
+  // The 'scroll' parameter given to many of these indicated whether
+  // the new cursor position should be scrolled into view after
+  // modifying the selection.
+
+  // If shift is held or the extend flag is set, extends a range to
+  // include a given position (and optionally a second position).
+  // Otherwise, simply returns the range between the given positions.
+  // Used for cursor motion and such.
+  function extendRange(doc, range, head, other) {
+    if (doc.cm && doc.cm.display.shift || doc.extend) {
+      var anchor = range.anchor;
+      if (other) {
+        var posBefore = cmp(head, anchor) < 0;
+        if (posBefore != (cmp(other, anchor) < 0)) {
+          anchor = head;
+          head = other;
+        } else if (posBefore != (cmp(head, other) < 0)) {
+          head = other;
+        }
+      }
+      return new Range(anchor, head);
+    } else {
+      return new Range(other || head, head);
+    }
+  }
+
+  // Extend the primary selection range, discard the rest.
+  function extendSelection(doc, head, other, options) {
+    setSelection(doc, new Selection([extendRange(doc, doc.sel.primary(), head, other)], 0), options);
+  }
+
+  // Extend all selections (pos is an array of selections with length
+  // equal the number of selections)
+  function extendSelections(doc, heads, options) {
+    for (var out = [], i = 0; i < doc.sel.ranges.length; i++)
+      out[i] = extendRange(doc, doc.sel.ranges[i], heads[i], null);
+    var newSel = normalizeSelection(out, doc.sel.primIndex);
+    setSelection(doc, newSel, options);
+  }
+
+  // Updates a single range in the selection.
+  function replaceOneSelection(doc, i, range, options) {
+    var ranges = doc.sel.ranges.slice(0);
+    ranges[i] = range;
+    setSelection(doc, normalizeSelection(ranges, doc.sel.primIndex), options);
+  }
+
+  // Reset the selection to a single range.
+  function setSimpleSelection(doc, anchor, head, options) {
+    setSelection(doc, simpleSelection(anchor, head), options);
+  }
+
+  // Give beforeSelectionChange handlers a change to influence a
+  // selection update.
+  function filterSelectionChange(doc, sel) {
+    var obj = {
+      ranges: sel.ranges,
+      update: function(ranges) {
+        this.ranges = [];
+        for (var i = 0; i < ranges.length; i++)
+          this.ranges[i] = new Range(clipPos(doc, ranges[i].anchor),
+                                     clipPos(doc, ranges[i].head));
+      }
+    };
+    signal(doc, "beforeSelectionChange", doc, obj);
+    if (doc.cm) signal(doc.cm, "beforeSelectionChange", doc.cm, obj);
+    if (obj.ranges != sel.ranges) return normalizeSelection(obj.ranges, obj.ranges.length - 1);
+    else return sel;
+  }
+
+  function setSelectionReplaceHistory(doc, sel, options) {
+    var done = doc.history.done, last = lst(done);
+    if (last && last.ranges) {
+      done[done.length - 1] = sel;
+      setSelectionNoUndo(doc, sel, options);
+    } else {
+      setSelection(doc, sel, options);
+    }
+  }
+
+  // Set a new selection.
+  function setSelection(doc, sel, options) {
+    setSelectionNoUndo(doc, sel, options);
+    addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options);
+  }
+
+  function setSelectionNoUndo(doc, sel, options) {
+    if (hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange"))
+      sel = filterSelectionChange(doc, sel);
+
+    var bias = options && options.bias ||
+      (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1);
+    setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true));
+
+    if (!(options && options.scroll === false) && doc.cm)
+      ensureCursorVisible(doc.cm);
+  }
+
+  function setSelectionInner(doc, sel) {
+    if (sel.equals(doc.sel)) return;
+
+    doc.sel = sel;
+
+    if (doc.cm) {
+      doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged = true;
+      signalCursorActivity(doc.cm);
+    }
+    signalLater(doc, "cursorActivity", doc);
+  }
+
+  // Verify that the selection does not partially select any atomic
+  // marked ranges.
+  function reCheckSelection(doc) {
+    setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false), sel_dontScroll);
+  }
+
+  // Return a selection that does not partially select any atomic
+  // ranges.
+  function skipAtomicInSelection(doc, sel, bias, mayClear) {
+    var out;
+    for (var i = 0; i < sel.ranges.length; i++) {
+      var range = sel.ranges[i];
+      var newAnchor = skipAtomic(doc, range.anchor, bias, mayClear);
+      var newHead = skipAtomic(doc, range.head, bias, mayClear);
+      if (out || newAnchor != range.anchor || newHead != range.head) {
+        if (!out) out = sel.ranges.slice(0, i);
+        out[i] = new Range(newAnchor, newHead);
+      }
+    }
+    return out ? normalizeSelection(out, sel.primIndex) : sel;
+  }
+
+  // Ensure a given position is not inside an atomic range.
+  function skipAtomic(doc, pos, bias, mayClear) {
+    var flipped = false, curPos = pos;
+    var dir = bias || 1;
+    doc.cantEdit = false;
+    search: for (;;) {
+      var line = getLine(doc, curPos.line);
+      if (line.markedSpans) {
+        for (var i = 0; i < line.markedSpans.length; ++i) {
+          var sp = line.markedSpans[i], m = sp.marker;
+          if ((sp.from == null || (m.inclusiveLeft ? sp.from <= curPos.ch : sp.from < curPos.ch)) &&
+              (sp.to == null || (m.inclusiveRight ? sp.to >= curPos.ch : sp.to > curPos.ch))) {
+            if (mayClear) {
+              signal(m, "beforeCursorEnter");
+              if (m.explicitlyCleared) {
+                if (!line.markedSpans) break;
+                else {--i; continue;}
+              }
+            }
+            if (!m.atomic) continue;
+            var newPos = m.find(dir < 0 ? -1 : 1);
+            if (cmp(newPos, curPos) == 0) {
+              newPos.ch += dir;
+              if (newPos.ch < 0) {
+                if (newPos.line > doc.first) newPos = clipPos(doc, Pos(newPos.line - 1));
+                else newPos = null;
+              } else if (newPos.ch > line.text.length) {
+                if (newPos.line < doc.first + doc.size - 1) newPos = Pos(newPos.line + 1, 0);
+                else newPos = null;
+              }
+              if (!newPos) {
+                if (flipped) {
+                  // Driven in a corner -- no valid cursor position found at all
+                  // -- try again *with* clearing, if we didn't already
+                  if (!mayClear) return skipAtomic(doc, pos, bias, true);
+                  // Otherwise, turn off editing until further notice, and return the start of the doc
+                  doc.cantEdit = true;
+                  return Pos(doc.first, 0);
+                }
+                flipped = true; newPos = pos; dir = -dir;
+              }
+            }
+            curPos = newPos;
+            continue search;
+          }
+        }
+      }
+      return curPos;
+    }
+  }
+
+  // SELECTION DRAWING
+
+  // Redraw the selection and/or cursor
+  function drawSelection(cm) {
+    var display = cm.display, doc = cm.doc, result = {};
+    var curFragment = result.cursors = document.createDocumentFragment();
+    var selFragment = result.selection = document.createDocumentFragment();
+
+    for (var i = 0; i < doc.sel.ranges.length; i++) {
+      var range = doc.sel.ranges[i];
+      var collapsed = range.empty();
+      if (collapsed || cm.options.showCursorWhenSelecting)
+        drawSelectionCursor(cm, range, curFragment);
+      if (!collapsed)
+        drawSelectionRange(cm, range, selFragment);
+    }
+
+    // Move the hidden textarea near the cursor to prevent scrolling artifacts
+    if (cm.options.moveInputWithCursor) {
+      var headPos = cursorCoords(cm, doc.sel.primary().head, "div");
+      var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect();
+      result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10,
+                                          headPos.top + lineOff.top - wrapOff.top));
+      result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10,
+                                           headPos.left + lineOff.left - wrapOff.left));
+    }
+
+    return result;
+  }
+
+  function showSelection(cm, drawn) {
+    removeChildrenAndAdd(cm.display.cursorDiv, drawn.cursors);
+    removeChildrenAndAdd(cm.display.selectionDiv, drawn.selection);
+    if (drawn.teTop != null) {
+      cm.display.inputDiv.style.top = drawn.teTop + "px";
+      cm.display.inputDiv.style.left = drawn.teLeft + "px";
+    }
+  }
+
+  function updateSelection(cm) {
+    showSelection(cm, drawSelection(cm));
+  }
+
+  // Draws a cursor for the given range
+  function drawSelectionCursor(cm, range, output) {
+    var pos = cursorCoords(cm, range.head, "div", null, null, !cm.options.singleCursorHeightPerLine);
+
+    var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor"));
+    cursor.style.left = pos.left + "px";
+    cursor.style.top = pos.top + "px";
+    cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px";
+
+    if (pos.other) {
+      // Secondary cursor, shown when on a 'jump' in bi-directional text
+      var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor"));
+      otherCursor.style.display = "";
+      otherCursor.style.left = pos.other.left + "px";
+      otherCursor.style.top = pos.other.top + "px";
+      otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px";
+    }
+  }
+
+  // Draws the given range as a highlighted selection
+  function drawSelectionRange(cm, range, output) {
+    var display = cm.display, doc = cm.doc;
+    var fragment = document.createDocumentFragment();
+    var padding = paddingH(cm.display), leftSide = padding.left, rightSide = display.lineSpace.offsetWidth - padding.right;
+
+    function add(left, top, width, bottom) {
+      if (top < 0) top = 0;
+      top = Math.round(top);
+      bottom = Math.round(bottom);
+      fragment.appendChild(elt("div", null, "CodeMirror-selected", "position: absolute; left: " + left +
+                               "px; top: " + top + "px; width: " + (width == null ? rightSide - left : width) +
+                               "px; height: " + (bottom - top) + "px"));
+    }
+
+    function drawForLine(line, fromArg, toArg) {
+      var lineObj = getLine(doc, line);
+      var lineLen = lineObj.text.length;
+      var start, end;
+      function coords(ch, bias) {
+        return charCoords(cm, Pos(line, ch), "div", lineObj, bias);
+      }
+
+      iterateBidiSections(getOrder(lineObj), fromArg || 0, toArg == null ? lineLen : toArg, function(from, to, dir) {
+        var leftPos = coords(from, "left"), rightPos, left, right;
+        if (from == to) {
+          rightPos = leftPos;
+          left = right = leftPos.left;
+        } else {
+          rightPos = coords(to - 1, "right");
+          if (dir == "rtl") { var tmp = leftPos; leftPos = rightPos; rightPos = tmp; }
+          left = leftPos.left;
+          right = rightPos.right;
+        }
+        if (fromArg == null && from == 0) left = leftSide;
+        if (rightPos.top - leftPos.top > 3) { // Different lines, draw top part
+          add(left, leftPos.top, null, leftPos.bottom);
+          left = leftSide;
+          if (leftPos.bottom < rightPos.top) add(left, leftPos.bottom, null, rightPos.top);
+        }
+        if (toArg == null && to == lineLen) right = rightSide;
+        if (!start || leftPos.top < start.top || leftPos.top == start.top && leftPos.left < start.left)
+          start = leftPos;
+        if (!end || rightPos.bottom > end.bottom || rightPos.bottom == end.bottom && rightPos.right > end.right)
+          end = rightPos;
+        if (left < leftSide + 1) left = leftSide;
+        add(left, rightPos.top, right - left, rightPos.bottom);
+      });
+      return {start: start, end: end};
+    }
+
+    var sFrom = range.from(), sTo = range.to();
+    if (sFrom.line == sTo.line) {
+      drawForLine(sFrom.line, sFrom.ch, sTo.ch);
+    } else {
+      var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line);
+      var singleVLine = visualLine(fromLine) == visualLine(toLine);
+      var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end;
+      var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start;
+      if (singleVLine) {
+        if (leftEnd.top < rightStart.top - 2) {
+          add(leftEnd.right, leftEnd.top, null, leftEnd.bottom);
+          add(leftSide, rightStart.top, rightStart.left, rightStart.bottom);
+        } else {
+          add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom);
+        }
+      }
+      if (leftEnd.bottom < rightStart.top)
+        add(leftSide, leftEnd.bottom, null, rightStart.top);
+    }
+
+    output.appendChild(fragment);
+  }
+
+  // Cursor-blinking
+  function restartBlink(cm) {
+    if (!cm.state.focused) return;
+    var display = cm.display;
+    clearInterval(display.blinker);
+    var on = true;
+    display.cursorDiv.style.visibility = "";
+    if (cm.options.cursorBlinkRate > 0)
+      display.blinker = setInterval(function() {
+        display.cursorDiv.style.visibility = (on = !on) ? "" : "hidden";
+      }, cm.options.cursorBlinkRate);
+    else if (cm.options.cursorBlinkRate < 0)
+      display.cursorDiv.style.visibility = "hidden";
+  }
+
+  // HIGHLIGHT WORKER
+
+  function startWorker(cm, time) {
+    if (cm.doc.mode.startState && cm.doc.frontier < cm.display.viewTo)
+      cm.state.highlight.set(time, bind(highlightWorker, cm));
+  }
+
+  function highlightWorker(cm) {
+    var doc = cm.doc;
+    if (doc.frontier < doc.first) doc.frontier = doc.first;
+    if (doc.frontier >= cm.display.viewTo) return;
+    var end = +new Date + cm.options.workTime;
+    var state = copyState(doc.mode, getStateBefore(cm, doc.frontier));
+    var changedLines = [];
+
+    doc.iter(doc.frontier, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function(line) {
+      if (doc.frontier >= cm.display.viewFrom) { // Visible
+        var oldStyles = line.styles;
+        var highlighted = highlightLine(cm, line, state, true);
+        line.styles = highlighted.styles;
+        var oldCls = line.styleClasses, newCls = highlighted.classes;
+        if (newCls) line.styleClasses = newCls;
+        else if (oldCls) line.styleClasses = null;
+        var ischange = !oldStyles || oldStyles.length != line.styles.length ||
+          oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass);
+        for (var i = 0; !ischange && i < oldStyles.length; ++i) ischange = oldStyles[i] != line.styles[i];
+        if (ischange) changedLines.push(doc.frontier);
+        line.stateAfter = copyState(doc.mode, state);
+      } else {
+        processLine(cm, line.text, state);
+        line.stateAfter = doc.frontier % 5 == 0 ? copyState(doc.mode, state) : null;
+      }
+      ++doc.frontier;
+      if (+new Date > end) {
+        startWorker(cm, cm.options.workDelay);
+        return true;
+      }
+    });
+    if (changedLines.length) runInOp(cm, function() {
+      for (var i = 0; i < changedLines.length; i++)
+        regLineChange(cm, changedLines[i], "text");
+    });
+  }
+
+  // Finds the line to start with when starting a parse. Tries to
+  // find a line with a stateAfter, so that it can start with a
+  // valid state. If that fails, it returns the line with the
+  // smallest indentation, which tends to need the least context to
+  // parse correctly.
+  function findStartLine(cm, n, precise) {
+    var minindent, minline, doc = cm.doc;
+    var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100);
+    for (var search = n; search > lim; --search) {
+      if (search <= doc.first) return doc.first;
+      var line = getLine(doc, search - 1);
+      if (line.stateAfter && (!precise || search <= doc.frontier)) return search;
+      var indented = countColumn(line.text, null, cm.options.tabSize);
+      if (minline == null || minindent > indented) {
+        minline = search - 1;
+        minindent = indented;
+      }
+    }
+    return minline;
+  }
+
+  function getStateBefore(cm, n, precise) {
+    var doc = cm.doc, display = cm.display;
+    if (!doc.mode.startState) return true;
+    var pos = findStartLine(cm, n, precise), state = pos > doc.first && getLine(doc, pos-1).stateAfter;
+    if (!state) state = startState(doc.mode);
+    else state = copyState(doc.mode, state);
+    doc.iter(pos, n, function(line) {
+      processLine(cm, line.text, state);
+      var save = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo;
+      line.stateAfter = save ? copyState(doc.mode, state) : null;
+      ++pos;
+    });
+    if (precise) doc.frontier = pos;
+    return state;
+  }
+
+  // POSITION MEASUREMENT
+
+  function paddingTop(display) {return display.lineSpace.offsetTop;}
+  function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight;}
+  function paddingH(display) {
+    if (display.cachedPaddingH) return display.cachedPaddingH;
+    var e = removeChildrenAndAdd(display.measure, elt("pre", "x"));
+    var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle;
+    var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)};
+    if (!isNaN(data.left) && !isNaN(data.right)) display.cachedPaddingH = data;
+    return data;
+  }
+
+  // Ensure the lineView.wrapping.heights array is populated. This is
+  // an array of bottom offsets for the lines that make up a drawn
+  // line. When lineWrapping is on, there might be more than one
+  // height.
+  function ensureLineHeights(cm, lineView, rect) {
+    var wrapping = cm.options.lineWrapping;
+    var curWidth = wrapping && cm.display.scroller.clientWidth;
+    if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) {
+      var heights = lineView.measure.heights = [];
+      if (wrapping) {
+        lineView.measure.width = curWidth;
+        var rects = lineView.text.firstChild.getClientRects();
+        for (var i = 0; i < rects.length - 1; i++) {
+          var cur = rects[i], next = rects[i + 1];
+          if (Math.abs(cur.bottom - next.bottom) > 2)
+            heights.push((cur.bottom + next.top) / 2 - rect.top);
+        }
+      }
+      heights.push(rect.bottom - rect.top);
+    }
+  }
+
+  // Find a line map (mapping character offsets to text nodes) and a
+  // measurement cache for the given line number. (A line view might
+  // contain multiple lines when collapsed ranges are present.)
+  function mapFromLineView(lineView, line, lineN) {
+    if (lineView.line == line)
+      return {map: lineView.measure.map, cache: lineView.measure.cache};
+    for (var i = 0; i < lineView.rest.length; i++)
+      if (lineView.rest[i] == line)
+        return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i]};
+    for (var i = 0; i < lineView.rest.length; i++)
+      if (lineNo(lineView.rest[i]) > lineN)
+        return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i], before: true};
+  }
+
+  // Render a line into the hidden node display.externalMeasured. Used
+  // when measurement is needed for a line that's not in the viewport.
+  function updateExternalMeasurement(cm, line) {
+    line = visualLine(line);
+    var lineN = lineNo(line);
+    var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN);
+    view.lineN = lineN;
+    var built = view.built = buildLineContent(cm, view);
+    view.text = built.pre;
+    removeChildrenAndAdd(cm.display.lineMeasure, built.pre);
+    return view;
+  }
+
+  // Get a {top, bottom, left, right} box (in line-local coordinates)
+  // for a given character.
+  function measureChar(cm, line, ch, bias) {
+    return measureCharPrepared(cm, prepareMeasureForLine(cm, line), ch, bias);
+  }
+
+  // Find a line view that corresponds to the given line number.
+  function findViewForLine(cm, lineN) {
+    if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo)
+      return cm.display.view[findViewIndex(cm, lineN)];
+    var ext = cm.display.externalMeasured;
+    if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size)
+      return ext;
+  }
+
+  // Measurement can be split in two steps, the set-up work that
+  // applies to the whole line, and the measurement of the actual
+  // character. Functions like coordsChar, that need to do a lot of
+  // measurements in a row, can thus ensure that the set-up work is
+  // only done once.
+  function prepareMeasureForLine(cm, line) {
+    var lineN = lineNo(line);
+    var view = findViewForLine(cm, lineN);
+    if (view && !view.text)
+      view = null;
+    else if (view && view.changes)
+      updateLineForChanges(cm, view, lineN, getDimensions(cm));
+    if (!view)
+      view = updateExternalMeasurement(cm, line);
+
+    var info = mapFromLineView(view, line, lineN);
+    return {
+      line: line, view: view, rect: null,
+      map: info.map, cache: info.cache, before: info.before,
+      hasHeights: false
+    };
+  }
+
+  // Given a prepared measurement object, measures the position of an
+  // actual character (or fetches it from the cache).
+  function measureCharPrepared(cm, prepared, ch, bias, varHeight) {
+    if (prepared.before) ch = -1;
+    var key = ch + (bias || ""), found;
+    if (prepared.cache.hasOwnProperty(key)) {
+      found = prepared.cache[key];
+    } else {
+      if (!prepared.rect)
+        prepared.rect = prepared.view.text.getBoundingClientRect();
+      if (!prepared.hasHeights) {
+        ensureLineHeights(cm, prepared.view, prepared.rect);
+        prepared.hasHeights = true;
+      }
+      found = measureCharInner(cm, prepared, ch, bias);
+      if (!found.bogus) prepared.cache[key] = found;
+    }
+    return {left: found.left, right: found.right,
+            top: varHeight ? found.rtop : found.top,
+            bottom: varHeight ? found.rbottom : found.bottom};
+  }
+
+  var nullRect = {left: 0, right: 0, top: 0, bottom: 0};
+
+  function measureCharInner(cm, prepared, ch, bias) {
+    var map = prepared.map;
+
+    var node, start, end, collapse;
+    // First, search the line map for the text node corresponding to,
+    // or closest to, the target character.
+    for (var i = 0; i < map.length; i += 3) {
+      var mStart = map[i], mEnd = map[i + 1];
+      if (ch < mStart) {
+        start = 0; end = 1;
+        collapse = "left";
+      } else if (ch < mEnd) {
+        start = ch - mStart;
+        end = start + 1;
+      } else if (i == map.length - 3 || ch == mEnd && map[i + 3] > ch) {
+        end = mEnd - mStart;
+        start = end - 1;
+        if (ch >= mEnd) collapse = "right";
+      }
+      if (start != null) {
+        node = map[i + 2];
+        if (mStart == mEnd && bias == (node.insertLeft ? "left" : "right"))
+          collapse = bias;
+        if (bias == "left" && start == 0)
+          while (i && map[i - 2] == map[i - 3] && map[i - 1].insertLeft) {
+            node = map[(i -= 3) + 2];
+            collapse = "left";
+          }
+        if (bias == "right" && start == mEnd - mStart)
+          while (i < map.length - 3 && map[i + 3] == map[i + 4] && !map[i + 5].insertLeft) {
+            node = map[(i += 3) + 2];
+            collapse = "right";
+          }
+        break;
+      }
+    }
+
+    var rect;
+    if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates.
+      for (var i = 0; i < 4; i++) { // Retry a maximum of 4 times when nonsense rectangles are returned
+        while (start && isExtendingChar(prepared.line.text.charAt(mStart + start))) --start;
+        while (mStart + end < mEnd && isExtendingChar(prepared.line.text.charAt(mStart + end))) ++end;
+        if (ie && ie_version < 9 && start == 0 && end == mEnd - mStart) {
+          rect = node.parentNode.getBoundingClientRect();
+        } else if (ie && cm.options.lineWrapping) {
+          var rects = range(node, start, end).getClientRects();
+          if (rects.length)
+            rect = rects[bias == "right" ? rects.length - 1 : 0];
+          else
+            rect = nullRect;
+        } else {
+          rect = range(node, start, end).getBoundingClientRect() || nullRect;
+        }
+        if (rect.left || rect.right || start == 0) break;
+        end = start;
+        start = start - 1;
+        collapse = "right";
+      }
+      if (ie && ie_version < 11) rect = maybeUpdateRectForZooming(cm.display.measure, rect);
+    } else { // If it is a widget, simply get the box for the whole widget.
+      if (start > 0) collapse = bias = "right";
+      var rects;
+      if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1)
+        rect = rects[bias == "right" ? rects.length - 1 : 0];
+      else
+        rect = node.getBoundingClientRect();
+    }
+    if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) {
+      var rSpan = node.parentNode.getClientRects()[0];
+      if (rSpan)
+        rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom};
+      else
+        rect = nullRect;
+    }
+
+    var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top;
+    var mid = (rtop + rbot) / 2;
+    var heights = prepared.view.measure.heights;
+    for (var i = 0; i < heights.length - 1; i++)
+      if (mid < heights[i]) break;
+    var top = i ? heights[i - 1] : 0, bot = heights[i];
+    var result = {left: (collapse == "right" ? rect.right : rect.left) - prepared.rect.left,
+                  right: (collapse == "left" ? rect.left : rect.right) - prepared.rect.left,
+                  top: top, bottom: bot};
+    if (!rect.left && !rect.right) result.bogus = true;
+    if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; }
+
+    return result;
+  }
+
+  // Work around problem with bounding client rects on ranges being
+  // returned incorrectly when zoomed on IE10 and below.
+  function maybeUpdateRectForZooming(measure, rect) {
+    if (!window.screen || screen.logicalXDPI == null ||
+        screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure))
+      return rect;
+    var scaleX = screen.logicalXDPI / screen.deviceXDPI;
+    var scaleY = screen.logicalYDPI / screen.deviceYDPI;
+    return {left: rect.left * scaleX, right: rect.right * scaleX,
+            top: rect.top * scaleY, bottom: rect.bottom * scaleY};
+  }
+
+  function clearLineMeasurementCacheFor(lineView) {
+    if (lineView.measure) {
+      lineView.measure.cache = {};
+      lineView.measure.heights = null;
+      if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++)
+        lineView.measure.caches[i] = {};
+    }
+  }
+
+  function clearLineMeasurementCache(cm) {
+    cm.display.externalMeasure = null;
+    removeChildren(cm.display.lineMeasure);
+    for (var i = 0; i < cm.display.view.length; i++)
+      clearLineMeasurementCacheFor(cm.display.view[i]);
+  }
+
+  function clearCaches(cm) {
+    clearLineMeasurementCache(cm);
+    cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null;
+    if (!cm.options.lineWrapping) cm.display.maxLineChanged = true;
+    cm.display.lineNumChars = null;
+  }
+
+  function pageScrollX() { return window.pageXOffset || (document.documentElement || document.body).scrollLeft; }
+  function pageScrollY() { return window.pageYOffset || (document.documentElement || document.body).scrollTop; }
+
+  // Converts a {top, bottom, left, right} box from line-local
+  // coordinates into another coordinate system. Context may be one of
+  // "line", "div" (display.lineDiv), "local"/null (editor), or "page".
+  function intoCoordSystem(cm, lineObj, rect, context) {
+    if (lineObj.widgets) for (var i = 0; i < lineObj.widgets.length; ++i) if (lineObj.widgets[i].above) {
+      var size = widgetHeight(lineObj.widgets[i]);
+      rect.top += size; rect.bottom += size;
+    }
+    if (context == "line") return rect;
+    if (!context) context = "local";
+    var yOff = heightAtLine(lineObj);
+    if (context == "local") yOff += paddingTop(cm.display);
+    else yOff -= cm.display.viewOffset;
+    if (context == "page" || context == "window") {
+      var lOff = cm.display.lineSpace.getBoundingClientRect();
+      yOff += lOff.top + (context == "window" ? 0 : pageScrollY());
+      var xOff = lOff.left + (context == "window" ? 0 : pageScrollX());
+      rect.left += xOff; rect.right += xOff;
+    }
+    rect.top += yOff; rect.bottom += yOff;
+    return rect;
+  }
+
+  // Coverts a box from "div" coords to another coordinate system.
+  // Context may be "window", "page", "div", or "local"/null.
+  function fromCoordSystem(cm, coords, context) {
+    if (context == "div") return coords;
+    var left = coords.left, top = coords.top;
+    // First move into "page" coordinate system
+    if (context == "page") {
+      left -= pageScrollX();
+      top -= pageScrollY();
+    } else if (context == "local" || !context) {
+      var localBox = cm.display.sizer.getBoundingClientRect();
+      left += localBox.left;
+      top += localBox.top;
+    }
+
+    var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect();
+    return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top};
+  }
+
+  function charCoords(cm, pos, context, lineObj, bias) {
+    if (!lineObj) lineObj = getLine(cm.doc, pos.line);
+    return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context);
+  }
+
+  // Returns a box for a given cursor position, which may have an
+  // 'other' property containing the position of the secondary cursor
+  // on a bidi boundary.
+  function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) {
+    lineObj = lineObj || getLine(cm.doc, pos.line);
+    if (!preparedMeasure) preparedMeasure = prepareMeasureForLine(cm, lineObj);
+    function get(ch, right) {
+      var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight);
+      if (right) m.left = m.right; else m.right = m.left;
+      return intoCoordSystem(cm, lineObj, m, context);
+    }
+    function getBidi(ch, partPos) {
+      var part = order[partPos], right = part.level % 2;
+      if (ch == bidiLeft(part) && partPos && part.level < order[partPos - 1].level) {
+        part = order[--partPos];
+        ch = bidiRight(part) - (part.level % 2 ? 0 : 1);
+        right = true;
+      } else if (ch == bidiRight(part) && partPos < order.length - 1 && part.level < order[partPos + 1].level) {
+        part = order[++partPos];
+        ch = bidiLeft(part) - part.level % 2;
+        right = false;
+      }
+      if (right && ch == part.to && ch > part.from) return get(ch - 1);
+      return get(ch, right);
+    }
+    var order = getOrder(lineObj), ch = pos.ch;
+    if (!order) return get(ch);
+    var partPos = getBidiPartAt(order, ch);
+    var val = getBidi(ch, partPos);
+    if (bidiOther != null) val.other = getBidi(ch, bidiOther);
+    return val;
+  }
+
+  // Used to cheaply estimate the coordinates for a position. Used for
+  // intermediate scroll updates.
+  function estimateCoords(cm, pos) {
+    var left = 0, pos = clipPos(cm.doc, pos);
+    if (!cm.options.lineWrapping) left = charWidth(cm.display) * pos.ch;
+    var lineObj = getLine(cm.doc, pos.line);
+    var top = heightAtLine(lineObj) + paddingTop(cm.display);
+    return {left: left, right: left, top: top, bottom: top + lineObj.height};
+  }
+
+  // Positions returned by coordsChar contain some extra information.
+  // xRel is the relative x position of the input coordinates compared
+  // to the found position (so xRel > 0 means the coordinates are to
+  // the right of the character position, for example). When outside
+  // is true, that means the coordinates lie outside the line's
+  // vertical range.
+  function PosWithInfo(line, ch, outside, xRel) {
+    var pos = Pos(line, ch);
+    pos.xRel = xRel;
+    if (outside) pos.outside = true;
+    return pos;
+  }
+
+  // Compute the character position closest to the given coordinates.
+  // Input must be lineSpace-local ("div" coordinate system).
+  function coordsChar(cm, x, y) {
+    var doc = cm.doc;
+    y += cm.display.viewOffset;
+    if (y < 0) return PosWithInfo(doc.first, 0, true, -1);
+    var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1;
+    if (lineN > last)
+      return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, true, 1);
+    if (x < 0) x = 0;
+
+    var lineObj = getLine(doc, lineN);
+    for (;;) {
+      var found = coordsCharInner(cm, lineObj, lineN, x, y);
+      var merged = collapsedSpanAtEnd(lineObj);
+      var mergedPos = merged && merged.find(0, true);
+      if (merged && (found.ch > mergedPos.from.ch || found.ch == mergedPos.from.ch && found.xRel > 0))
+        lineN = lineNo(lineObj = mergedPos.to.line);
+      else
+        return found;
+    }
+  }
+
+  function coordsCharInner(cm, lineObj, lineNo, x, y) {
+    var innerOff = y - heightAtLine(lineObj);
+    var wrongLine = false, adjust = 2 * cm.display.wrapper.clientWidth;
+    var preparedMeasure = prepareMeasureForLine(cm, lineObj);
+
+    function getX(ch) {
+      var sp = cursorCoords(cm, Pos(lineNo, ch), "line", lineObj, preparedMeasure);
+      wrongLine = true;
+      if (innerOff > sp.bottom) return sp.left - adjust;
+      else if (innerOff < sp.top) return sp.left + adjust;
+      else wrongLine = false;
+      return sp.left;
+    }
+
+    var bidi = getOrder(lineObj), dist = lineObj.text.length;
+    var from = lineLeft(lineObj), to = lineRight(lineObj);
+    var fromX = getX(from), fromOutside = wrongLine, toX = getX(to), toOutside = wrongLine;
+
+    if (x > toX) return PosWithInfo(lineNo, to, toOutside, 1);
+    // Do a binary search between these bounds.
+    for (;;) {
+      if (bidi ? to == from || to == moveVisually(lineObj, from, 1) : to - from <= 1) {
+        var ch = x < fromX || x - fromX <= toX - x ? from : to;
+        var xDiff = x - (ch == from ? fromX : toX);
+        while (isExtendingChar(lineObj.text.charAt(ch))) ++ch;
+        var pos = PosWithInfo(lineNo, ch, ch == from ? fromOutside : toOutside,
+                              xDiff < -1 ? -1 : xDiff > 1 ? 1 : 0);
+        return pos;
+      }
+      var step = Math.ceil(dist / 2), middle = from + step;
+      if (bidi) {
+        middle = from;
+        for (var i = 0; i < step; ++i) middle = moveVisually(lineObj, middle, 1);
+      }
+      var middleX = getX(middle);
+      if (middleX > x) {to = middle; toX = middleX; if (toOutside = wrongLine) toX += 1000; dist = step;}
+      else {from = middle; fromX = middleX; fromOutside = wrongLine; dist -= step;}
+    }
+  }
+
+  var measureText;
+  // Compute the default text height.
+  function textHeight(display) {
+    if (display.cachedTextHeight != null) return display.cachedTextHeight;
+    if (measureText == null) {
+      measureText = elt("pre");
+      // Measure a bunch of lines, for browsers that compute
+      // fractional heights.
+      for (var i = 0; i < 49; ++i) {
+        measureText.appendChild(document.createTextNode("x"));
+        measureText.appendChild(elt("br"));
+      }
+      measureText.appendChild(document.createTextNode("x"));
+    }
+    removeChildrenAndAdd(display.measure, measureText);
+    var height = measureText.offsetHeight / 50;
+    if (height > 3) display.cachedTextHeight = height;
+    removeChildren(display.measure);
+    return height || 1;
+  }
+
+  // Compute the default character width.
+  function charWidth(display) {
+    if (display.cachedCharWidth != null) return display.cachedCharWidth;
+    var anchor = elt("span", "xxxxxxxxxx");
+    var pre = elt("pre", [anchor]);
+    removeChildrenAndAdd(display.measure, pre);
+    var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10;
+    if (width > 2) display.cachedCharWidth = width;
+    return width || 10;
+  }
+
+  // OPERATIONS
+
+  // Operations are used to wrap a series of changes to the editor
+  // state in such a way that each change won't have to update the
+  // cursor and display (which would be awkward, slow, and
+  // error-prone). Instead, display updates are batched and then all
+  // combined and executed at once.
+
+  var operationGroup = null;
+
+  var nextOpId = 0;
+  // Start a new operation.
+  function startOperation(cm) {
+    cm.curOp = {
+      cm: cm,
+      viewChanged: false,      // Flag that indicates that lines might need to be redrawn
+      startHeight: cm.doc.height, // Used to detect need to update scrollbar
+      forceUpdate: false,      // Used to force a redraw
+      updateInput: null,       // Whether to reset the input textarea
+      typing: false,           // Whether this reset should be careful to leave existing text (for compositing)
+      changeObjs: null,        // Accumulated changes, for firing change events
+      cursorActivityHandlers: null, // Set of handlers to fire cursorActivity on
+      cursorActivityCalled: 0, // Tracks which cursorActivity handlers have been called already
+      selectionChanged: false, // Whether the selection needs to be redrawn
+      updateMaxLine: false,    // Set when the widest line needs to be determined anew
+      scrollLeft: null, scrollTop: null, // Intermediate scroll position, not pushed to DOM yet
+      scrollToPos: null,       // Used to scroll to a specific position
+      id: ++nextOpId           // Unique ID
+    };
+    if (operationGroup) {
+      operationGroup.ops.push(cm.curOp);
+    } else {
+      cm.curOp.ownsGroup = operationGroup = {
+        ops: [cm.curOp],
+        delayedCallbacks: []
+      };
+    }
+  }
+
+  function fireCallbacksForOps(group) {
+    // Calls delayed callbacks and cursorActivity handlers until no
+    // new ones appear
+    var callbacks = group.delayedCallbacks, i = 0;
+    do {
+      for (; i < callbacks.length; i++)
+        callbacks[i]();
+      for (var j = 0; j < group.ops.length; j++) {
+        var op = group.ops[j];
+        if (op.cursorActivityHandlers)
+          while (op.cursorActivityCalled < op.cursorActivityHandlers.length)
+            op.cursorActivityHandlers[op.cursorActivityCalled++](op.cm);
+      }
+    } while (i < callbacks.length);
+  }
+
+  // Finish an operation, updating the display and signalling delayed events
+  function endOperation(cm) {
+    var op = cm.curOp, group = op.ownsGroup;
+    if (!group) return;
+
+    try { fireCallbacksForOps(group); }
+    finally {
+      operationGroup = null;
+      for (var i = 0; i < group.ops.length; i++)
+        group.ops[i].cm.curOp = null;
+      endOperations(group);
+    }
+  }
+
+  // The DOM updates done when an operation finishes are batched so
+  // that the minimum number of relayouts are required.
+  function endOperations(group) {
+    var ops = group.ops;
+    for (var i = 0; i < ops.length; i++) // Read DOM
+      endOperation_R1(ops[i]);
+    for (var i = 0; i < ops.length; i++) // Write DOM (maybe)
+      endOperation_W1(ops[i]);
+    for (var i = 0; i < ops.length; i++) // Read DOM
+      endOperation_R2(ops[i]);
+    for (var i = 0; i < ops.length; i++) // Write DOM (maybe)
+      endOperation_W2(ops[i]);
+    for (var i = 0; i < ops.length; i++) // Read DOM
+      endOperation_finish(ops[i]);
+  }
+
+  function endOperation_R1(op) {
+    var cm = op.cm, display = cm.display;
+    if (op.updateMaxLine) findMaxLine(cm);
+
+    op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null ||
+      op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom ||
+                         op.scrollToPos.to.line >= display.viewTo) ||
+      display.maxLineChanged && cm.options.lineWrapping;
+    op.update = op.mustUpdate &&
+      new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate);
+  }
+
+  function endOperation_W1(op) {
+    op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update);
+  }
+
+  function endOperation_R2(op) {
+    var cm = op.cm, display = cm.display;
+    if (op.updatedDisplay) updateHeightsInViewport(cm);
+
+    op.barMeasure = measureForScrollbars(cm);
+
+    // If the max line changed since it was last measured, measure it,
+    // and ensure the document's width matches it.
+    // updateDisplay_W2 will use these properties to do the actual resizing
+    if (display.maxLineChanged && !cm.options.lineWrapping) {
+      op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3;
+      op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo +
+                                  scrollerCutOff - display.scroller.clientWidth);
+    }
+
+    if (op.updatedDisplay || op.selectionChanged)
+      op.newSelectionNodes = drawSelection(cm);
+  }
+
+  function endOperation_W2(op) {
+    var cm = op.cm;
+
+    if (op.adjustWidthTo != null) {
+      cm.display.sizer.style.minWidth = op.adjustWidthTo + "px";
+      if (op.maxScrollLeft < cm.doc.scrollLeft)
+        setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true);
+      cm.display.maxLineChanged = false;
+    }
+
+    if (op.newSelectionNodes)
+      showSelection(cm, op.newSelectionNodes);
+    if (op.updatedDisplay)
+      setDocumentHeight(cm, op.barMeasure);
+    if (op.updatedDisplay || op.startHeight != cm.doc.height)
+      updateScrollbars(cm, op.barMeasure);
+
+    if (op.selectionChanged) restartBlink(cm);
+
+    if (cm.state.focused && op.updateInput)
+      resetInput(cm, op.typing);
+  }
+
+  function endOperation_finish(op) {
+    var cm = op.cm, display = cm.display, doc = cm.doc;
+
+    if (op.adjustWidthTo != null && Math.abs(op.barMeasure.scrollWidth - cm.display.scroller.scrollWidth) > 1)
+      updateScrollbars(cm);
+
+    if (op.updatedDisplay) postUpdateDisplay(cm, op.update);
+
+    // Abort mouse wheel delta measurement, when scrolling explicitly
+    if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos))
+      display.wheelStartX = display.wheelStartY = null;
+
+    // Propagate the scroll position to the actual DOM scroller
+    if (op.scrollTop != null && (display.scroller.scrollTop != op.scrollTop || op.forceScroll)) {
+      var top = Math.max(0, Math.min(display.scroller.scrollHeight - display.scroller.clientHeight, op.scrollTop));
+      display.scroller.scrollTop = display.scrollbarV.scrollTop = doc.scrollTop = top;
+    }
+    if (op.scrollLeft != null && (display.scroller.scrollLeft != op.scrollLeft || op.forceScroll)) {
+      var left = Math.max(0, Math.min(display.scroller.scrollWidth - display.scroller.clientWidth, op.scrollLeft));
+      display.scroller.scrollLeft = display.scrollbarH.scrollLeft = doc.scrollLeft = left;
+      alignHorizontally(cm);
+    }
+    // If we need to scroll a specific position into view, do so.
+    if (op.scrollToPos) {
+      var coords = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from),
+                                     clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin);
+      if (op.scrollToPos.isCursor && cm.state.focused) maybeScrollWindow(cm, coords);
+    }
+
+    // Fire events for markers that are hidden/unidden by editing or
+    // undoing
+    var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers;
+    if (hidden) for (var i = 0; i < hidden.length; ++i)
+      if (!hidden[i].lines.length) signal(hidden[i], "hide");
+    if (unhidden) for (var i = 0; i < unhidden.length; ++i)
+      if (unhidden[i].lines.length) signal(unhidden[i], "unhide");
+
+    if (display.wrapper.offsetHeight)
+      doc.scrollTop = cm.display.scroller.scrollTop;
+
+    // Apply workaround for two webkit bugs
+    if (op.updatedDisplay && webkit) {
+      if (cm.options.lineWrapping)
+        checkForWebkitWidthBug(cm, op.barMeasure); // (Issue #2420)
+      if (op.barMeasure.scrollWidth > op.barMeasure.clientWidth &&
+          op.barMeasure.scrollWidth < op.barMeasure.clientWidth + 1 &&
+          !hScrollbarTakesSpace(cm))
+        updateScrollbars(cm); // (Issue #2562)
+    }
+
+    // Fire change events, and delayed event handlers
+    if (op.changeObjs)
+      signal(cm, "changes", cm, op.changeObjs);
+  }
+
+  // Run the given function in an operation
+  function runInOp(cm, f) {
+    if (cm.curOp) return f();
+    startOperation(cm);
+    try { return f(); }
+    finally { endOperation(cm); }
+  }
+  // Wraps a function in an operation. Returns the wrapped function.
+  function operation(cm, f) {
+    return function() {
+      if (cm.curOp) return f.apply(cm, arguments);
+      startOperation(cm);
+      try { return f.apply(cm, arguments); }
+      finally { endOperation(cm); }
+    };
+  }
+  // Used to add methods to editor and doc instances, wrapping them in
+  // operations.
+  function methodOp(f) {
+    return function() {
+      if (this.curOp) return f.apply(this, arguments);
+      startOperation(this);
+      try { return f.apply(this, arguments); }
+      finally { endOperation(this); }
+    };
+  }
+  function docMethodOp(f) {
+    return function() {
+      var cm = this.cm;
+      if (!cm || cm.curOp) return f.apply(this, arguments);
+      startOperation(cm);
+      try { return f.apply(this, arguments); }
+      finally { endOperation(cm); }
+    };
+  }
+
+  // VIEW TRACKING
+
+  // These objects are used to represent the visible (currently drawn)
+  // part of the document. A LineView may correspond to multiple
+  // logical lines, if those are connected by collapsed ranges.
+  function LineView(doc, line, lineN) {
+    // The starting line
+    this.line = line;
+    // Continuing lines, if any
+    this.rest = visualLineContinued(line);
+    // Number of logical lines in this visual line
+    this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1;
+    this.node = this.text = null;
+    this.hidden = lineIsHidden(doc, line);
+  }
+
+  // Create a range of LineView objects for the given lines.
+  function buildViewArray(cm, from, to) {
+    var array = [], nextPos;
+    for (var pos = from; pos < to; pos = nextPos) {
+      var view = new LineView(cm.doc, getLine(cm.doc, pos), pos);
+      nextPos = pos + view.size;
+      array.push(view);
+    }
+    return array;
+  }
+
+  // Updates the display.view data structure for a given change to the
+  // document. From and to are in pre-change coordinates. Lendiff is
+  // the amount of lines added or subtracted by the change. This is
+  // used for changes that span multiple lines, or change the way
+  // lines are divided into visual lines. regLineChange (below)
+  // registers single-line changes.
+  function regChange(cm, from, to, lendiff) {
+    if (from == null) from = cm.doc.first;
+    if (to == null) to = cm.doc.first + cm.doc.size;
+    if (!lendiff) lendiff = 0;
+
+    var display = cm.display;
+    if (lendiff && to < display.viewTo &&
+        (display.updateLineNumbers == null || display.updateLineNumbers > from))
+      display.updateLineNumbers = from;
+
+    cm.curOp.viewChanged = true;
+
+    if (from >= display.viewTo) { // Change after
+      if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo)
+        resetView(cm);
+    } else if (to <= display.viewFrom) { // Change before
+      if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) {
+        resetView(cm);
+      } else {
+        display.viewFrom += lendiff;
+        display.viewTo += lendiff;
+      }
+    } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap
+      resetView(cm);
+    } else if (from <= display.viewFrom) { // Top overlap
+      var cut = viewCuttingPoint(cm, to, to + lendiff, 1);
+      if (cut) {
+        display.view = display.view.slice(cut.index);
+        display.viewFrom = cut.lineN;
+        display.viewTo += lendiff;
+      } else {
+        resetView(cm);
+      }
+    } else if (to >= display.viewTo) { // Bottom overlap
+      var cut = viewCuttingPoint(cm, from, from, -1);
+      if (cut) {
+        display.view = display.view.slice(0, cut.index);
+        display.viewTo = cut.lineN;
+      } else {
+        resetView(cm);
+      }
+    } else { // Gap in the middle
+      var cutTop = viewCuttingPoint(cm, from, from, -1);
+      var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1);
+      if (cutTop && cutBot) {
+        display.view = display.view.slice(0, cutTop.index)
+          .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN))
+          .concat(display.view.slice(cutBot.index));
+        display.viewTo += lendiff;
+      } else {
+        resetView(cm);
+      }
+    }
+
+    var ext = display.externalMeasured;
+    if (ext) {
+      if (to < ext.lineN)
+        ext.lineN += lendiff;
+      else if (from < ext.lineN + ext.size)
+        display.externalMeasured = null;
+    }
+  }
+
+  // Register a change to a single line. Type must be one of "text",
+  // "gutter", "class", "widget"
+  function regLineChange(cm, line, type) {
+    cm.curOp.viewChanged = true;
+    var display = cm.display, ext = cm.display.externalMeasured;
+    if (ext && line >= ext.lineN && line < ext.lineN + ext.size)
+      display.externalMeasured = null;
+
+    if (line < display.viewFrom || line >= display.viewTo) return;
+    var lineView = display.view[findViewIndex(cm, line)];
+    if (lineView.node == null) return;
+    var arr = lineView.changes || (lineView.changes = []);
+    if (indexOf(arr, type) == -1) arr.push(type);
+  }
+
+  // Clear the view.
+  function resetView(cm) {
+    cm.display.viewFrom = cm.display.viewTo = cm.doc.first;
+    cm.display.view = [];
+    cm.display.viewOffset = 0;
+  }
+
+  // Find the view element corresponding to a given line. Return null
+  // when the line isn't visible.
+  function findViewIndex(cm, n) {
+    if (n >= cm.display.viewTo) return null;
+    n -= cm.display.viewFrom;
+    if (n < 0) return null;
+    var view = cm.display.view;
+    for (var i = 0; i < view.length; i++) {
+      n -= view[i].size;
+      if (n < 0) return i;
+    }
+  }
+
+  function viewCuttingPoint(cm, oldN, newN, dir) {
+    var index = findViewIndex(cm, oldN), diff, view = cm.display.view;
+    if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size)
+      return {index: index, lineN: newN};
+    for (var i = 0, n = cm.display.viewFrom; i < index; i++)
+      n += view[i].size;
+    if (n != oldN) {
+      if (dir > 0) {
+        if (index == view.length - 1) return null;
+        diff = (n + view[index].size) - oldN;
+        index++;
+      } else {
+        diff = n - oldN;
+      }
+      oldN += diff; newN += diff;
+    }
+    while (visualLineNo(cm.doc, newN) != newN) {
+      if (index == (dir < 0 ? 0 : view.length - 1)) return null;
+      newN += dir * view[index - (dir < 0 ? 1 : 0)].size;
+      index += dir;
+    }
+    return {index: index, lineN: newN};
+  }
+
+  // Force the view to cover a given range, adding empty view element
+  // or clipping off existing ones as needed.
+  function adjustView(cm, from, to) {
+    var display = cm.display, view = display.view;
+    if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) {
+      display.view = buildViewArray(cm, from, to);
+      display.viewFrom = from;
+    } else {
+      if (display.viewFrom > from)
+        display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view);
+      else if (display.viewFrom < from)
+        display.view = display.view.slice(findViewIndex(cm, from));
+      display.viewFrom = from;
+      if (display.viewTo < to)
+        display.view = display.view.concat(buildViewArray(cm, display.viewTo, to));
+      else if (display.viewTo > to)
+        display.view = display.view.slice(0, findViewIndex(cm, to));
+    }
+    display.viewTo = to;
+  }
+
+  // Count the number of lines in the view whose DOM representation is
+  // out of date (or nonexistent).
+  function countDirtyView(cm) {
+    var view = cm.display.view, dirty = 0;
+    for (var i = 0; i < view.length; i++) {
+      var lineView = view[i];
+      if (!lineView.hidden && (!lineView.node || lineView.changes)) ++dirty;
+    }
+    return dirty;
+  }
+
+  // INPUT HANDLING
+
+  // Poll for input changes, using the normal rate of polling. This
+  // runs as long as the editor is focused.
+  function slowPoll(cm) {
+    if (cm.display.pollingFast) return;
+    cm.display.poll.set(cm.options.pollInterval, function() {
+      readInput(cm);
+      if (cm.state.focused) slowPoll(cm);
+    });
+  }
+
+  // When an event has just come in that is likely to add or change
+  // something in the input textarea, we poll faster, to ensure that
+  // the change appears on the screen quickly.
+  function fastPoll(cm) {
+    var missed = false;
+    cm.display.pollingFast = true;
+    function p() {
+      var changed = readInput(cm);
+      if (!changed && !missed) {missed = true; cm.display.poll.set(60, p);}
+      else {cm.display.pollingFast = false; slowPoll(cm);}
+    }
+    cm.display.poll.set(20, p);
+  }
+
+  // This will be set to an array of strings when copying, so that,
+  // when pasting, we know what kind of selections the copied text
+  // was made out of.
+  var lastCopied = null;
+
+  // Read input from the textarea, and update the document to match.
+  // When something is selected, it is present in the textarea, and
+  // selected (unless it is huge, in which case a placeholder is
+  // used). When nothing is selected, the cursor sits after previously
+  // seen text (can be empty), which is stored in prevInput (we must
+  // not reset the textarea when typing, because that breaks IME).
+  function readInput(cm) {
+    var input = cm.display.input, prevInput = cm.display.prevInput, doc = cm.doc;
+    // Since this is called a *lot*, try to bail out as cheaply as
+    // possible when it is clear that nothing happened. hasSelection
+    // will be the case when there is a lot of text in the textarea,
+    // in which case reading its value would be expensive.
+    if (!cm.state.focused || (hasSelection(input) && !prevInput) || isReadOnly(cm) || cm.options.disableInput || cm.state.keySeq)
+      return false;
+    // See paste handler for more on the fakedLastChar kludge
+    if (cm.state.pasteIncoming && cm.state.fakedLastChar) {
+      input.value = input.value.substring(0, input.value.length - 1);
+      cm.state.fakedLastChar = false;
+    }
+    var text = input.value;
+    // If nothing changed, bail.
+    if (text == prevInput && !cm.somethingSelected()) return false;
+    // Work around nonsensical selection resetting in IE9/10, and
+    // inexplicable appearance of private area unicode characters on
+    // some key combos in Mac (#2689).
+    if (ie && ie_version >= 9 && cm.display.inputHasSelection === text ||
+        mac && /[\uf700-\uf7ff]/.test(text)) {
+      resetInput(cm);
+      return false;
+    }
+
+    var withOp = !cm.curOp;
+    if (withOp) startOperation(cm);
+    cm.display.shift = false;
+
+    if (text.charCodeAt(0) == 0x200b && doc.sel == cm.display.selForContextMenu && !prevInput)
+      prevInput = "\u200b";
+    // Find the part of the input that is actually new
+    var same = 0, l = Math.min(prevInput.length, text.length);
+    while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) ++same;
+    var inserted = text.slice(same), textLines = splitLines(inserted);
+
+    // When pasing N lines into N selections, insert one line per selection
+    var multiPaste = null;
+    if (cm.state.pasteIncoming && doc.sel.ranges.length > 1) {
+      if (lastCopied && lastCopied.join("\n") == inserted)
+        multiPaste = doc.sel.ranges.length % lastCopied.length == 0 && map(lastCopied, splitLines);
+      else if (textLines.length == doc.sel.ranges.length)
+        multiPaste = map(textLines, function(l) { return [l]; });
+    }
+
+    // Normal behavior is to insert the new text into every selection
+    for (var i = doc.sel.ranges.length - 1; i >= 0; i--) {
+      var range = doc.sel.ranges[i];
+      var from = range.from(), to = range.to();
+      // Handle deletion
+      if (same < prevInput.length)
+        from = Pos(from.line, from.ch - (prevInput.length - same));
+      // Handle overwrite
+      else if (cm.state.overwrite && range.empty() && !cm.state.pasteIncoming)
+        to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length));
+      var updateInput = cm.curOp.updateInput;
+      var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i % multiPaste.length] : textLines,
+                         origin: cm.state.pasteIncoming ? "paste" : cm.state.cutIncoming ? "cut" : "+input"};
+      makeChange(cm.doc, changeEvent);
+      signalLater(cm, "inputRead", cm, changeEvent);
+      // When an 'electric' character is inserted, immediately trigger a reindent
+      if (inserted && !cm.state.pasteIncoming && cm.options.electricChars &&
+          cm.options.smartIndent && range.head.ch < 100 &&
+          (!i || doc.sel.ranges[i - 1].head.line != range.head.line)) {
+        var mode = cm.getModeAt(range.head);
+        var end = changeEnd(changeEvent);
+        if (mode.electricChars) {
+          for (var j = 0; j < mode.electricChars.length; j++)
+            if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) {
+              indentLine(cm, end.line, "smart");
+              break;
+            }
+        } else if (mode.electricInput) {
+          if (mode.electricInput.test(getLine(doc, end.line).text.slice(0, end.ch)))
+            indentLine(cm, end.line, "smart");
+        }
+      }
+    }
+    ensureCursorVisible(cm);
+    cm.curOp.updateInput = updateInput;
+    cm.curOp.typing = true;
+
+    // Don't leave long text in the textarea, since it makes further polling slow
+    if (text.length > 1000 || text.indexOf("\n") > -1) input.value = cm.display.prevInput = "";
+    else cm.display.prevInput = text;
+    if (withOp) endOperation(cm);
+    cm.state.pasteIncoming = cm.state.cutIncoming = false;
+    return true;
+  }
+
+  // Reset the input to correspond to the selection (or to be empty,
+  // when not typing and nothing is selected)
+  function resetInput(cm, typing) {
+    var minimal, selected, doc = cm.doc;
+    if (cm.somethingSelected()) {
+      cm.display.prevInput = "";
+      var range = doc.sel.primary();
+      minimal = hasCopyEvent &&
+        (range.to().line - range.from().line > 100 || (selected = cm.getSelection()).length > 1000);
+      var content = minimal ? "-" : selected || cm.getSelection();
+      cm.display.input.value = content;
+      if (cm.state.focused) selectInput(cm.display.input);
+      if (ie && ie_version >= 9) cm.display.inputHasSelection = content;
+    } else if (!typing) {
+      cm.display.prevInput = cm.display.input.value = "";
+      if (ie && ie_version >= 9) cm.display.inputHasSelection = null;
+    }
+    cm.display.inaccurateSelection = minimal;
+  }
+
+  function focusInput(cm) {
+    if (cm.options.readOnly != "nocursor" && (!mobile || activeElt() != cm.display.input))
+      cm.display.input.focus();
+  }
+
+  function ensureFocus(cm) {
+    if (!cm.state.focused) { focusInput(cm); onFocus(cm); }
+  }
+
+  function isReadOnly(cm) {
+    return cm.options.readOnly || cm.doc.cantEdit;
+  }
+
+  // EVENT HANDLERS
+
+  // Attach the necessary event handlers when initializing the editor
+  function registerEventHandlers(cm) {
+    var d = cm.display;
+    on(d.scroller, "mousedown", operation(cm, onMouseDown));
+    // Older IE's will not fire a second mousedown for a double click
+    if (ie && ie_version < 11)
+      on(d.scroller, "dblclick", operation(cm, function(e) {
+        if (signalDOMEvent(cm, e)) return;
+        var pos = posFromMouse(cm, e);
+        if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) return;
+        e_preventDefault(e);
+        var word = cm.findWordAt(pos);
+        extendSelection(cm.doc, word.anchor, word.head);
+      }));
+    else
+      on(d.scroller, "dblclick", function(e) { signalDOMEvent(cm, e) || e_preventDefault(e); });
+    // Prevent normal selection in the editor (we handle our own)
+    on(d.lineSpace, "selectstart", function(e) {
+      if (!eventInWidget(d, e)) e_preventDefault(e);
+    });
+    // Some browsers fire contextmenu *after* opening the menu, at
+    // which point we can't mess with it anymore. Context menu is
+    // handled in onMouseDown for these browsers.
+    if (!captureRightClick) on(d.scroller, "contextmenu", function(e) {onContextMenu(cm, e);});
+
+    // Sync scrolling between fake scrollbars and real scrollable
+    // area, ensure viewport is updated when scrolling.
+    on(d.scroller, "scroll", function() {
+      if (d.scroller.clientHeight) {
+        setScrollTop(cm, d.scroller.scrollTop);
+        setScrollLeft(cm, d.scroller.scrollLeft, true);
+        signal(cm, "scroll", cm);
+      }
+    });
+    on(d.scrollbarV, "scroll", function() {
+      if (d.scroller.clientHeight) setScrollTop(cm, d.scrollbarV.scrollTop);
+    });
+    on(d.scrollbarH, "scroll", function() {
+      if (d.scroller.clientHeight) setScrollLeft(cm, d.scrollbarH.scrollLeft);
+    });
+
+    // Listen to wheel events in order to try and update the viewport on time.
+    on(d.scroller, "mousewheel", function(e){onScrollWheel(cm, e);});
+    on(d.scroller, "DOMMouseScroll", function(e){onScrollWheel(cm, e);});
+
+    // Prevent clicks in the scrollbars from killing focus
+    function reFocus() { if (cm.state.focused) setTimeout(bind(focusInput, cm), 0); }
+    on(d.scrollbarH, "mousedown", reFocus);
+    on(d.scrollbarV, "mousedown", reFocus);
+    // Prevent wrapper from ever scrolling
+    on(d.wrapper, "scroll", function() { d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; });
+
+    on(d.input, "keyup", function(e) { onKeyUp.call(cm, e); });
+    on(d.input, "input", function() {
+      if (ie && ie_version >= 9 && cm.display.inputHasSelection) cm.display.inputHasSelection = null;
+      fastPoll(cm);
+    });
+    on(d.input, "keydown", operation(cm, onKeyDown));
+    on(d.input, "keypress", operation(cm, onKeyPress));
+    on(d.input, "focus", bind(onFocus, cm));
+    on(d.input, "blur", bind(onBlur, cm));
+
+    function drag_(e) {
+      if (!signalDOMEvent(cm, e)) e_stop(e);
+    }
+    if (cm.options.dragDrop) {
+      on(d.scroller, "dragstart", function(e){onDragStart(cm, e);});
+      on(d.scroller, "dragenter", drag_);
+      on(d.scroller, "dragover", drag_);
+      on(d.scroller, "drop", operation(cm, onDrop));
+    }
+    on(d.scroller, "paste", function(e) {
+      if (eventInWidget(d, e)) return;
+      cm.state.pasteIncoming = true;
+      focusInput(cm);
+      fastPoll(cm);
+    });
+    on(d.input, "paste", function() {
+      // Workaround for webkit bug https://bugs.webkit.org/show_bug.cgi?id=90206
+      // Add a char to the end of textarea before paste occur so that
+      // selection doesn't span to the end of textarea.
+      if (webkit && !cm.state.fakedLastChar && !(new Date - cm.state.lastMiddleDown < 200)) {
+        var start = d.input.selectionStart, end = d.input.selectionEnd;
+        d.input.value += "$";
+        // The selection end needs to be set before the start, otherwise there
+        // can be an intermediate non-empty selection between the two, which
+        // can override the middle-click paste buffer on linux and cause the
+        // wrong thing to get pasted.
+        d.input.selectionEnd = end;
+        d.input.selectionStart = start;
+        cm.state.fakedLastChar = true;
+      }
+      cm.state.pasteIncoming = true;
+      fastPoll(cm);
+    });
+
+    function prepareCopyCut(e) {
+      if (cm.somethingSelected()) {
+        lastCopied = cm.getSelections();
+        if (d.inaccurateSelection) {
+          d.prevInput = "";
+          d.inaccurateSelection = false;
+          d.input.value = lastCopied.join("\n");
+          selectInput(d.input);
+        }
+      } else {
+        var text = [], ranges = [];
+        for (var i = 0; i < cm.doc.sel.ranges.length; i++) {
+          var line = cm.doc.sel.ranges[i].head.line;
+          var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)};
+          ranges.push(lineRange);
+          text.push(cm.getRange(lineRange.anchor, lineRange.head));
+        }
+        if (e.type == "cut") {
+          cm.setSelections(ranges, null, sel_dontScroll);
+        } else {
+          d.prevInput = "";
+          d.input.value = text.join("\n");
+          selectInput(d.input);
+        }
+        lastCopied = text;
+      }
+      if (e.type == "cut") cm.state.cutIncoming = true;
+    }
+    on(d.input, "cut", prepareCopyCut);
+    on(d.input, "copy", prepareCopyCut);
+
+    // Needed to handle Tab key in KHTML
+    if (khtml) on(d.sizer, "mouseup", function() {
+      if (activeElt() == d.input) d.input.blur();
+      focusInput(cm);
+    });
+  }
+
+  // Called when the window resizes
+  function onResize(cm) {
+    var d = cm.display;
+    if (d.lastWrapHeight == d.wrapper.clientHeight && d.lastWrapWidth == d.wrapper.clientWidth)
+      return;
+    // Might be a text scaling operation, clear size caches.
+    d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null;
+    cm.setSize();
+  }
+
+  // MOUSE EVENTS
+
+  // Return true when the given mouse event happened in a widget
+  function eventInWidget(display, e) {
+    for (var n = e_target(e); n != display.wrapper; n = n.parentNode) {
+      if (!n || n.ignoreEvents || n.parentNode == display.sizer && n != display.mover) return true;
+    }
+  }
+
+  // Given a mouse event, find the corresponding position. If liberal
+  // is false, it checks whether a gutter or scrollbar was clicked,
+  // and returns null if it was. forRect is used by rectangular
+  // selections, and tries to estimate a character position even for
+  // coordinates beyond the right of the text.
+  function posFromMouse(cm, e, liberal, forRect) {
+    var display = cm.display;
+    if (!liberal) {
+      var target = e_target(e);
+      if (target == display.scrollbarH || target == display.scrollbarV ||
+          target == display.scrollbarFiller || target == display.gutterFiller) return null;
+    }
+    var x, y, space = display.lineSpace.getBoundingClientRect();
+    // Fails unpredictably on IE[67] when mouse is dragged around quickly.
+    try { x = e.clientX - space.left; y = e.clientY - space.top; }
+    catch (e) { return null; }
+    var coords = coordsChar(cm, x, y), line;
+    if (forRect && coords.xRel == 1 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) {
+      var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length;
+      coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff));
+    }
+    return coords;
+  }
+
+  // A mouse down can be a single click, double click, triple click,
+  // start of selection drag, start of text drag, new cursor
+  // (ctrl-click), rectangle drag (alt-drag), or xwin
+  // middle-click-paste. Or it might be a click on something we should
+  // not interfere with, such as a scrollbar or widget.
+  function onMouseDown(e) {
+    if (signalDOMEvent(this, e)) return;
+    var cm = this, display = cm.display;
+    display.shift = e.shiftKey;
+
+    if (eventInWidget(display, e)) {
+      if (!webkit) {
+        // Briefly turn off draggability, to allow widgets to do
+        // normal dragging things.
+        display.scroller.draggable = false;
+        setTimeout(function(){display.scroller.draggable = true;}, 100);
+      }
+      return;
+    }
+    if (clickInGutter(cm, e)) return;
+    var start = posFromMouse(cm, e);
+    window.focus();
+
+    switch (e_button(e)) {
+    case 1:
+      if (start)
+        leftButtonDown(cm, e, start);
+      else if (e_target(e) == display.scroller)
+        e_preventDefault(e);
+      break;
+    case 2:
+      if (webkit) cm.state.lastMiddleDown = +new Date;
+      if (start) extendSelection(cm.doc, start);
+      setTimeout(bind(focusInput, cm), 20);
+      e_preventDefault(e);
+      break;
+    case 3:
+      if (captureRightClick) onContextMenu(cm, e);
+      break;
+    }
+  }
+
+  var lastClick, lastDoubleClick;
+  function leftButtonDown(cm, e, start) {
+    setTimeout(bind(ensureFocus, cm), 0);
+
+    var now = +new Date, type;
+    if (lastDoubleClick && lastDoubleClick.time > now - 400 && cmp(lastDoubleClick.pos, start) == 0) {
+      type = "triple";
+    } else if (lastClick && lastClick.time > now - 400 && cmp(lastClick.pos, start) == 0) {
+      type = "double";
+      lastDoubleClick = {time: now, pos: start};
+    } else {
+      type = "single";
+      lastClick = {time: now, pos: start};
+    }
+
+    var sel = cm.doc.sel, modifier = mac ? e.metaKey : e.ctrlKey;
+    if (cm.options.dragDrop && dragAndDrop && !isReadOnly(cm) &&
+        type == "single" && sel.contains(start) > -1 && sel.somethingSelected())
+      leftButtonStartDrag(cm, e, start, modifier);
+    else
+      leftButtonSelect(cm, e, start, type, modifier);
+  }
+
+  // Start a text drag. When it ends, see if any dragging actually
+  // happen, and treat as a click if it didn't.
+  function leftButtonStartDrag(cm, e, start, modifier) {
+    var display = cm.display;
+    var dragEnd = operation(cm, function(e2) {
+      if (webkit) display.scroller.draggable = false;
+      cm.state.draggingText = false;
+      off(document, "mouseup", dragEnd);
+      off(display.scroller, "drop", dragEnd);
+      if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) {
+        e_preventDefault(e2);
+        if (!modifier)
+          extendSelection(cm.doc, start);
+        focusInput(cm);
+        // Work around unexplainable focus problem in IE9 (#2127)
+        if (ie && ie_version == 9)
+          setTimeout(function() {document.body.focus(); focusInput(cm);}, 20);
+      }
+    });
+    // Let the drag handler handle this.
+    if (webkit) display.scroller.draggable = true;
+    cm.state.draggingText = dragEnd;
+    // IE's approach to draggable
+    if (display.scroller.dragDrop) display.scroller.dragDrop();
+    on(document, "mouseup", dragEnd);
+    on(display.scroller, "drop", dragEnd);
+  }
+
+  // Normal selection, as opposed to text dragging.
+  function leftButtonSelect(cm, e, start, type, addNew) {
+    var display = cm.display, doc = cm.doc;
+    e_preventDefault(e);
+
+    var ourRange, ourIndex, startSel = doc.sel;
+    if (addNew && !e.shiftKey) {
+      ourIndex = doc.sel.contains(start);
+      if (ourIndex > -1)
+        ourRange = doc.sel.ranges[ourIndex];
+      else
+        ourRange = new Range(start, start);
+    } else {
+      ourRange = doc.sel.primary();
+    }
+
+    if (e.altKey) {
+      type = "rect";
+      if (!addNew) ourRange = new Range(start, start);
+      start = posFromMouse(cm, e, true, true);
+      ourIndex = -1;
+    } else if (type == "double") {
+      var word = cm.findWordAt(start);
+      if (cm.display.shift || doc.extend)
+        ourRange = extendRange(doc, ourRange, word.anchor, word.head);
+      else
+        ourRange = word;
+    } else if (type == "triple") {
+      var line = new Range(Pos(start.line, 0), clipPos(doc, Pos(start.line + 1, 0)));
+      if (cm.display.shift || doc.extend)
+        ourRange = extendRange(doc, ourRange, line.anchor, line.head);
+      else
+        ourRange = line;
+    } else {
+      ourRange = extendRange(doc, ourRange, start);
+    }
+
+    if (!addNew) {
+      ourIndex = 0;
+      setSelection(doc, new Selection([ourRange], 0), sel_mouse);
+      startSel = doc.sel;
+    } else if (ourIndex > -1) {
+      replaceOneSelection(doc, ourIndex, ourRange, sel_mouse);
+    } else {
+      ourIndex = doc.sel.ranges.length;
+      setSelection(doc, normalizeSelection(doc.sel.ranges.concat([ourRange]), ourIndex),
+                   {scroll: false, origin: "*mouse"});
+    }
+
+    var lastPos = start;
+    function extendTo(pos) {
+      if (cmp(lastPos, pos) == 0) return;
+      lastPos = pos;
+
+      if (type == "rect") {
+        var ranges = [], tabSize = cm.options.tabSize;
+        var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize);
+        var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize);
+        var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol);
+        for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line));
+             line <= end; line++) {
+          var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize);
+          if (left == right)
+            ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos)));
+          else if (text.length > leftPos)
+            ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize))));
+        }
+        if (!ranges.length) ranges.push(new Range(start, start));
+        setSelection(doc, normalizeSelection(startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex),
+                     {origin: "*mouse", scroll: false});
+        cm.scrollIntoView(pos);
+      } else {
+        var oldRange = ourRange;
+        var anchor = oldRange.anchor, head = pos;
+        if (type != "single") {
+          if (type == "double")
+            var range = cm.findWordAt(pos);
+          else
+            var range = new Range(Pos(pos.line, 0), clipPos(doc, Pos(pos.line + 1, 0)));
+          if (cmp(range.anchor, anchor) > 0) {
+            head = range.head;
+            anchor = minPos(oldRange.from(), range.anchor);
+          } else {
+            head = range.anchor;
+            anchor = maxPos(oldRange.to(), range.head);
+          }
+        }
+        var ranges = startSel.ranges.slice(0);
+        ranges[ourIndex] = new Range(clipPos(doc, anchor), head);
+        setSelection(doc, normalizeSelection(ranges, ourIndex), sel_mouse);
+      }
+    }
+
+    var editorSize = display.wrapper.getBoundingClientRect();
+    // Used to ensure timeout re-tries don't fire when another extend
+    // happened in the meantime (clearTimeout isn't reliable -- at
+    // least on Chrome, the timeouts still happen even when cleared,
+    // if the clear happens after their scheduled firing time).
+    var counter = 0;
+
+    function extend(e) {
+      var curCount = ++counter;
+      var cur = posFromMouse(cm, e, true, type == "rect");
+      if (!cur) return;
+      if (cmp(cur, lastPos) != 0) {
+        ensureFocus(cm);
+        extendTo(cur);
+        var visible = visibleLines(display, doc);
+        if (cur.line >= visible.to || cur.line < visible.from)
+          setTimeout(operation(cm, function(){if (counter == curCount) extend(e);}), 150);
+      } else {
+        var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0;
+        if (outside) setTimeout(operation(cm, function() {
+          if (counter != curCount) return;
+          display.scroller.scrollTop += outside;
+          extend(e);
+        }), 50);
+      }
+    }
+
+    function done(e) {
+      counter = Infinity;
+      e_preventDefault(e);
+      focusInput(cm);
+      off(document, "mousemove", move);
+      off(document, "mouseup", up);
+      doc.history.lastSelOrigin = null;
+    }
+
+    var move = operation(cm, function(e) {
+      if (!e_button(e)) done(e);
+      else extend(e);
+    });
+    var up = operation(cm, done);
+    on(document, "mousemove", move);
+    on(document, "mouseup", up);
+  }
+
+  // Determines whether an event happened in the gutter, and fires the
+  // handlers for the corresponding event.
+  function gutterEvent(cm, e, type, prevent, signalfn) {
+    try { var mX = e.clientX, mY = e.clientY; }
+    catch(e) { return false; }
+    if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) return false;
+    if (prevent) e_preventDefault(e);
+
+    var display = cm.display;
+    var lineBox = display.lineDiv.getBoundingClientRect();
+
+    if (mY > lineBox.bottom || !hasHandler(cm, type)) return e_defaultPrevented(e);
+    mY -= lineBox.top - display.viewOffset;
+
+    for (var i = 0; i < cm.options.gutters.length; ++i) {
+      var g = display.gutters.childNodes[i];
+      if (g && g.getBoundingClientRect().right >= mX) {
+        var line = lineAtHeight(cm.doc, mY);
+        var gutter = cm.options.gutters[i];
+        signalfn(cm, type, cm, line, gutter, e);
+        return e_defaultPrevented(e);
+      }
+    }
+  }
+
+  function clickInGutter(cm, e) {
+    return gutterEvent(cm, e, "gutterClick", true, signalLater);
+  }
+
+  // Kludge to work around strange IE behavior where it'll sometimes
+  // re-fire a series of drag-related events right after the drop (#1551)
+  var lastDrop = 0;
+
+  function onDrop(e) {
+    var cm = this;
+    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e))
+      return;
+    e_preventDefault(e);
+    if (ie) lastDrop = +new Date;
+    var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files;
+    if (!pos || isReadOnly(cm)) return;
+    // Might be a file drop, in which case we simply extract the text
+    // and insert it.
+    if (files && files.length && window.FileReader && window.File) {
+      var n = files.length, text = Array(n), read = 0;
+      var loadFile = function(file, i) {
+        var reader = new FileReader;
+        reader.onload = operation(cm, function() {
+          text[i] = reader.result;
+          if (++read == n) {
+            pos = clipPos(cm.doc, pos);
+            var change = {from: pos, to: pos, text: splitLines(text.join("\n")), origin: "paste"};
+            makeChange(cm.doc, change);
+            setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change)));
+          }
+        });
+        reader.readAsText(file);
+      };
+      for (var i = 0; i < n; ++i) loadFile(files[i], i);
+    } else { // Normal drop
+      // Don't do a replace if the drop happened inside of the selected text.
+      if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) {
+        cm.state.draggingText(e);
+        // Ensure the editor is re-focused
+        setTimeout(bind(focusInput, cm), 20);
+        return;
+      }
+      try {
+        var text = e.dataTransfer.getData("Text");
+        if (text) {
+          if (cm.state.draggingText && !(mac ? e.metaKey : e.ctrlKey))
+            var selected = cm.listSelections();
+          setSelectionNoUndo(cm.doc, simpleSelection(pos, pos));
+          if (selected) for (var i = 0; i < selected.length; ++i)
+            replaceRange(cm.doc, "", selected[i].anchor, selected[i].head, "drag");
+          cm.replaceSelection(text, "around", "paste");
+          focusInput(cm);
+        }
+      }
+      catch(e){}
+    }
+  }
+
+  function onDragStart(cm, e) {
+    if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return; }
+    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) return;
+
+    e.dataTransfer.setData("Text", cm.getSelection());
+
+    // Use dummy image instead of default browsers image.
+    // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there.
+    if (e.dataTransfer.setDragImage && !safari) {
+      var img = elt("img", null, null, "position: fixed; left: 0; top: 0;");
+      img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+      if (presto) {
+        img.width = img.height = 1;
+        cm.display.wrapper.appendChild(img);
+        // Force a relayout, or Opera won't use our image for some obscure reason
+        img._top = img.offsetTop;
+      }
+      e.dataTransfer.setDragImage(img, 0, 0);
+      if (presto) img.parentNode.removeChild(img);
+    }
+  }
+
+  // SCROLL EVENTS
+
+  // Sync the scrollable area and scrollbars, ensure the viewport
+  // covers the visible area.
+  function setScrollTop(cm, val) {
+    if (Math.abs(cm.doc.scrollTop - val) < 2) return;
+    cm.doc.scrollTop = val;
+    if (!gecko) updateDisplaySimple(cm, {top: val});
+    if (cm.display.scroller.scrollTop != val) cm.display.scroller.scrollTop = val;
+    if (cm.display.scrollbarV.scrollTop != val) cm.display.scrollbarV.scrollTop = val;
+    if (gecko) updateDisplaySimple(cm);
+    startWorker(cm, 100);
+  }
+  // Sync scroller and scrollbar, ensure the gutter elements are
+  // aligned.
+  function setScrollLeft(cm, val, isScroller) {
+    if (isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) return;
+    val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth);
+    cm.doc.scrollLeft = val;
+    alignHorizontally(cm);
+    if (cm.display.scroller.scrollLeft != val) cm.display.scroller.scrollLeft = val;
+    if (cm.display.scrollbarH.scrollLeft != val) cm.display.scrollbarH.scrollLeft = val;
+  }
+
+  // Since the delta values reported on mouse wheel events are
+  // unstandardized between browsers and even browser versions, and
+  // generally horribly unpredictable, this code starts by measuring
+  // the scroll effect that the first few mouse wheel events have,
+  // and, from that, detects the way it can convert deltas to pixel
+  // offsets afterwards.
+  //
+  // The reason we want to know the amount a wheel event will scroll
+  // is that it gives us a chance to update the display before the
+  // actual scrolling happens, reducing flickering.
+
+  var wheelSamples = 0, wheelPixelsPerUnit = null;
+  // Fill in a browser-detected starting value on browsers where we
+  // know one. These don't have to be accurate -- the result of them
+  // being wrong would just be a slight flicker on the first wheel
+  // scroll (if it is large enough).
+  if (ie) wheelPixelsPerUnit = -.53;
+  else if (gecko) wheelPixelsPerUnit = 15;
+  else if (chrome) wheelPixelsPerUnit = -.7;
+  else if (safari) wheelPixelsPerUnit = -1/3;
+
+  function onScrollWheel(cm, e) {
+    var dx = e.wheelDeltaX, dy = e.wheelDeltaY;
+    if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) dx = e.detail;
+    if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) dy = e.detail;
+    else if (dy == null) dy = e.wheelDelta;
+
+    var display = cm.display, scroll = display.scroller;
+    // Quit if there's nothing to scroll here
+    if (!(dx && scroll.scrollWidth > scroll.clientWidth ||
+          dy && scroll.scrollHeight > scroll.clientHeight)) return;
+
+    // Webkit browsers on OS X abort momentum scrolls when the target
+    // of the scroll event is removed from the scrollable element.
+    // This hack (see related code in patchDisplay) makes sure the
+    // element is kept around.
+    if (dy && mac && webkit) {
+      outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) {
+        for (var i = 0; i < view.length; i++) {
+          if (view[i].node == cur) {
+            cm.display.currentWheelTarget = cur;
+            break outer;
+          }
+        }
+      }
+    }
+
+    // On some browsers, horizontal scrolling will cause redraws to
+    // happen before the gutter has been realigned, causing it to
+    // wriggle around in a most unseemly way. When we have an
+    // estimated pixels/delta value, we just handle horizontal
+    // scrolling entirely here. It'll be slightly off from native, but
+    // better than glitching out.
+    if (dx && !gecko && !presto && wheelPixelsPerUnit != null) {
+      if (dy)
+        setScrollTop(cm, Math.max(0, Math.min(scroll.scrollTop + dy * wheelPixelsPerUnit, scroll.scrollHeight - scroll.clientHeight)));
+      setScrollLeft(cm, Math.max(0, Math.min(scroll.scrollLeft + dx * wheelPixelsPerUnit, scroll.scrollWidth - scroll.clientWidth)));
+      e_preventDefault(e);
+      display.wheelStartX = null; // Abort measurement, if in progress
+      return;
+    }
+
+    // 'Project' the visible viewport to cover the area that is being
+    // scrolled into view (if we know enough to estimate it).
+    if (dy && wheelPixelsPerUnit != null) {
+      var pixels = dy * wheelPixelsPerUnit;
+      var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight;
+      if (pixels < 0) top = Math.max(0, top + pixels - 50);
+      else bot = Math.min(cm.doc.height, bot + pixels + 50);
+      updateDisplaySimple(cm, {top: top, bottom: bot});
+    }
+
+    if (wheelSamples < 20) {
+      if (display.wheelStartX == null) {
+        display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop;
+        display.wheelDX = dx; display.wheelDY = dy;
+        setTimeout(function() {
+          if (display.wheelStartX == null) return;
+          var movedX = scroll.scrollLeft - display.wheelStartX;
+          var movedY = scroll.scrollTop - display.wheelStartY;
+          var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||
+            (movedX && display.wheelDX && movedX / display.wheelDX);
+          display.wheelStartX = display.wheelStartY = null;
+          if (!sample) return;
+          wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1);
+          ++wheelSamples;
+        }, 200);
+      } else {
+        display.wheelDX += dx; display.wheelDY += dy;
+      }
+    }
+  }
+
+  // KEY EVENTS
+
+  // Run a handler that was bound to a key.
+  function doHandleBinding(cm, bound, dropShift) {
+    if (typeof bound == "string") {
+      bound = commands[bound];
+      if (!bound) return false;
+    }
+    // Ensure previous input has been read, so that the handler sees a
+    // consistent view of the document
+    if (cm.display.pollingFast && readInput(cm)) cm.display.pollingFast = false;
+    var prevShift = cm.display.shift, done = false;
+    try {
+      if (isReadOnly(cm)) cm.state.suppressEdits = true;
+      if (dropShift) cm.display.shift = false;
+      done = bound(cm) != Pass;
+    } finally {
+      cm.display.shift = prevShift;
+      cm.state.suppressEdits = false;
+    }
+    return done;
+  }
+
+  function lookupKeyForEditor(cm, name, handle) {
+    for (var i = 0; i < cm.state.keyMaps.length; i++) {
+      var result = lookupKey(name, cm.state.keyMaps[i], handle);
+      if (result) return result;
+    }
+    return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle))
+      || lookupKey(name, cm.options.keyMap, handle);
+  }
+
+  var stopSeq = new Delayed;
+  function dispatchKey(cm, name, e, handle) {
+    var seq = cm.state.keySeq;
+    if (seq) {
+      if (isModifierKey(name)) return "handled";
+      stopSeq.set(50, function() {
+        if (cm.state.keySeq == seq) {
+          cm.state.keySeq = null;
+          resetInput(cm);
+        }
+      });
+      name = seq + " " + name;
+    }
+    var result = lookupKeyForEditor(cm, name, handle);
+
+    if (result == "multi")
+      cm.state.keySeq = name;
+    if (result == "handled")
+      signalLater(cm, "keyHandled", cm, name, e);
+
+    if (result == "handled" || result == "multi") {
+      e_preventDefault(e);
+      restartBlink(cm);
+    }
+
+    if (seq && !result && /\'$/.test(name)) {
+      e_preventDefault(e);
+      return true;
+    }
+    return !!result;
+  }
+
+  // Handle a key from the keydown event.
+  function handleKeyBinding(cm, e) {
+    var name = keyName(e, true);
+    if (!name) return false;
+
+    if (e.shiftKey && !cm.state.keySeq) {
+      // First try to resolve full name (including 'Shift-'). Failing
+      // that, see if there is a cursor-motion command (starting with
+      // 'go') bound to the keyname without 'Shift-'.
+      return dispatchKey(cm, "Shift-" + name, e, function(b) {return doHandleBinding(cm, b, true);})
+          || dispatchKey(cm, name, e, function(b) {
+               if (typeof b == "string" ? /^go[A-Z]/.test(b) : b.motion)
+                 return doHandleBinding(cm, b);
+             });
+    } else {
+      return dispatchKey(cm, name, e, function(b) { return doHandleBinding(cm, b); });
+    }
+  }
+
+  // Handle a key from the keypress event
+  function handleCharBinding(cm, e, ch) {
+    return dispatchKey(cm, "'" + ch + "'", e,
+                       function(b) { return doHandleBinding(cm, b, true); });
+  }
+
+  var lastStoppedKey = null;
+  function onKeyDown(e) {
+    var cm = this;
+    ensureFocus(cm);
+    if (signalDOMEvent(cm, e)) return;
+    // IE does strange things with escape.
+    if (ie && ie_version < 11 && e.keyCode == 27) e.returnValue = false;
+    var code = e.keyCode;
+    cm.display.shift = code == 16 || e.shiftKey;
+    var handled = handleKeyBinding(cm, e);
+    if (presto) {
+      lastStoppedKey = handled ? code : null;
+      // Opera has no cut event... we try to at least catch the key combo
+      if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey))
+        cm.replaceSelection("", null, "cut");
+    }
+
+    // Turn mouse into crosshair when Alt is held on Mac.
+    if (code == 18 && !/\bCodeMirror-crosshair\b/.test(cm.display.lineDiv.className))
+      showCrossHair(cm);
+  }
+
+  function showCrossHair(cm) {
+    var lineDiv = cm.display.lineDiv;
+    addClass(lineDiv, "CodeMirror-crosshair");
+
+    function up(e) {
+      if (e.keyCode == 18 || !e.altKey) {
+        rmClass(lineDiv, "CodeMirror-crosshair");
+        off(document, "keyup", up);
+        off(document, "mouseover", up);
+      }
+    }
+    on(document, "keyup", up);
+    on(document, "mouseover", up);
+  }
+
+  function onKeyUp(e) {
+    if (e.keyCode == 16) this.doc.sel.shift = false;
+    signalDOMEvent(this, e);
+  }
+
+  function onKeyPress(e) {
+    var cm = this;
+    if (signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) return;
+    var keyCode = e.keyCode, charCode = e.charCode;
+    if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return;}
+    if (((presto && (!e.which || e.which < 10)) || khtml) && handleKeyBinding(cm, e)) return;
+    var ch = String.fromCharCode(charCode == null ? keyCode : charCode);
+    if (handleCharBinding(cm, e, ch)) return;
+    if (ie && ie_version >= 9) cm.display.inputHasSelection = null;
+    fastPoll(cm);
+  }
+
+  // FOCUS/BLUR EVENTS
+
+  function onFocus(cm) {
+    if (cm.options.readOnly == "nocursor") return;
+    if (!cm.state.focused) {
+      signal(cm, "focus", cm);
+      cm.state.focused = true;
+      addClass(cm.display.wrapper, "CodeMirror-focused");
+      // The prevInput test prevents this from firing when a context
+      // menu is closed (since the resetInput would kill the
+      // select-all detection hack)
+      if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) {
+        resetInput(cm);
+        if (webkit) setTimeout(bind(resetInput, cm, true), 0); // Issue #1730
+      }
+    }
+    slowPoll(cm);
+    restartBlink(cm);
+  }
+  function onBlur(cm) {
+    if (cm.state.focused) {
+      signal(cm, "blur", cm);
+      cm.state.focused = false;
+      rmClass(cm.display.wrapper, "CodeMirror-focused");
+    }
+    clearInterval(cm.display.blinker);
+    setTimeout(function() {if (!cm.state.focused) cm.display.shift = false;}, 150);
+  }
+
+  // CONTEXT MENU HANDLING
+
+  // To make the context menu work, we need to briefly unhide the
+  // textarea (making it as unobtrusive as possible) to let the
+  // right-click take effect on it.
+  function onContextMenu(cm, e) {
+    if (signalDOMEvent(cm, e, "contextmenu")) return;
+    var display = cm.display;
+    if (eventInWidget(display, e) || contextMenuInGutter(cm, e)) return;
+
+    var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop;
+    if (!pos || presto) return; // Opera is difficult.
+
+    // Reset the current text selection only if the click is done outside of the selection
+    // and 'resetSelectionOnContextMenu' option is true.
+    var reset = cm.options.resetSelectionOnContextMenu;
+    if (reset && cm.doc.sel.contains(pos) == -1)
+      operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll);
+
+    var oldCSS = display.input.style.cssText;
+    display.inputDiv.style.position = "absolute";
+    display.input.style.cssText = "position: fixed; width: 30px; height: 30px; top: " + (e.clientY - 5) +
+      "px; left: " + (e.clientX - 5) + "px; z-index: 1000; background: " +
+      (ie ? "rgba(255, 255, 255, .05)" : "transparent") +
+      "; outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);";
+    if (webkit) var oldScrollY = window.scrollY; // Work around Chrome issue (#2712)
+    focusInput(cm);
+    if (webkit) window.scrollTo(null, oldScrollY);
+    resetInput(cm);
+    // Adds "Select all" to context menu in FF
+    if (!cm.somethingSelected()) display.input.value = display.prevInput = " ";
+    display.selForContextMenu = cm.doc.sel;
+    clearTimeout(display.detectingSelectAll);
+
+    // Select-all will be greyed out if there's nothing to select, so
+    // this adds a zero-width space so that we can later check whether
+    // it got selected.
+    function prepareSelectAllHack() {
+      if (display.input.selectionStart != null) {
+        var selected = cm.somethingSelected();
+        var extval = display.input.value = "\u200b" + (selected ? display.input.value : "");
+        display.prevInput = selected ? "" : "\u200b";
+        display.input.selectionStart = 1; display.input.selectionEnd = extval.length;
+        // Re-set this, in case some other handler touched the
+        // selection in the meantime.
+        display.selForContextMenu = cm.doc.sel;
+      }
+    }
+    function rehide() {
+      display.inputDiv.style.position = "relative";
+      display.input.style.cssText = oldCSS;
+      if (ie && ie_version < 9) display.scrollbarV.scrollTop = display.scroller.scrollTop = scrollPos;
+      slowPoll(cm);
+
+      // Try to detect the user choosing select-all
+      if (display.input.selectionStart != null) {
+        if (!ie || (ie && ie_version < 9)) prepareSelectAllHack();
+        var i = 0, poll = function() {
+          if (display.selForContextMenu == cm.doc.sel && display.input.selectionStart == 0)
+            operation(cm, commands.selectAll)(cm);
+          else if (i++ < 10) display.detectingSelectAll = setTimeout(poll, 500);
+          else resetInput(cm);
+        };
+        display.detectingSelectAll = setTimeout(poll, 200);
+      }
+    }
+
+    if (ie && ie_version >= 9) prepareSelectAllHack();
+    if (captureRightClick) {
+      e_stop(e);
+      var mouseup = function() {
+        off(window, "mouseup", mouseup);
+        setTimeout(rehide, 20);
+      };
+      on(window, "mouseup", mouseup);
+    } else {
+      setTimeout(rehide, 50);
+    }
+  }
+
+  function contextMenuInGutter(cm, e) {
+    if (!hasHandler(cm, "gutterContextMenu")) return false;
+    return gutterEvent(cm, e, "gutterContextMenu", false, signal);
+  }
+
+  // UPDATING
+
+  // Compute the position of the end of a change (its 'to' property
+  // refers to the pre-change end).
+  var changeEnd = CodeMirror.changeEnd = function(change) {
+    if (!change.text) return change.to;
+    return Pos(change.from.line + change.text.length - 1,
+               lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0));
+  };
+
+  // Adjust a position to refer to the post-change position of the
+  // same text, or the end of the change if the change covers it.
+  function adjustForChange(pos, change) {
+    if (cmp(pos, change.from) < 0) return pos;
+    if (cmp(pos, change.to) <= 0) return changeEnd(change);
+
+    var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch;
+    if (pos.line == change.to.line) ch += changeEnd(change).ch - change.to.ch;
+    return Pos(line, ch);
+  }
+
+  function computeSelAfterChange(doc, change) {
+    var out = [];
+    for (var i = 0; i < doc.sel.ranges.length; i++) {
+      var range = doc.sel.ranges[i];
+      out.push(new Range(adjustForChange(range.anchor, change),
+                         adjustForChange(range.head, change)));
+    }
+    return normalizeSelection(out, doc.sel.primIndex);
+  }
+
+  function offsetPos(pos, old, nw) {
+    if (pos.line == old.line)
+      return Pos(nw.line, pos.ch - old.ch + nw.ch);
+    else
+      return Pos(nw.line + (pos.line - old.line), pos.ch);
+  }
+
+  // Used by replaceSelections to allow moving the selection to the
+  // start or around the replaced test. Hint may be "start" or "around".
+  function computeReplacedSel(doc, changes, hint) {
+    var out = [];
+    var oldPrev = Pos(doc.first, 0), newPrev = oldPrev;
+    for (var i = 0; i < changes.length; i++) {
+      var change = changes[i];
+      var from = offsetPos(change.from, oldPrev, newPrev);
+      var to = offsetPos(changeEnd(change), oldPrev, newPrev);
+      oldPrev = change.to;
+      newPrev = to;
+      if (hint == "around") {
+        var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0;
+        out[i] = new Range(inv ? to : from, inv ? from : to);
+      } else {
+        out[i] = new Range(from, from);
+      }
+    }
+    return new Selection(out, doc.sel.primIndex);
+  }
+
+  // Allow "beforeChange" event handlers to influence a change
+  function filterChange(doc, change, update) {
+    var obj = {
+      canceled: false,
+      from: change.from,
+      to: change.to,
+      text: change.text,
+      origin: change.origin,
+      cancel: function() { this.canceled = true; }
+    };
+    if (update) obj.update = function(from, to, text, origin) {
+      if (from) this.from = clipPos(doc, from);
+      if (to) this.to = clipPos(doc, to);
+      if (text) this.text = text;
+      if (origin !== undefined) this.origin = origin;
+    };
+    signal(doc, "beforeChange", doc, obj);
+    if (doc.cm) signal(doc.cm, "beforeChange", doc.cm, obj);
+
+    if (obj.canceled) return null;
+    return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin};
+  }
+
+  // Apply a change to a document, and add it to the document's
+  // history, and propagating it to all linked documents.
+  function makeChange(doc, change, ignoreReadOnly) {
+    if (doc.cm) {
+      if (!doc.cm.curOp) return operation(doc.cm, makeChange)(doc, change, ignoreReadOnly);
+      if (doc.cm.state.suppressEdits) return;
+    }
+
+    if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) {
+      change = filterChange(doc, change, true);
+      if (!change) return;
+    }
+
+    // Possibly split or suppress the update based on the presence
+    // of read-only spans in its range.
+    var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to);
+    if (split) {
+      for (var i = split.length - 1; i >= 0; --i)
+        makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text});
+    } else {
+      makeChangeInner(doc, change);
+    }
+  }
+
+  function makeChangeInner(doc, change) {
+    if (change.text.length == 1 && change.text[0] == "" && cmp(change.from, change.to) == 0) return;
+    var selAfter = computeSelAfterChange(doc, change);
+    addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN);
+
+    makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change));
+    var rebased = [];
+
+    linkedDocs(doc, function(doc, sharedHist) {
+      if (!sharedHist && indexOf(rebased, doc.history) == -1) {
+        rebaseHist(doc.history, change);
+        rebased.push(doc.history);
+      }
+      makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change));
+    });
+  }
+
+  // Revert a change stored in a document's history.
+  function makeChangeFromHistory(doc, type, allowSelectionOnly) {
+    if (doc.cm && doc.cm.state.suppressEdits) return;
+
+    var hist = doc.history, event, selAfter = doc.sel;
+    var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done;
+
+    // Verify that there is a useable event (so that ctrl-z won't
+    // needlessly clear selection events)
+    for (var i = 0; i < source.length; i++) {
+      event = source[i];
+      if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges)
+        break;
+    }
+    if (i == source.length) return;
+    hist.lastOrigin = hist.lastSelOrigin = null;
+
+    for (;;) {
+      event = source.pop();
+      if (event.ranges) {
+        pushSelectionToHistory(event, dest);
+        if (allowSelectionOnly && !event.equals(doc.sel)) {
+          setSelection(doc, event, {clearRedo: false});
+          return;
+        }
+        selAfter = event;
+      }
+      else break;
+    }
+
+    // Build up a reverse change object to add to the opposite history
+    // stack (redo when undoing, and vice versa).
+    var antiChanges = [];
+    pushSelectionToHistory(selAfter, dest);
+    dest.push({changes: antiChanges, generation: hist.generation});
+    hist.generation = event.generation || ++hist.maxGeneration;
+
+    var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange");
+
+    for (var i = event.changes.length - 1; i >= 0; --i) {
+      var change = event.changes[i];
+      change.origin = type;
+      if (filter && !filterChange(doc, change, false)) {
+        source.length = 0;
+        return;
+      }
+
+      antiChanges.push(historyChangeFromChange(doc, change));
+
+      var after = i ? computeSelAfterChange(doc, change) : lst(source);
+      makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change));
+      if (!i && doc.cm) doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)});
+      var rebased = [];
+
+      // Propagate to the linked documents
+      linkedDocs(doc, function(doc, sharedHist) {
+        if (!sharedHist && indexOf(rebased, doc.history) == -1) {
+          rebaseHist(doc.history, change);
+          rebased.push(doc.history);
+        }
+        makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change));
+      });
+    }
+  }
+
+  // Sub-views need their line numbers shifted when text is added
+  // above or below them in the parent document.
+  function shiftDoc(doc, distance) {
+    if (distance == 0) return;
+    doc.first += distance;
+    doc.sel = new Selection(map(doc.sel.ranges, function(range) {
+      return new Range(Pos(range.anchor.line + distance, range.anchor.ch),
+                       Pos(range.head.line + distance, range.head.ch));
+    }), doc.sel.primIndex);
+    if (doc.cm) {
+      regChange(doc.cm, doc.first, doc.first - distance, distance);
+      for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++)
+        regLineChange(doc.cm, l, "gutter");
+    }
+  }
+
+  // More lower-level change function, handling only a single document
+  // (not linked ones).
+  function makeChangeSingleDoc(doc, change, selAfter, spans) {
+    if (doc.cm && !doc.cm.curOp)
+      return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans);
+
+    if (change.to.line < doc.first) {
+      shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line));
+      return;
+    }
+    if (change.from.line > doc.lastLine()) return;
+
+    // Clip the change to the size of this doc
+    if (change.from.line < doc.first) {
+      var shift = change.text.length - 1 - (doc.first - change.from.line);
+      shiftDoc(doc, shift);
+      change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch),
+                text: [lst(change.text)], origin: change.origin};
+    }
+    var last = doc.lastLine();
+    if (change.to.line > last) {
+      change = {from: change.from, to: Pos(last, getLine(doc, last).text.length),
+                text: [change.text[0]], origin: change.origin};
+    }
+
+    change.removed = getBetween(doc, change.from, change.to);
+
+    if (!selAfter) selAfter = computeSelAfterChange(doc, change);
+    if (doc.cm) makeChangeSingleDocInEditor(doc.cm, change, spans);
+    else updateDoc(doc, change, spans);
+    setSelectionNoUndo(doc, selAfter, sel_dontScroll);
+  }
+
+  // Handle the interaction of a change to a document with the editor
+  // that this document is part of.
+  function makeChangeSingleDocInEditor(cm, change, spans) {
+    var doc = cm.doc, display = cm.display, from = change.from, to = change.to;
+
+    var recomputeMaxLength = false, checkWidthStart = from.line;
+    if (!cm.options.lineWrapping) {
+      checkWidthStart = lineNo(visualLine(getLine(doc, from.line)));
+      doc.iter(checkWidthStart, to.line + 1, function(line) {
+        if (line == display.maxLine) {
+          recomputeMaxLength = true;
+          return true;
+        }
+      });
+    }
+
+    if (doc.sel.contains(change.from, change.to) > -1)
+      signalCursorActivity(cm);
+
+    updateDoc(doc, change, spans, estimateHeight(cm));
+
+    if (!cm.options.lineWrapping) {
+      doc.iter(checkWidthStart, from.line + change.text.length, function(line) {
+        var len = lineLength(line);
+        if (len > display.maxLineLength) {
+          display.maxLine = line;
+          display.maxLineLength = len;
+          display.maxLineChanged = true;
+          recomputeMaxLength = false;
+        }
+      });
+      if (recomputeMaxLength) cm.curOp.updateMaxLine = true;
+    }
+
+    // Adjust frontier, schedule worker
+    doc.frontier = Math.min(doc.frontier, from.line);
+    startWorker(cm, 400);
+
+    var lendiff = change.text.length - (to.line - from.line) - 1;
+    // Remember that these lines changed, for updating the display
+    if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change))
+      regLineChange(cm, from.line, "text");
+    else
+      regChange(cm, from.line, to.line + 1, lendiff);
+
+    var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change");
+    if (changeHandler || changesHandler) {
+      var obj = {
+        from: from, to: to,
+        text: change.text,
+        removed: change.removed,
+        origin: change.origin
+      };
+      if (changeHandler) signalLater(cm, "change", cm, obj);
+      if (changesHandler) (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj);
+    }
+    cm.display.selForContextMenu = null;
+  }
+
+  function replaceRange(doc, code, from, to, origin) {
+    if (!to) to = from;
+    if (cmp(to, from) < 0) { var tmp = to; to = from; from = tmp; }
+    if (typeof code == "string") code = splitLines(code);
+    makeChange(doc, {from: from, to: to, text: code, origin: origin});
+  }
+
+  // SCROLLING THINGS INTO VIEW
+
+  // If an editor sits on the top or bottom of the window, partially
+  // scrolled out of view, this ensures that the cursor is visible.
+  function maybeScrollWindow(cm, coords) {
+    if (signalDOMEvent(cm, "scrollCursorIntoView")) return;
+
+    var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null;
+    if (coords.top + box.top < 0) doScroll = true;
+    else if (coords.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) doScroll = false;
+    if (doScroll != null && !phantom) {
+      var scrollNode = elt("div", "\u200b", null, "position: absolute; top: " +
+                           (coords.top - display.viewOffset - paddingTop(cm.display)) + "px; height: " +
+                           (coords.bottom - coords.top + scrollerCutOff) + "px; left: " +
+                           coords.left + "px; width: 2px;");
+      cm.display.lineSpace.appendChild(scrollNode);
+      scrollNode.scrollIntoView(doScroll);
+      cm.display.lineSpace.removeChild(scrollNode);
+    }
+  }
+
+  // Scroll a given position into view (immediately), verifying that
+  // it actually became visible (as line heights are accurately
+  // measured, the position of something may 'drift' during drawing).
+  function scrollPosIntoView(cm, pos, end, margin) {
+    if (margin == null) margin = 0;
+    for (var limit = 0; limit < 5; limit++) {
+      var changed = false, coords = cursorCoords(cm, pos);
+      var endCoords = !end || end == pos ? coords : cursorCoords(cm, end);
+      var scrollPos = calculateScrollPos(cm, Math.min(coords.left, endCoords.left),
+                                         Math.min(coords.top, endCoords.top) - margin,
+                                         Math.max(coords.left, endCoords.left),
+                                         Math.max(coords.bottom, endCoords.bottom) + margin);
+      var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft;
+      if (scrollPos.scrollTop != null) {
+        setScrollTop(cm, scrollPos.scrollTop);
+        if (Math.abs(cm.doc.scrollTop - startTop) > 1) changed = true;
+      }
+      if (scrollPos.scrollLeft != null) {
+        setScrollLeft(cm, scrollPos.scrollLeft);
+        if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) changed = true;
+      }
+      if (!changed) return coords;
+    }
+  }
+
+  // Scroll a given set of coordinates into view (immediately).
+  function scrollIntoView(cm, x1, y1, x2, y2) {
+    var scrollPos = calculateScrollPos(cm, x1, y1, x2, y2);
+    if (scrollPos.scrollTop != null) setScrollTop(cm, scrollPos.scrollTop);
+    if (scrollPos.scrollLeft != null) setScrollLeft(cm, scrollPos.scrollLeft);
+  }
+
+  // Calculate a new scroll position needed to scroll the given
+  // rectangle into view. Returns an object with scrollTop and
+  // scrollLeft properties. When these are undefined, the
+  // vertical/horizontal position does not need to be adjusted.
+  function calculateScrollPos(cm, x1, y1, x2, y2) {
+    var display = cm.display, snapMargin = textHeight(cm.display);
+    if (y1 < 0) y1 = 0;
+    var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop;
+    var screen = display.scroller.clientHeight - scrollerCutOff, result = {};
+    if (y2 - y1 > screen) y2 = y1 + screen;
+    var docBottom = cm.doc.height + paddingVert(display);
+    var atTop = y1 < snapMargin, atBottom = y2 > docBottom - snapMargin;
+    if (y1 < screentop) {
+      result.scrollTop = atTop ? 0 : y1;
+    } else if (y2 > screentop + screen) {
+      var newTop = Math.min(y1, (atBottom ? docBottom : y2) - screen);
+      if (newTop != screentop) result.scrollTop = newTop;
+    }
+
+    var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft;
+    var screenw = display.scroller.clientWidth - scrollerCutOff - display.gutters.offsetWidth;
+    var tooWide = x2 - x1 > screenw;
+    if (tooWide) x2 = x1 + screenw;
+    if (x1 < 10)
+      result.scrollLeft = 0;
+    else if (x1 < screenleft)
+      result.scrollLeft = Math.max(0, x1 - (tooWide ? 0 : 10));
+    else if (x2 > screenw + screenleft - 3)
+      result.scrollLeft = x2 + (tooWide ? 0 : 10) - screenw;
+
+    return result;
+  }
+
+  // Store a relative adjustment to the scroll position in the current
+  // operation (to be applied when the operation finishes).
+  function addToScrollPos(cm, left, top) {
+    if (left != null || top != null) resolveScrollToPos(cm);
+    if (left != null)
+      cm.curOp.scrollLeft = (cm.curOp.scrollLeft == null ? cm.doc.scrollLeft : cm.curOp.scrollLeft) + left;
+    if (top != null)
+      cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top;
+  }
+
+  // Make sure that at the end of the operation the current cursor is
+  // shown.
+  function ensureCursorVisible(cm) {
+    resolveScrollToPos(cm);
+    var cur = cm.getCursor(), from = cur, to = cur;
+    if (!cm.options.lineWrapping) {
+      from = cur.ch ? Pos(cur.line, cur.ch - 1) : cur;
+      to = Pos(cur.line, cur.ch + 1);
+    }
+    cm.curOp.scrollToPos = {from: from, to: to, margin: cm.options.cursorScrollMargin, isCursor: true};
+  }
+
+  // When an operation has its scrollToPos property set, and another
+  // scroll action is applied before the end of the operation, this
+  // 'simulates' scrolling that position into view in a cheap way, so
+  // that the effect of intermediate scroll commands is not ignored.
+  function resolveScrollToPos(cm) {
+    var range = cm.curOp.scrollToPos;
+    if (range) {
+      cm.curOp.scrollToPos = null;
+      var from = estimateCoords(cm, range.from), to = estimateCoords(cm, range.to);
+      var sPos = calculateScrollPos(cm, Math.min(from.left, to.left),
+                                    Math.min(from.top, to.top) - range.margin,
+                                    Math.max(from.right, to.right),
+                                    Math.max(from.bottom, to.bottom) + range.margin);
+      cm.scrollTo(sPos.scrollLeft, sPos.scrollTop);
+    }
+  }
+
+  // API UTILITIES
+
+  // Indent the given line. The how parameter can be "smart",
+  // "add"/null, "subtract", or "prev". When aggressive is false
+  // (typically set to true for forced single-line indents), empty
+  // lines are not indented, and places where the mode returns Pass
+  // are left alone.
+  function indentLine(cm, n, how, aggressive) {
+    var doc = cm.doc, state;
+    if (how == null) how = "add";
+    if (how == "smart") {
+      // Fall back to "prev" when the mode doesn't have an indentation
+      // method.
+      if (!doc.mode.indent) how = "prev";
+      else state = getStateBefore(cm, n);
+    }
+
+    var tabSize = cm.options.tabSize;
+    var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize);
+    if (line.stateAfter) line.stateAfter = null;
+    var curSpaceString = line.text.match(/^\s*/)[0], indentation;
+    if (!aggressive && !/\S/.test(line.text)) {
+      indentation = 0;
+      how = "not";
+    } else if (how == "smart") {
+      indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text);
+      if (indentation == Pass || indentation > 150) {
+        if (!aggressive) return;
+        how = "prev";
+      }
+    }
+    if (how == "prev") {
+      if (n > doc.first) indentation = countColumn(getLine(doc, n-1).text, null, tabSize);
+      else indentation = 0;
+    } else if (how == "add") {
+      indentation = curSpace + cm.options.indentUnit;
+    } else if (how == "subtract") {
+      indentation = curSpace - cm.options.indentUnit;
+    } else if (typeof how == "number") {
+      indentation = curSpace + how;
+    }
+    indentation = Math.max(0, indentation);
+
+    var indentString = "", pos = 0;
+    if (cm.options.indentWithTabs)
+      for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";}
+    if (pos < indentation) indentString += spaceStr(indentation - pos);
+
+    if (indentString != curSpaceString) {
+      replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input");
+    } else {
+      // Ensure that, if the cursor was in the whitespace at the start
+      // of the line, it is moved to the end of that space.
+      for (var i = 0; i < doc.sel.ranges.length; i++) {
+        var range = doc.sel.ranges[i];
+        if (range.head.line == n && range.head.ch < curSpaceString.length) {
+          var pos = Pos(n, curSpaceString.length);
+          replaceOneSelection(doc, i, new Range(pos, pos));
+          break;
+        }
+      }
+    }
+    line.stateAfter = null;
+  }
+
+  // Utility for applying a change to a line by handle or number,
+  // returning the number and optionally registering the line as
+  // changed.
+  function changeLine(doc, handle, changeType, op) {
+    var no = handle, line = handle;
+    if (typeof handle == "number") line = getLine(doc, clipLine(doc, handle));
+    else no = lineNo(handle);
+    if (no == null) return null;
+    if (op(line, no) && doc.cm) regLineChange(doc.cm, no, changeType);
+    return line;
+  }
+
+  // Helper for deleting text near the selection(s), used to implement
+  // backspace, delete, and similar functionality.
+  function deleteNearSelection(cm, compute) {
+    var ranges = cm.doc.sel.ranges, kill = [];
+    // Build up a set of ranges to kill first, merging overlapping
+    // ranges.
+    for (var i = 0; i < ranges.length; i++) {
+      var toKill = compute(ranges[i]);
+      while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) {
+        var replaced = kill.pop();
+        if (cmp(replaced.from, toKill.from) < 0) {
+          toKill.from = replaced.from;
+          break;
+        }
+      }
+      kill.push(toKill);
+    }
+    // Next, remove those actual ranges.
+    runInOp(cm, function() {
+      for (var i = kill.length - 1; i >= 0; i--)
+        replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete");
+      ensureCursorVisible(cm);
+    });
+  }
+
+  // Used for horizontal relative motion. Dir is -1 or 1 (left or
+  // right), unit can be "char", "column" (like char, but doesn't
+  // cross line boundaries), "word" (across next word), or "group" (to
+  // the start of next group of word or non-word-non-whitespace
+  // chars). The visually param controls whether, in right-to-left
+  // text, direction 1 means to move towards the next index in the
+  // string, or towards the character to the right of the current
+  // position. The resulting position will have a hitSide=true
+  // property if it reached the end of the document.
+  function findPosH(doc, pos, dir, unit, visually) {
+    var line = pos.line, ch = pos.ch, origDir = dir;
+    var lineObj = getLine(doc, line);
+    var possible = true;
+    function findNextLine() {
+      var l = line + dir;
+      if (l < doc.first || l >= doc.first + doc.size) return (possible = false);
+      line = l;
+      return lineObj = getLine(doc, l);
+    }
+    function moveOnce(boundToLine) {
+      var next = (visually ? moveVisually : moveLogically)(lineObj, ch, dir, true);
+      if (next == null) {
+        if (!boundToLine && findNextLine()) {
+          if (visually) ch = (dir < 0 ? lineRight : lineLeft)(lineObj);
+          else ch = dir < 0 ? lineObj.text.length : 0;
+        } else return (possible = false);
+      } else ch = next;
+      return true;
+    }
+
+    if (unit == "char") moveOnce();
+    else if (unit == "column") moveOnce(true);
+    else if (unit == "word" || unit == "group") {
+      var sawType = null, group = unit == "group";
+      var helper = doc.cm && doc.cm.getHelper(pos, "wordChars");
+      for (var first = true;; first = false) {
+        if (dir < 0 && !moveOnce(!first)) break;
+        var cur = lineObj.text.charAt(ch) || "\n";
+        var type = isWordChar(cur, helper) ? "w"
+          : group && cur == "\n" ? "n"
+          : !group || /\s/.test(cur) ? null
+          : "p";
+        if (group && !first && !type) type = "s";
+        if (sawType && sawType != type) {
+          if (dir < 0) {dir = 1; moveOnce();}
+          break;
+        }
+
+        if (type) sawType = type;
+        if (dir > 0 && !moveOnce(!first)) break;
+      }
+    }
+    var result = skipAtomic(doc, Pos(line, ch), origDir, true);
+    if (!possible) result.hitSide = true;
+    return result;
+  }
+
+  // For relative vertical movement. Dir may be -1 or 1. Unit can be
+  // "page" or "line". The resulting position will have a hitSide=true
+  // property if it reached the end of the document.
+  function findPosV(cm, pos, dir, unit) {
+    var doc = cm.doc, x = pos.left, y;
+    if (unit == "page") {
+      var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight);
+      y = pos.top + dir * (pageSize - (dir < 0 ? 1.5 : .5) * textHeight(cm.display));
+    } else if (unit == "line") {
+      y = dir > 0 ? pos.bottom + 3 : pos.top - 3;
+    }
+    for (;;) {
+      var target = coordsChar(cm, x, y);
+      if (!target.outside) break;
+      if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break; }
+      y += dir * 5;
+    }
+    return target;
+  }
+
+  // EDITOR METHODS
+
+  // The publicly visible API. Note that methodOp(f) means
+  // 'wrap f in an operation, performed on its `this` parameter'.
+
+  // This is not the complete set of editor methods. Most of the
+  // methods defined on the Doc type are also injected into
+  // CodeMirror.prototype, for backwards compatibility and
+  // convenience.
+
+  CodeMirror.prototype = {
+    constructor: CodeMirror,
+    focus: function(){window.focus(); focusInput(this); fastPoll(this);},
+
+    setOption: function(option, value) {
+      var options = this.options, old = options[option];
+      if (options[option] == value && option != "mode") return;
+      options[option] = value;
+      if (optionHandlers.hasOwnProperty(option))
+        operation(this, optionHandlers[option])(this, value, old);
+    },
+
+    getOption: function(option) {return this.options[option];},
+    getDoc: function() {return this.doc;},
+
+    addKeyMap: function(map, bottom) {
+      this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map));
+    },
+    removeKeyMap: function(map) {
+      var maps = this.state.keyMaps;
+      for (var i = 0; i < maps.length; ++i)
+        if (maps[i] == map || maps[i].name == map) {
+          maps.splice(i, 1);
+          return true;
+        }
+    },
+
+    addOverlay: methodOp(function(spec, options) {
+      var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec);
+      if (mode.startState) throw new Error("Overlays may not be stateful.");
+      this.state.overlays.push({mode: mode, modeSpec: spec, opaque: options && options.opaque});
+      this.state.modeGen++;
+      regChange(this);
+    }),
+    removeOverlay: methodOp(function(spec) {
+      var overlays = this.state.overlays;
+      for (var i = 0; i < overlays.length; ++i) {
+        var cur = overlays[i].modeSpec;
+        if (cur == spec || typeof spec == "string" && cur.name == spec) {
+          overlays.splice(i, 1);
+          this.state.modeGen++;
+          regChange(this);
+          return;
+        }
+      }
+    }),
+
+    indentLine: methodOp(function(n, dir, aggressive) {
+      if (typeof dir != "string" && typeof dir != "number") {
+        if (dir == null) dir = this.options.smartIndent ? "smart" : "prev";
+        else dir = dir ? "add" : "subtract";
+      }
+      if (isLine(this.doc, n)) indentLine(this, n, dir, aggressive);
+    }),
+    indentSelection: methodOp(function(how) {
+      var ranges = this.doc.sel.ranges, end = -1;
+      for (var i = 0; i < ranges.length; i++) {
+        var range = ranges[i];
+        if (!range.empty()) {
+          var from = range.from(), to = range.to();
+          var start = Math.max(end, from.line);
+          end = Math.min(this.lastLine(), to.line - (to.ch ? 0 : 1)) + 1;
+          for (var j = start; j < end; ++j)
+            indentLine(this, j, how);
+          var newRanges = this.doc.sel.ranges;
+          if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0)
+            replaceOneSelection(this.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll);
+        } else if (range.head.line > end) {
+          indentLine(this, range.head.line, how, true);
+          end = range.head.line;
+          if (i == this.doc.sel.primIndex) ensureCursorVisible(this);
+        }
+      }
+    }),
+
+    // Fetch the parser token for a given character. Useful for hacks
+    // that want to inspect the mode state (say, for completion).
+    getTokenAt: function(pos, precise) {
+      return takeToken(this, pos, precise);
+    },
+
+    getLineTokens: function(line, precise) {
+      return takeToken(this, Pos(line), precise, true);
+    },
+
+    getTokenTypeAt: function(pos) {
+      pos = clipPos(this.doc, pos);
+      var styles = getLineStyles(this, getLine(this.doc, pos.line));
+      var before = 0, after = (styles.length - 1) / 2, ch = pos.ch;
+      var type;
+      if (ch == 0) type = styles[2];
+      else for (;;) {
+        var mid = (before + after) >> 1;
+        if ((mid ? styles[mid * 2 - 1] : 0) >= ch) after = mid;
+        else if (styles[mid * 2 + 1] < ch) before = mid + 1;
+        else { type = styles[mid * 2 + 2]; break; }
+      }
+      var cut = type ? type.indexOf("cm-overlay ") : -1;
+      return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1);
+    },
+
+    getModeAt: function(pos) {
+      var mode = this.doc.mode;
+      if (!mode.innerMode) return mode;
+      return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode;
+    },
+
+    getHelper: function(pos, type) {
+      return this.getHelpers(pos, type)[0];
+    },
+
+    getHelpers: function(pos, type) {
+      var found = [];
+      if (!helpers.hasOwnProperty(type)) return helpers;
+      var help = helpers[type], mode = this.getModeAt(pos);
+      if (typeof mode[type] == "string") {
+        if (help[mode[type]]) found.push(help[mode[type]]);
+      } else if (mode[type]) {
+        for (var i = 0; i < mode[type].length; i++) {
+          var val = help[mode[type][i]];
+          if (val) found.push(val);
+        }
+      } else if (mode.helperType && help[mode.helperType]) {
+        found.push(help[mode.helperType]);
+      } else if (help[mode.name]) {
+        found.push(help[mode.name]);
+      }
+      for (var i = 0; i < help._global.length; i++) {
+        var cur = help._global[i];
+        if (cur.pred(mode, this) && indexOf(found, cur.val) == -1)
+          found.push(cur.val);
+      }
+      return found;
+    },
+
+    getStateAfter: function(line, precise) {
+      var doc = this.doc;
+      line = clipLine(doc, line == null ? doc.first + doc.size - 1: line);
+      return getStateBefore(this, line + 1, precise);
+    },
+
+    cursorCoords: function(start, mode) {
+      var pos, range = this.doc.sel.primary();
+      if (start == null) pos = range.head;
+      else if (typeof start == "object") pos = clipPos(this.doc, start);
+      else pos = start ? range.from() : range.to();
+      return cursorCoords(this, pos, mode || "page");
+    },
+
+    charCoords: function(pos, mode) {
+      return charCoords(this, clipPos(this.doc, pos), mode || "page");
+    },
+
+    coordsChar: function(coords, mode) {
+      coords = fromCoordSystem(this, coords, mode || "page");
+      return coordsChar(this, coords.left, coords.top);
+    },
+
+    lineAtHeight: function(height, mode) {
+      height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top;
+      return lineAtHeight(this.doc, height + this.display.viewOffset);
+    },
+    heightAtLine: function(line, mode) {
+      var end = false, last = this.doc.first + this.doc.size - 1;
+      if (line < this.doc.first) line = this.doc.first;
+      else if (line > last) { line = last; end = true; }
+      var lineObj = getLine(this.doc, line);
+      return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page").top +
+        (end ? this.doc.height - heightAtLine(lineObj) : 0);
+    },
+
+    defaultTextHeight: function() { return textHeight(this.display); },
+    defaultCharWidth: function() { return charWidth(this.display); },
+
+    setGutterMarker: methodOp(function(line, gutterID, value) {
+      return changeLine(this.doc, line, "gutter", function(line) {
+        var markers = line.gutterMarkers || (line.gutterMarkers = {});
+        markers[gutterID] = value;
+        if (!value && isEmpty(markers)) line.gutterMarkers = null;
+        return true;
+      });
+    }),
+
+    clearGutter: methodOp(function(gutterID) {
+      var cm = this, doc = cm.doc, i = doc.first;
+      doc.iter(function(line) {
+        if (line.gutterMarkers && line.gutterMarkers[gutterID]) {
+          line.gutterMarkers[gutterID] = null;
+          regLineChange(cm, i, "gutter");
+          if (isEmpty(line.gutterMarkers)) line.gutterMarkers = null;
+        }
+        ++i;
+      });
+    }),
+
+    addLineWidget: methodOp(function(handle, node, options) {
+      return addLineWidget(this, handle, node, options);
+    }),
+
+    removeLineWidget: function(widget) { widget.clear(); },
+
+    lineInfo: function(line) {
+      if (typeof line == "number") {
+        if (!isLine(this.doc, line)) return null;
+        var n = line;
+        line = getLine(this.doc, line);
+        if (!line) return null;
+      } else {
+        var n = lineNo(line);
+        if (n == null) return null;
+      }
+      return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers,
+              textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass,
+              widgets: line.widgets};
+    },
+
+    getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo};},
+
+    addWidget: function(pos, node, scroll, vert, horiz) {
+      var display = this.display;
+      pos = cursorCoords(this, clipPos(this.doc, pos));
+      var top = pos.bottom, left = pos.left;
+      node.style.position = "absolute";
+      display.sizer.appendChild(node);
+      if (vert == "over") {
+        top = pos.top;
+      } else if (vert == "above" || vert == "near") {
+        var vspace = Math.max(display.wrapper.clientHeight, this.doc.height),
+        hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth);
+        // Default to positioning above (if specified and possible); otherwise default to positioning below
+        if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight)
+          top = pos.top - node.offsetHeight;
+        else if (pos.bottom + node.offsetHeight <= vspace)
+          top = pos.bottom;
+        if (left + node.offsetWidth > hspace)
+          left = hspace - node.offsetWidth;
+      }
+      node.style.top = top + "px";
+      node.style.left = node.style.right = "";
+      if (horiz == "right") {
+        left = display.sizer.clientWidth - node.offsetWidth;
+        node.style.right = "0px";
+      } else {
+        if (horiz == "left") left = 0;
+        else if (horiz == "middle") left = (display.sizer.clientWidth - node.offsetWidth) / 2;
+        node.style.left = left + "px";
+      }
+      if (scroll)
+        scrollIntoView(this, left, top, left + node.offsetWidth, top + node.offsetHeight);
+    },
+
+    triggerOnKeyDown: methodOp(onKeyDown),
+    triggerOnKeyPress: methodOp(onKeyPress),
+    triggerOnKeyUp: onKeyUp,
+
+    execCommand: function(cmd) {
+      if (commands.hasOwnProperty(cmd))
+        return commands[cmd](this);
+    },
+
+    findPosH: function(from, amount, unit, visually) {
+      var dir = 1;
+      if (amount < 0) { dir = -1; amount = -amount; }
+      for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) {
+        cur = findPosH(this.doc, cur, dir, unit, visually);
+        if (cur.hitSide) break;
+      }
+      return cur;
+    },
+
+    moveH: methodOp(function(dir, unit) {
+      var cm = this;
+      cm.extendSelectionsBy(function(range) {
+        if (cm.display.shift || cm.doc.extend || range.empty())
+          return findPosH(cm.doc, range.head, dir, unit, cm.options.rtlMoveVisually);
+        else
+          return dir < 0 ? range.from() : range.to();
+      }, sel_move);
+    }),
+
+    deleteH: methodOp(function(dir, unit) {
+      var sel = this.doc.sel, doc = this.doc;
+      if (sel.somethingSelected())
+        doc.replaceSelection("", null, "+delete");
+      else
+        deleteNearSelection(this, function(range) {
+          var other = findPosH(doc, range.head, dir, unit, false);
+          return dir < 0 ? {from: other, to: range.head} : {from: range.head, to: other};
+        });
+    }),
+
+    findPosV: function(from, amount, unit, goalColumn) {
+      var dir = 1, x = goalColumn;
+      if (amount < 0) { dir = -1; amount = -amount; }
+      for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) {
+        var coords = cursorCoords(this, cur, "div");
+        if (x == null) x = coords.left;
+        else coords.left = x;
+        cur = findPosV(this, coords, dir, unit);
+        if (cur.hitSide) break;
+      }
+      return cur;
+    },
+
+    moveV: methodOp(function(dir, unit) {
+      var cm = this, doc = this.doc, goals = [];
+      var collapse = !cm.display.shift && !doc.extend && doc.sel.somethingSelected();
+      doc.extendSelectionsBy(function(range) {
+        if (collapse)
+          return dir < 0 ? range.from() : range.to();
+        var headPos = cursorCoords(cm, range.head, "div");
+        if (range.goalColumn != null) headPos.left = range.goalColumn;
+        goals.push(headPos.left);
+        var pos = findPosV(cm, headPos, dir, unit);
+        if (unit == "page" && range == doc.sel.primary())
+          addToScrollPos(cm, null, charCoords(cm, pos, "div").top - headPos.top);
+        return pos;
+      }, sel_move);
+      if (goals.length) for (var i = 0; i < doc.sel.ranges.length; i++)
+        doc.sel.ranges[i].goalColumn = goals[i];
+    }),
+
+    // Find the word at the given position (as returned by coordsChar).
+    findWordAt: function(pos) {
+      var doc = this.doc, line = getLine(doc, pos.line).text;
+      var start = pos.ch, end = pos.ch;
+      if (line) {
+        var helper = this.getHelper(pos, "wordChars");
+        if ((pos.xRel < 0 || end == line.length) && start) --start; else ++end;
+        var startChar = line.charAt(start);
+        var check = isWordChar(startChar, helper)
+          ? function(ch) { return isWordChar(ch, helper); }
+          : /\s/.test(startChar) ? function(ch) {return /\s/.test(ch);}
+          : function(ch) {return !/\s/.test(ch) && !isWordChar(ch);};
+        while (start > 0 && check(line.charAt(start - 1))) --start;
+        while (end < line.length && check(line.charAt(end))) ++end;
+      }
+      return new Range(Pos(pos.line, start), Pos(pos.line, end));
+    },
+
+    toggleOverwrite: function(value) {
+      if (value != null && value == this.state.overwrite) return;
+      if (this.state.overwrite = !this.state.overwrite)
+        addClass(this.display.cursorDiv, "CodeMirror-overwrite");
+      else
+        rmClass(this.display.cursorDiv, "CodeMirror-overwrite");
+
+      signal(this, "overwriteToggle", this, this.state.overwrite);
+    },
+    hasFocus: function() { return activeElt() == this.display.input; },
+
+    scrollTo: methodOp(function(x, y) {
+      if (x != null || y != null) resolveScrollToPos(this);
+      if (x != null) this.curOp.scrollLeft = x;
+      if (y != null) this.curOp.scrollTop = y;
+    }),
+    getScrollInfo: function() {
+      var scroller = this.display.scroller, co = scrollerCutOff;
+      return {left: scroller.scrollLeft, top: scroller.scrollTop,
+              height: scroller.scrollHeight - co, width: scroller.scrollWidth - co,
+              clientHeight: scroller.clientHeight - co, clientWidth: scroller.clientWidth - co};
+    },
+
+    scrollIntoView: methodOp(function(range, margin) {
+      if (range == null) {
+        range = {from: this.doc.sel.primary().head, to: null};
+        if (margin == null) margin = this.options.cursorScrollMargin;
+      } else if (typeof range == "number") {
+        range = {from: Pos(range, 0), to: null};
+      } else if (range.from == null) {
+        range = {from: range, to: null};
+      }
+      if (!range.to) range.to = range.from;
+      range.margin = margin || 0;
+
+      if (range.from.line != null) {
+        resolveScrollToPos(this);
+        this.curOp.scrollToPos = range;
+      } else {
+        var sPos = calculateScrollPos(this, Math.min(range.from.left, range.to.left),
+                                      Math.min(range.from.top, range.to.top) - range.margin,
+                                      Math.max(range.from.right, range.to.right),
+                                      Math.max(range.from.bottom, range.to.bottom) + range.margin);
+        this.scrollTo(sPos.scrollLeft, sPos.scrollTop);
+      }
+    }),
+
+    setSize: methodOp(function(width, height) {
+      var cm = this;
+      function interpret(val) {
+        return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val;
+      }
+      if (width != null) cm.display.wrapper.style.width = interpret(width);
+      if (height != null) cm.display.wrapper.style.height = interpret(height);
+      if (cm.options.lineWrapping) clearLineMeasurementCache(this);
+      var lineNo = cm.display.viewFrom;
+      cm.doc.iter(lineNo, cm.display.viewTo, function(line) {
+        if (line.widgets) for (var i = 0; i < line.widgets.length; i++)
+          if (line.widgets[i].noHScroll) { regLineChange(cm, lineNo, "widget"); break; }
+        ++lineNo;
+      });
+      cm.curOp.forceUpdate = true;
+      signal(cm, "refresh", this);
+    }),
+
+    operation: function(f){return runInOp(this, f);},
+
+    refresh: methodOp(function() {
+      var oldHeight = this.display.cachedTextHeight;
+      regChange(this);
+      this.curOp.forceUpdate = true;
+      clearCaches(this);
+      this.scrollTo(this.doc.scrollLeft, this.doc.scrollTop);
+      updateGutterSpace(this);
+      if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5)
+        estimateLineHeights(this);
+      signal(this, "refresh", this);
+    }),
+
+    swapDoc: methodOp(function(doc) {
+      var old = this.doc;
+      old.cm = null;
+      attachDoc(this, doc);
+      clearCaches(this);
+      resetInput(this);
+      this.scrollTo(doc.scrollLeft, doc.scrollTop);
+      this.curOp.forceScroll = true;
+      signalLater(this, "swapDoc", this, old);
+      return old;
+    }),
+
+    getInputField: function(){return this.display.input;},
+    getWrapperElement: function(){return this.display.wrapper;},
+    getScrollerElement: function(){return this.display.scroller;},
+    getGutterElement: function(){return this.display.gutters;}
+  };
+  eventMixin(CodeMirror);
+
+  // OPTION DEFAULTS
+
+  // The default configuration options.
+  var defaults = CodeMirror.defaults = {};
+  // Functions to run when options are changed.
+  var optionHandlers = CodeMirror.optionHandlers = {};
+
+  function option(name, deflt, handle, notOnInit) {
+    CodeMirror.defaults[name] = deflt;
+    if (handle) optionHandlers[name] =
+      notOnInit ? function(cm, val, old) {if (old != Init) handle(cm, val, old);} : handle;
+  }
+
+  // Passed to option handlers when there is no old value.
+  var Init = CodeMirror.Init = {toString: function(){return "CodeMirror.Init";}};
+
+  // These two are, on init, called from the constructor because they
+  // have to be initialized before the editor can start at all.
+  option("value", "", function(cm, val) {
+    cm.setValue(val);
+  }, true);
+  option("mode", null, function(cm, val) {
+    cm.doc.modeOption = val;
+    loadMode(cm);
+  }, true);
+
+  option("indentUnit", 2, loadMode, true);
+  option("indentWithTabs", false);
+  option("smartIndent", true);
+  option("tabSize", 4, function(cm) {
+    resetModeState(cm);
+    clearCaches(cm);
+    regChange(cm);
+  }, true);
+  option("specialChars", /[\t\u0000-\u0019\u00ad\u200b-\u200f\u2028\u2029\ufeff]/g, function(cm, val) {
+    cm.options.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g");
+    cm.refresh();
+  }, true);
+  option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function(cm) {cm.refresh();}, true);
+  option("electricChars", true);
+  option("rtlMoveVisually", !windows);
+  option("wholeLineUpdateBefore", true);
+
+  option("theme", "default", function(cm) {
+    themeChanged(cm);
+    guttersChanged(cm);
+  }, true);
+  option("keyMap", "default", function(cm, val, old) {
+    var next = getKeyMap(val);
+    var prev = old != CodeMirror.Init && getKeyMap(old);
+    if (prev && prev.detach) prev.detach(cm, next);
+    if (next.attach) next.attach(cm, prev || null);
+  });
+  option("extraKeys", null);
+
+  option("lineWrapping", false, wrappingChanged, true);
+  option("gutters", [], function(cm) {
+    setGuttersForLineNumbers(cm.options);
+    guttersChanged(cm);
+  }, true);
+  option("fixedGutter", true, function(cm, val) {
+    cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0";
+    cm.refresh();
+  }, true);
+  option("coverGutterNextToScrollbar", false, updateScrollbars, true);
+  option("lineNumbers", false, function(cm) {
+    setGuttersForLineNumbers(cm.options);
+    guttersChanged(cm);
+  }, true);
+  option("firstLineNumber", 1, guttersChanged, true);
+  option("lineNumberFormatter", function(integer) {return integer;}, guttersChanged, true);
+  option("showCursorWhenSelecting", false, updateSelection, true);
+
+  option("resetSelectionOnContextMenu", true);
+
+  option("readOnly", false, function(cm, val) {
+    if (val == "nocursor") {
+      onBlur(cm);
+      cm.display.input.blur();
+      cm.display.disabled = true;
+    } else {
+      cm.display.disabled = false;
+      if (!val) resetInput(cm);
+    }
+  });
+  option("disableInput", false, function(cm, val) {if (!val) resetInput(cm);}, true);
+  option("dragDrop", true);
+
+  option("cursorBlinkRate", 530);
+  option("cursorScrollMargin", 0);
+  option("cursorHeight", 1, updateSelection, true);
+  option("singleCursorHeightPerLine", true, updateSelection, true);
+  option("workTime", 100);
+  option("workDelay", 100);
+  option("flattenSpans", true, resetModeState, true);
+  option("addModeClass", false, resetModeState, true);
+  option("pollInterval", 100);
+  option("undoDepth", 200, function(cm, val){cm.doc.history.undoDepth = val;});
+  option("historyEventDelay", 1250);
+  option("viewportMargin", 10, function(cm){cm.refresh();}, true);
+  option("maxHighlightLength", 10000, resetModeState, true);
+  option("moveInputWithCursor", true, function(cm, val) {
+    if (!val) cm.display.inputDiv.style.top = cm.display.inputDiv.style.left = 0;
+  });
+
+  option("tabindex", null, function(cm, val) {
+    cm.display.input.tabIndex = val || "";
+  });
+  option("autofocus", null);
+
+  // MODE DEFINITION AND QUERYING
+
+  // Known modes, by name and by MIME
+  var modes = CodeMirror.modes = {}, mimeModes = CodeMirror.mimeModes = {};
+
+  // Extra arguments are stored as the mode's dependencies, which is
+  // used by (legacy) mechanisms like loadmode.js to automatically
+  // load a mode. (Preferred mechanism is the require/define calls.)
+  CodeMirror.defineMode = function(name, mode) {
+    if (!CodeMirror.defaults.mode && name != "null") CodeMirror.defaults.mode = name;
+    if (arguments.length > 2)
+      mode.dependencies = Array.prototype.slice.call(arguments, 2);
+    modes[name] = mode;
+  };
+
+  CodeMirror.defineMIME = function(mime, spec) {
+    mimeModes[mime] = spec;
+  };
+
+  // Given a MIME type, a {name, ...options} config object, or a name
+  // string, return a mode config object.
+  CodeMirror.resolveMode = function(spec) {
+    if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) {
+      spec = mimeModes[spec];
+    } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) {
+      var found = mimeModes[spec.name];
+      if (typeof found == "string") found = {name: found};
+      spec = createObj(found, spec);
+      spec.name = found.name;
+    } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) {
+      return CodeMirror.resolveMode("application/xml");
+    }
+    if (typeof spec == "string") return {name: spec};
+    else return spec || {name: "null"};
+  };
+
+  // Given a mode spec (anything that resolveMode accepts), find and
+  // initialize an actual mode object.
+  CodeMirror.getMode = function(options, spec) {
+    var spec = CodeMirror.resolveMode(spec);
+    var mfactory = modes[spec.name];
+    if (!mfactory) return CodeMirror.getMode(options, "text/plain");
+    var modeObj = mfactory(options, spec);
+    if (modeExtensions.hasOwnProperty(spec.name)) {
+      var exts = modeExtensions[spec.name];
+      for (var prop in exts) {
+        if (!exts.hasOwnProperty(prop)) continue;
+        if (modeObj.hasOwnProperty(prop)) modeObj["_" + prop] = modeObj[prop];
+        modeObj[prop] = exts[prop];
+      }
+    }
+    modeObj.name = spec.name;
+    if (spec.helperType) modeObj.helperType = spec.helperType;
+    if (spec.modeProps) for (var prop in spec.modeProps)
+      modeObj[prop] = spec.modeProps[prop];
+
+    return modeObj;
+  };
+
+  // Minimal default mode.
+  CodeMirror.defineMode("null", function() {
+    return {token: function(stream) {stream.skipToEnd();}};
+  });
+  CodeMirror.defineMIME("text/plain", "null");
+
+  // This can be used to attach properties to mode objects from
+  // outside the actual mode definition.
+  var modeExtensions = CodeMirror.modeExtensions = {};
+  CodeMirror.extendMode = function(mode, properties) {
+    var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {});
+    copyObj(properties, exts);
+  };
+
+  // EXTENSIONS
+
+  CodeMirror.defineExtension = function(name, func) {
+    CodeMirror.prototype[name] = func;
+  };
+  CodeMirror.defineDocExtension = function(name, func) {
+    Doc.prototype[name] = func;
+  };
+  CodeMirror.defineOption = option;
+
+  var initHooks = [];
+  CodeMirror.defineInitHook = function(f) {initHooks.push(f);};
+
+  var helpers = CodeMirror.helpers = {};
+  CodeMirror.registerHelper = function(type, name, value) {
+    if (!helpers.hasOwnProperty(type)) helpers[type] = CodeMirror[type] = {_global: []};
+    helpers[type][name] = value;
+  };
+  CodeMirror.registerGlobalHelper = function(type, name, predicate, value) {
+    CodeMirror.registerHelper(type, name, value);
+    helpers[type]._global.push({pred: predicate, val: value});
+  };
+
+  // MODE STATE HANDLING
+
+  // Utility functions for working with state. Exported because nested
+  // modes need to do this for their inner modes.
+
+  var copyState = CodeMirror.copyState = function(mode, state) {
+    if (state === true) return state;
+    if (mode.copyState) return mode.copyState(state);
+    var nstate = {};
+    for (var n in state) {
+      var val = state[n];
+      if (val instanceof Array) val = val.concat([]);
+      nstate[n] = val;
+    }
+    return nstate;
+  };
+
+  var startState = CodeMirror.startState = function(mode, a1, a2) {
+    return mode.startState ? mode.startState(a1, a2) : true;
+  };
+
+  // Given a mode and a state (for that mode), find the inner mode and
+  // state at the position that the state refers to.
+  CodeMirror.innerMode = function(mode, state) {
+    while (mode.innerMode) {
+      var info = mode.innerMode(state);
+      if (!info || info.mode == mode) break;
+      state = info.state;
+      mode = info.mode;
+    }
+    return info || {mode: mode, state: state};
+  };
+
+  // STANDARD COMMANDS
+
+  // Commands are parameter-less actions that can be performed on an
+  // editor, mostly used for keybindings.
+  var commands = CodeMirror.commands = {
+    selectAll: function(cm) {cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);},
+    singleSelection: function(cm) {
+      cm.setSelection(cm.getCursor("anchor"), cm.getCursor("head"), sel_dontScroll);
+    },
+    killLine: function(cm) {
+      deleteNearSelection(cm, function(range) {
+        if (range.empty()) {
+          var len = getLine(cm.doc, range.head.line).text.length;
+          if (range.head.ch == len && range.head.line < cm.lastLine())
+            return {from: range.head, to: Pos(range.head.line + 1, 0)};
+          else
+            return {from: range.head, to: Pos(range.head.line, len)};
+        } else {
+          return {from: range.from(), to: range.to()};
+        }
+      });
+    },
+    deleteLine: function(cm) {
+      deleteNearSelection(cm, function(range) {
+        return {from: Pos(range.from().line, 0),
+                to: clipPos(cm.doc, Pos(range.to().line + 1, 0))};
+      });
+    },
+    delLineLeft: function(cm) {
+      deleteNearSelection(cm, function(range) {
+        return {from: Pos(range.from().line, 0), to: range.from()};
+      });
+    },
+    delWrappedLineLeft: function(cm) {
+      deleteNearSelection(cm, function(range) {
+        var top = cm.charCoords(range.head, "div").top + 5;
+        var leftPos = cm.coordsChar({left: 0, top: top}, "div");
+        return {from: leftPos, to: range.from()};
+      });
+    },
+    delWrappedLineRight: function(cm) {
+      deleteNearSelection(cm, function(range) {
+        var top = cm.charCoords(range.head, "div").top + 5;
+        var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div");
+        return {from: range.from(), to: rightPos };
+      });
+    },
+    undo: function(cm) {cm.undo();},
+    redo: function(cm) {cm.redo();},
+    undoSelection: function(cm) {cm.undoSelection();},
+    redoSelection: function(cm) {cm.redoSelection();},
+    goDocStart: function(cm) {cm.extendSelection(Pos(cm.firstLine(), 0));},
+    goDocEnd: function(cm) {cm.extendSelection(Pos(cm.lastLine()));},
+    goLineStart: function(cm) {
+      cm.extendSelectionsBy(function(range) { return lineStart(cm, range.head.line); },
+                            {origin: "+move", bias: 1});
+    },
+    goLineStartSmart: function(cm) {
+      cm.extendSelectionsBy(function(range) {
+        return lineStartSmart(cm, range.head);
+      }, {origin: "+move", bias: 1});
+    },
+    goLineEnd: function(cm) {
+      cm.extendSelectionsBy(function(range) { return lineEnd(cm, range.head.line); },
+                            {origin: "+move", bias: -1});
+    },
+    goLineRight: function(cm) {
+      cm.extendSelectionsBy(function(range) {
+        var top = cm.charCoords(range.head, "div").top + 5;
+        return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div");
+      }, sel_move);
+    },
+    goLineLeft: function(cm) {
+      cm.extendSelectionsBy(function(range) {
+        var top = cm.charCoords(range.head, "div").top + 5;
+        return cm.coordsChar({left: 0, top: top}, "div");
+      }, sel_move);
+    },
+    goLineLeftSmart: function(cm) {
+      cm.extendSelectionsBy(function(range) {
+        var top = cm.charCoords(range.head, "div").top + 5;
+        var pos = cm.coordsChar({left: 0, top: top}, "div");
+        if (pos.ch < cm.getLine(pos.line).search(/\S/)) return lineStartSmart(cm, range.head);
+        return pos;
+      }, sel_move);
+    },
+    goLineUp: function(cm) {cm.moveV(-1, "line");},
+    goLineDown: function(cm) {cm.moveV(1, "line");},
+    goPageUp: function(cm) {cm.moveV(-1, "page");},
+    goPageDown: function(cm) {cm.moveV(1, "page");},
+    goCharLeft: function(cm) {cm.moveH(-1, "char");},
+    goCharRight: function(cm) {cm.moveH(1, "char");},
+    goColumnLeft: function(cm) {cm.moveH(-1, "column");},
+    goColumnRight: function(cm) {cm.moveH(1, "column");},
+    goWordLeft: function(cm) {cm.moveH(-1, "word");},
+    goGroupRight: function(cm) {cm.moveH(1, "group");},
+    goGroupLeft: function(cm) {cm.moveH(-1, "group");},
+    goWordRight: function(cm) {cm.moveH(1, "word");},
+    delCharBefore: function(cm) {cm.deleteH(-1, "char");},
+    delCharAfter: function(cm) {cm.deleteH(1, "char");},
+    delWordBefore: function(cm) {cm.deleteH(-1, "word");},
+    delWordAfter: function(cm) {cm.deleteH(1, "word");},
+    delGroupBefore: function(cm) {cm.deleteH(-1, "group");},
+    delGroupAfter: function(cm) {cm.deleteH(1, "group");},
+    indentAuto: function(cm) {cm.indentSelection("smart");},
+    indentMore: function(cm) {cm.indentSelection("add");},
+    indentLess: function(cm) {cm.indentSelection("subtract");},
+    insertTab: function(cm) {cm.replaceSelection("\t");},
+    insertSoftTab: function(cm) {
+      var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize;
+      for (var i = 0; i < ranges.length; i++) {
+        var pos = ranges[i].from();
+        var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize);
+        spaces.push(new Array(tabSize - col % tabSize + 1).join(" "));
+      }
+      cm.replaceSelections(spaces);
+    },
+    defaultTab: function(cm) {
+      if (cm.somethingSelected()) cm.indentSelection("add");
+      else cm.execCommand("insertTab");
+    },
+    transposeChars: function(cm) {
+      runInOp(cm, function() {
+        var ranges = cm.listSelections(), newSel = [];
+        for (var i = 0; i < ranges.length; i++) {
+          var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text;
+          if (line) {
+            if (cur.ch == line.length) cur = new Pos(cur.line, cur.ch - 1);
+            if (cur.ch > 0) {
+              cur = new Pos(cur.line, cur.ch + 1);
+              cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2),
+                              Pos(cur.line, cur.ch - 2), cur, "+transpose");
+            } else if (cur.line > cm.doc.first) {
+              var prev = getLine(cm.doc, cur.line - 1).text;
+              if (prev)
+                cm.replaceRange(line.charAt(0) + "\n" + prev.charAt(prev.length - 1),
+                                Pos(cur.line - 1, prev.length - 1), Pos(cur.line, 1), "+transpose");
+            }
+          }
+          newSel.push(new Range(cur, cur));
+        }
+        cm.setSelections(newSel);
+      });
+    },
+    newlineAndIndent: function(cm) {
+      runInOp(cm, function() {
+        var len = cm.listSelections().length;
+        for (var i = 0; i < len; i++) {
+          var range = cm.listSelections()[i];
+          cm.replaceRange("\n", range.anchor, range.head, "+input");
+          cm.indentLine(range.from().line + 1, null, true);
+          ensureCursorVisible(cm);
+        }
+      });
+    },
+    toggleOverwrite: function(cm) {cm.toggleOverwrite();}
+  };
+
+
+  // STANDARD KEYMAPS
+
+  var keyMap = CodeMirror.keyMap = {};
+
+  keyMap.basic = {
+    "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
+    "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown",
+    "Delete": "delCharAfter", "Backspace": "delCharBefore", "Shift-Backspace": "delCharBefore",
+    "Tab": "defaultTab", "Shift-Tab": "indentAuto",
+    "Enter": "newlineAndIndent", "Insert": "toggleOverwrite",
+    "Esc": "singleSelection"
+  };
+  // Note that the save and find-related commands aren't defined by
+  // default. User code or addons can define them. Unknown commands
+  // are simply ignored.
+  keyMap.pcDefault = {
+    "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo",
+    "Ctrl-Home": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Up": "goLineUp", "Ctrl-Down": "goLineDown",
+    "Ctrl-Left": "goGroupLeft", "Ctrl-Right": "goGroupRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd",
+    "Ctrl-Backspace": "delGroupBefore", "Ctrl-Delete": "delGroupAfter", "Ctrl-S": "save", "Ctrl-F": "find",
+    "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll",
+    "Ctrl-[": "indentLess", "Ctrl-]": "indentMore",
+    "Ctrl-U": "undoSelection", "Shift-Ctrl-U": "redoSelection", "Alt-U": "redoSelection",
+    fallthrough: "basic"
+  };
+  // Very basic readline/emacs-style bindings, which are standard on Mac.
+  keyMap.emacsy = {
+    "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
+    "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
+    "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore",
+    "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars"
+  };
+  keyMap.macDefault = {
+    "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
+    "Cmd-Home": "goDocStart", "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft",
+    "Alt-Right": "goGroupRight", "Cmd-Left": "goLineLeft", "Cmd-Right": "goLineRight", "Alt-Backspace": "delGroupBefore",
+    "Ctrl-Alt-Backspace": "delGroupAfter", "Alt-Delete": "delGroupAfter", "Cmd-S": "save", "Cmd-F": "find",
+    "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll",
+    "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delWrappedLineLeft", "Cmd-Delete": "delWrappedLineRight",
+    "Cmd-U": "undoSelection", "Shift-Cmd-U": "redoSelection", "Ctrl-Up": "goDocStart", "Ctrl-Down": "goDocEnd",
+    fallthrough: ["basic", "emacsy"]
+  };
+  keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
+
+  // KEYMAP DISPATCH
+
+  function normalizeKeyName(name) {
+    var parts = name.split(/-(?!$)/), name = parts[parts.length - 1];
+    var alt, ctrl, shift, cmd;
+    for (var i = 0; i < parts.length - 1; i++) {
+      var mod = parts[i];
+      if (/^(cmd|meta|m)$/i.test(mod)) cmd = true;
+      else if (/^a(lt)?$/i.test(mod)) alt = true;
+      else if (/^(c|ctrl|control)$/i.test(mod)) ctrl = true;
+      else if (/^s(hift)$/i.test(mod)) shift = true;
+      else throw new Error("Unrecognized modifier name: " + mod);
+    }
+    if (alt) name = "Alt-" + name;
+    if (ctrl) name = "Ctrl-" + name;
+    if (cmd) name = "Cmd-" + name;
+    if (shift) name = "Shift-" + name;
+    return name;
+  }
+
+  // This is a kludge to keep keymaps mostly working as raw objects
+  // (backwards compatibility) while at the same time support features
+  // like normalization and multi-stroke key bindings. It compiles a
+  // new normalized keymap, and then updates the old object to reflect
+  // this.
+  CodeMirror.normalizeKeyMap = function(keymap) {
+    var copy = {};
+    for (var keyname in keymap) if (keymap.hasOwnProperty(keyname)) {
+      var value = keymap[keyname];
+      if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) continue;
+      if (value == "...") { delete keymap[keyname]; continue; }
+
+      var keys = map(keyname.split(" "), normalizeKeyName);
+      for (var i = 0; i < keys.length; i++) {
+        var val, name;
+        if (i == keys.length - 1) {
+          name = keyname;
+          val = value;
+        } else {
+          name = keys.slice(0, i + 1).join(" ");
+          val = "...";
+        }
+        var prev = copy[name];
+        if (!prev) copy[name] = val;
+        else if (prev != val) throw new Error("Inconsistent bindings for " + name);
+      }
+      delete keymap[keyname];
+    }
+    for (var prop in copy) keymap[prop] = copy[prop];
+    return keymap;
+  };
+
+  var lookupKey = CodeMirror.lookupKey = function(key, map, handle) {
+    map = getKeyMap(map);
+    var found = map.call ? map.call(key) : map[key];
+    if (found === false) return "nothing";
+    if (found === "...") return "multi";
+    if (found != null && handle(found)) return "handled";
+
+    if (map.fallthrough) {
+      if (Object.prototype.toString.call(map.fallthrough) != "[object Array]")
+        return lookupKey(key, map.fallthrough, handle);
+      for (var i = 0; i < map.fallthrough.length; i++) {
+        var result = lookupKey(key, map.fallthrough[i], handle);
+        if (result) return result;
+      }
+    }
+  };
+
+  // Modifier key presses don't count as 'real' key presses for the
+  // purpose of keymap fallthrough.
+  var isModifierKey = CodeMirror.isModifierKey = function(value) {
+    var name = typeof value == "string" ? value : keyNames[value.keyCode];
+    return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod";
+  };
+
+  // Look up the name of a key as indicated by an event object.
+  var keyName = CodeMirror.keyName = function(event, noShift) {
+    if (presto && event.keyCode == 34 && event["char"]) return false;
+    var base = keyNames[event.keyCode], name = base;
+    if (name == null || event.altGraphKey) return false;
+    if (event.altKey && base != "Alt") name = "Alt-" + name;
+    if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") name = "Ctrl-" + name;
+    if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Cmd") name = "Cmd-" + name;
+    if (!noShift && event.shiftKey && base != "Shift") name = "Shift-" + name;
+    return name;
+  };
+
+  function getKeyMap(val) {
+    return typeof val == "string" ? keyMap[val] : val;
+  }
+
+  // FROMTEXTAREA
+
+  CodeMirror.fromTextArea = function(textarea, options) {
+    if (!options) options = {};
+    options.value = textarea.value;
+    if (!options.tabindex && textarea.tabindex)
+      options.tabindex = textarea.tabindex;
+    if (!options.placeholder && textarea.placeholder)
+      options.placeholder = textarea.placeholder;
+    // Set autofocus to true if this textarea is focused, or if it has
+    // autofocus and no other element is focused.
+    if (options.autofocus == null) {
+      var hasFocus = activeElt();
+      options.autofocus = hasFocus == textarea ||
+        textarea.getAttribute("autofocus") != null && hasFocus == document.body;
+    }
+
+    function save() {textarea.value = cm.getValue();}
+    if (textarea.form) {
+      on(textarea.form, "submit", save);
+      // Deplorable hack to make the submit method do the right thing.
+      if (!options.leaveSubmitMethodAlone) {
+        var form = textarea.form, realSubmit = form.submit;
+        try {
+          var wrappedSubmit = form.submit = function() {
+            save();
+            form.submit = realSubmit;
+            form.submit();
+            form.submit = wrappedSubmit;
+          };
+        } catch(e) {}
+      }
+    }
+
+    textarea.style.display = "none";
+    var cm = CodeMirror(function(node) {
+      textarea.parentNode.insertBefore(node, textarea.nextSibling);
+    }, options);
+    cm.save = save;
+    cm.getTextArea = function() { return textarea; };
+    cm.toTextArea = function() {
+      cm.toTextArea = isNaN; // Prevent this from being ran twice
+      save();
+      textarea.parentNode.removeChild(cm.getWrapperElement());
+      textarea.style.display = "";
+      if (textarea.form) {
+        off(textarea.form, "submit", save);
+        if (typeof textarea.form.submit == "function")
+          textarea.form.submit = realSubmit;
+      }
+    };
+    return cm;
+  };
+
+  // STRING STREAM
+
+  // Fed to the mode parsers, provides helper functions to make
+  // parsers more succinct.
+
+  var StringStream = CodeMirror.StringStream = function(string, tabSize) {
+    this.pos = this.start = 0;
+    this.string = string;
+    this.tabSize = tabSize || 8;
+    this.lastColumnPos = this.lastColumnValue = 0;
+    this.lineStart = 0;
+  };
+
+  StringStream.prototype = {
+    eol: function() {return this.pos >= this.string.length;},
+    sol: function() {return this.pos == this.lineStart;},
+    peek: function() {return this.string.charAt(this.pos) || undefined;},
+    next: function() {
+      if (this.pos < this.string.length)
+        return this.string.charAt(this.pos++);
+    },
+    eat: function(match) {
+      var ch = this.string.charAt(this.pos);
+      if (typeof match == "string") var ok = ch == match;
+      else var ok = ch && (match.test ? match.test(ch) : match(ch));
+      if (ok) {++this.pos; return ch;}
+    },
+    eatWhile: function(match) {
+      var start = this.pos;
+      while (this.eat(match)){}
+      return this.pos > start;
+    },
+    eatSpace: function() {
+      var start = this.pos;
+      while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos;
+      return this.pos > start;
+    },
+    skipToEnd: function() {this.pos = this.string.length;},
+    skipTo: function(ch) {
+      var found = this.string.indexOf(ch, this.pos);
+      if (found > -1) {this.pos = found; return true;}
+    },
+    backUp: function(n) {this.pos -= n;},
+    column: function() {
+      if (this.lastColumnPos < this.start) {
+        this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue);
+        this.lastColumnPos = this.start;
+      }
+      return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0);
+    },
+    indentation: function() {
+      return countColumn(this.string, null, this.tabSize) -
+        (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0);
+    },
+    match: function(pattern, consume, caseInsensitive) {
+      if (typeof pattern == "string") {
+        var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;};
+        var substr = this.string.substr(this.pos, pattern.length);
+        if (cased(substr) == cased(pattern)) {
+          if (consume !== false) this.pos += pattern.length;
+          return true;
+        }
+      } else {
+        var match = this.string.slice(this.pos).match(pattern);
+        if (match && match.index > 0) return null;
+        if (match && consume !== false) this.pos += match[0].length;
+        return match;
+      }
+    },
+    current: function(){return this.string.slice(this.start, this.pos);},
+    hideFirstChars: function(n, inner) {
+      this.lineStart += n;
+      try { return inner(); }
+      finally { this.lineStart -= n; }
+    }
+  };
+
+  // TEXTMARKERS
+
+  // Created with markText and setBookmark methods. A TextMarker is a
+  // handle that can be used to clear or find a marked position in the
+  // document. Line objects hold arrays (markedSpans) containing
+  // {from, to, marker} object pointing to such marker objects, and
+  // indicating that such a marker is present on that line. Multiple
+  // lines may point to the same marker when it spans across lines.
+  // The spans will have null for their from/to properties when the
+  // marker continues beyond the start/end of the line. Markers have
+  // links back to the lines they currently touch.
+
+  var TextMarker = CodeMirror.TextMarker = function(doc, type) {
+    this.lines = [];
+    this.type = type;
+    this.doc = doc;
+  };
+  eventMixin(TextMarker);
+
+  // Clear the marker.
+  TextMarker.prototype.clear = function() {
+    if (this.explicitlyCleared) return;
+    var cm = this.doc.cm, withOp = cm && !cm.curOp;
+    if (withOp) startOperation(cm);
+    if (hasHandler(this, "clear")) {
+      var found = this.find();
+      if (found) signalLater(this, "clear", found.from, found.to);
+    }
+    var min = null, max = null;
+    for (var i = 0; i < this.lines.length; ++i) {
+      var line = this.lines[i];
+      var span = getMarkedSpanFor(line.markedSpans, this);
+      if (cm && !this.collapsed) regLineChange(cm, lineNo(line), "text");
+      else if (cm) {
+        if (span.to != null) max = lineNo(line);
+        if (span.from != null) min = lineNo(line);
+      }
+      line.markedSpans = removeMarkedSpan(line.markedSpans, span);
+      if (span.from == null && this.collapsed && !lineIsHidden(this.doc, line) && cm)
+        updateLineHeight(line, textHeight(cm.display));
+    }
+    if (cm && this.collapsed && !cm.options.lineWrapping) for (var i = 0; i < this.lines.length; ++i) {
+      var visual = visualLine(this.lines[i]), len = lineLength(visual);
+      if (len > cm.display.maxLineLength) {
+        cm.display.maxLine = visual;
+        cm.display.maxLineLength = len;
+        cm.display.maxLineChanged = true;
+      }
+    }
+
+    if (min != null && cm && this.collapsed) regChange(cm, min, max + 1);
+    this.lines.length = 0;
+    this.explicitlyCleared = true;
+    if (this.atomic && this.doc.cantEdit) {
+      this.doc.cantEdit = false;
+      if (cm) reCheckSelection(cm.doc);
+    }
+    if (cm) signalLater(cm, "markerCleared", cm, this);
+    if (withOp) endOperation(cm);
+    if (this.parent) this.parent.clear();
+  };
+
+  // Find the position of the marker in the document. Returns a {from,
+  // to} object by default. Side can be passed to get a specific side
+  // -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the
+  // Pos objects returned contain a line object, rather than a line
+  // number (used to prevent looking up the same line twice).
+  TextMarker.prototype.find = function(side, lineObj) {
+    if (side == null && this.type == "bookmark") side = 1;
+    var from, to;
+    for (var i = 0; i < this.lines.length; ++i) {
+      var line = this.lines[i];
+      var span = getMarkedSpanFor(line.markedSpans, this);
+      if (span.from != null) {
+        from = Pos(lineObj ? line : lineNo(line), span.from);
+        if (side == -1) return from;
+      }
+      if (span.to != null) {
+        to = Pos(lineObj ? line : lineNo(line), span.to);
+        if (side == 1) return to;
+      }
+    }
+    return from && {from: from, to: to};
+  };
+
+  // Signals that the marker's widget changed, and surrounding layout
+  // should be recomputed.
+  TextMarker.prototype.changed = function() {
+    var pos = this.find(-1, true), widget = this, cm = this.doc.cm;
+    if (!pos || !cm) return;
+    runInOp(cm, function() {
+      var line = pos.line, lineN = lineNo(pos.line);
+      var view = findViewForLine(cm, lineN);
+      if (view) {
+        clearLineMeasurementCacheFor(view);
+        cm.curOp.selectionChanged = cm.curOp.forceUpdate = true;
+      }
+      cm.curOp.updateMaxLine = true;
+      if (!lineIsHidden(widget.doc, line) && widget.height != null) {
+        var oldHeight = widget.height;
+        widget.height = null;
+        var dHeight = widgetHeight(widget) - oldHeight;
+        if (dHeight)
+          updateLineHeight(line, line.height + dHeight);
+      }
+    });
+  };
+
+  TextMarker.prototype.attachLine = function(line) {
+    if (!this.lines.length && this.doc.cm) {
+      var op = this.doc.cm.curOp;
+      if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1)
+        (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this);
+    }
+    this.lines.push(line);
+  };
+  TextMarker.prototype.detachLine = function(line) {
+    this.lines.splice(indexOf(this.lines, line), 1);
+    if (!this.lines.length && this.doc.cm) {
+      var op = this.doc.cm.curOp;
+      (op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this);
+    }
+  };
+
+  // Collapsed markers have unique ids, in order to be able to order
+  // them, which is needed for uniquely determining an outer marker
+  // when they overlap (they may nest, but not partially overlap).
+  var nextMarkerId = 0;
+
+  // Create a marker, wire it up to the right lines, and
+  function markText(doc, from, to, options, type) {
+    // Shared markers (across linked documents) are handled separately
+    // (markTextShared will call out to this again, once per
+    // document).
+    if (options && options.shared) return markTextShared(doc, from, to, options, type);
+    // Ensure we are in an operation.
+    if (doc.cm && !doc.cm.curOp) return operation(doc.cm, markText)(doc, from, to, options, type);
+
+    var marker = new TextMarker(doc, type), diff = cmp(from, to);
+    if (options) copyObj(options, marker, false);
+    // Don't connect empty markers unless clearWhenEmpty is false
+    if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false)
+      return marker;
+    if (marker.replacedWith) {
+      // Showing up as a widget implies collapsed (widget replaces text)
+      marker.collapsed = true;
+      marker.widgetNode = elt("span", [marker.replacedWith], "CodeMirror-widget");
+      if (!options.handleMouseEvents) marker.widgetNode.ignoreEvents = true;
+      if (options.insertLeft) marker.widgetNode.insertLeft = true;
+    }
+    if (marker.collapsed) {
+      if (conflictingCollapsedRange(doc, from.line, from, to, marker) ||
+          from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker))
+        throw new Error("Inserting collapsed marker partially overlapping an existing one");
+      sawCollapsedSpans = true;
+    }
+
+    if (marker.addToHistory)
+      addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN);
+
+    var curLine = from.line, cm = doc.cm, updateMaxLine;
+    doc.iter(curLine, to.line + 1, function(line) {
+      if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine)
+        updateMaxLine = true;
+      if (marker.collapsed && curLine != from.line) updateLineHeight(line, 0);
+      addMarkedSpan(line, new MarkedSpan(marker,
+                                         curLine == from.line ? from.ch : null,
+                                         curLine == to.line ? to.ch : null));
+      ++curLine;
+    });
+    // lineIsHidden depends on the presence of the spans, so needs a second pass
+    if (marker.collapsed) doc.iter(from.line, to.line + 1, function(line) {
+      if (lineIsHidden(doc, line)) updateLineHeight(line, 0);
+    });
+
+    if (marker.clearOnEnter) on(marker, "beforeCursorEnter", function() { marker.clear(); });
+
+    if (marker.readOnly) {
+      sawReadOnlySpans = true;
+      if (doc.history.done.length || doc.history.undone.length)
+        doc.clearHistory();
+    }
+    if (marker.collapsed) {
+      marker.id = ++nextMarkerId;
+      marker.atomic = true;
+    }
+    if (cm) {
+      // Sync editor state
+      if (updateMaxLine) cm.curOp.updateMaxLine = true;
+      if (marker.collapsed)
+        regChange(cm, from.line, to.line + 1);
+      else if (marker.className || marker.title || marker.startStyle || marker.endStyle)
+        for (var i = from.line; i <= to.line; i++) regLineChange(cm, i, "text");
+      if (marker.atomic) reCheckSelection(cm.doc);
+      signalLater(cm, "markerAdded", cm, marker);
+    }
+    return marker;
+  }
+
+  // SHARED TEXTMARKERS
+
+  // A shared marker spans multiple linked documents. It is
+  // implemented as a meta-marker-object controlling multiple normal
+  // markers.
+  var SharedTextMarker = CodeMirror.SharedTextMarker = function(markers, primary) {
+    this.markers = markers;
+    this.primary = primary;
+    for (var i = 0; i < markers.length; ++i)
+      markers[i].parent = this;
+  };
+  eventMixin(SharedTextMarker);
+
+  SharedTextMarker.prototype.clear = function() {
+    if (this.explicitlyCleared) return;
+    this.explicitlyCleared = true;
+    for (var i = 0; i < this.markers.length; ++i)
+      this.markers[i].clear();
+    signalLater(this, "clear");
+  };
+  SharedTextMarker.prototype.find = function(side, lineObj) {
+    return this.primary.find(side, lineObj);
+  };
+
+  function markTextShared(doc, from, to, options, type) {
+    options = copyObj(options);
+    options.shared = false;
+    var markers = [markText(doc, from, to, options, type)], primary = markers[0];
+    var widget = options.widgetNode;
+    linkedDocs(doc, function(doc) {
+      if (widget) options.widgetNode = widget.cloneNode(true);
+      markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type));
+      for (var i = 0; i < doc.linked.length; ++i)
+        if (doc.linked[i].isParent) return;
+      primary = lst(markers);
+    });
+    return new SharedTextMarker(markers, primary);
+  }
+
+  function findSharedMarkers(doc) {
+    return doc.findMarks(Pos(doc.first, 0), doc.clipPos(Pos(doc.lastLine())),
+                         function(m) { return m.parent; });
+  }
+
+  function copySharedMarkers(doc, markers) {
+    for (var i = 0; i < markers.length; i++) {
+      var marker = markers[i], pos = marker.find();
+      var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to);
+      if (cmp(mFrom, mTo)) {
+        var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type);
+        marker.markers.push(subMark);
+        subMark.parent = marker;
+      }
+    }
+  }
+
+  function detachSharedMarkers(markers) {
+    for (var i = 0; i < markers.length; i++) {
+      var marker = markers[i], linked = [marker.primary.doc];;
+      linkedDocs(marker.primary.doc, function(d) { linked.push(d); });
+      for (var j = 0; j < marker.markers.length; j++) {
+        var subMarker = marker.markers[j];
+        if (indexOf(linked, subMarker.doc) == -1) {
+          subMarker.parent = null;
+          marker.markers.splice(j--, 1);
+        }
+      }
+    }
+  }
+
+  // TEXTMARKER SPANS
+
+  function MarkedSpan(marker, from, to) {
+    this.marker = marker;
+    this.from = from; this.to = to;
+  }
+
+  // Search an array of spans for a span matching the given marker.
+  function getMarkedSpanFor(spans, marker) {
+    if (spans) for (var i = 0; i < spans.length; ++i) {
+      var span = spans[i];
+      if (span.marker == marker) return span;
+    }
+  }
+  // Remove a span from an array, returning undefined if no spans are
+  // left (we don't store arrays for lines without spans).
+  function removeMarkedSpan(spans, span) {
+    for (var r, i = 0; i < spans.length; ++i)
+      if (spans[i] != span) (r || (r = [])).push(spans[i]);
+    return r;
+  }
+  // Add a span to a line.
+  function addMarkedSpan(line, span) {
+    line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span];
+    span.marker.attachLine(line);
+  }
+
+  // Used for the algorithm that adjusts markers for a change in the
+  // document. These functions cut an array of spans at a given
+  // character position, returning an array of remaining chunks (or
+  // undefined if nothing remains).
+  function markedSpansBefore(old, startCh, isInsert) {
+    if (old) for (var i = 0, nw; i < old.length; ++i) {
+      var span = old[i], marker = span.marker;
+      var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh);
+      if (startsBefore || span.from == startCh && marker.type == "bookmark" && (!isInsert || !span.marker.insertLeft)) {
+        var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh);
+        (nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to));
+      }
+    }
+    return nw;
+  }
+  function markedSpansAfter(old, endCh, isInsert) {
+    if (old) for (var i = 0, nw; i < old.length; ++i) {
+      var span = old[i], marker = span.marker;
+      var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh);
+      if (endsAfter || span.from == endCh && marker.type == "bookmark" && (!isInsert || span.marker.insertLeft)) {
+        var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh);
+        (nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh,
+                                              span.to == null ? null : span.to - endCh));
+      }
+    }
+    return nw;
+  }
+
+  // Given a change object, compute the new set of marker spans that
+  // cover the line in which the change took place. Removes spans
+  // entirely within the change, reconnects spans belonging to the
+  // same marker that appear on both sides of the change, and cuts off
+  // spans partially within the change. Returns an array of span
+  // arrays with one element for each line in (after) the change.
+  function stretchSpansOverChange(doc, change) {
+    var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans;
+    var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans;
+    if (!oldFirst && !oldLast) return null;
+
+    var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0;
+    // Get the spans that 'stick out' on both sides
+    var first = markedSpansBefore(oldFirst, startCh, isInsert);
+    var last = markedSpansAfter(oldLast, endCh, isInsert);
+
+    // Next, merge those two ends
+    var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0);
+    if (first) {
+      // Fix up .to properties of first
+      for (var i = 0; i < first.length; ++i) {
+        var span = first[i];
+        if (span.to == null) {
+          var found = getMarkedSpanFor(last, span.marker);
+          if (!found) span.to = startCh;
+          else if (sameLine) span.to = found.to == null ? null : found.to + offset;
+        }
+      }
+    }
+    if (last) {
+      // Fix up .from in last (or move them into first in case of sameLine)
+      for (var i = 0; i < last.length; ++i) {
+        var span = last[i];
+        if (span.to != null) span.to += offset;
+        if (span.from == null) {
+          var found = getMarkedSpanFor(first, span.marker);
+          if (!found) {
+            span.from = offset;
+            if (sameLine) (first || (first = [])).push(span);
+          }
+        } else {
+          span.from += offset;
+          if (sameLine) (first || (first = [])).push(span);
+        }
+      }
+    }
+    // Make sure we didn't create any zero-length spans
+    if (first) first = clearEmptySpans(first);
+    if (last && last != first) last = clearEmptySpans(last);
+
+    var newMarkers = [first];
+    if (!sameLine) {
+      // Fill gap with whole-line-spans
+      var gap = change.text.length - 2, gapMarkers;
+      if (gap > 0 && first)
+        for (var i = 0; i < first.length; ++i)
+          if (first[i].to == null)
+            (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i].marker, null, null));
+      for (var i = 0; i < gap; ++i)
+        newMarkers.push(gapMarkers);
+      newMarkers.push(last);
+    }
+    return newMarkers;
+  }
+
+  // Remove spans that are empty and don't have a clearWhenEmpty
+  // option of false.
+  function clearEmptySpans(spans) {
+    for (var i = 0; i < spans.length; ++i) {
+      var span = spans[i];
+      if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false)
+        spans.splice(i--, 1);
+    }
+    if (!spans.length) return null;
+    return spans;
+  }
+
+  // Used for un/re-doing changes from the history. Combines the
+  // result of computing the existing spans with the set of spans that
+  // existed in the history (so that deleting around a span and then
+  // undoing brings back the span).
+  function mergeOldSpans(doc, change) {
+    var old = getOldSpans(doc, change);
+    var stretched = stretchSpansOverChange(doc, change);
+    if (!old) return stretched;
+    if (!stretched) return old;
+
+    for (var i = 0; i < old.length; ++i) {
+      var oldCur = old[i], stretchCur = stretched[i];
+      if (oldCur && stretchCur) {
+        spans: for (var j = 0; j < stretchCur.length; ++j) {
+          var span = stretchCur[j];
+          for (var k = 0; k < oldCur.length; ++k)
+            if (oldCur[k].marker == span.marker) continue spans;
+          oldCur.push(span);
+        }
+      } else if (stretchCur) {
+        old[i] = stretchCur;
+      }
+    }
+    return old;
+  }
+
+  // Used to 'clip' out readOnly ranges when making a change.
+  function removeReadOnlyRanges(doc, from, to) {
+    var markers = null;
+    doc.iter(from.line, to.line + 1, function(line) {
+      if (line.markedSpans) for (var i = 0; i < line.markedSpans.length; ++i) {
+        var mark = line.markedSpans[i].marker;
+        if (mark.readOnly && (!markers || indexOf(markers, mark) == -1))
+          (markers || (markers = [])).push(mark);
+      }
+    });
+    if (!markers) return null;
+    var parts = [{from: from, to: to}];
+    for (var i = 0; i < markers.length; ++i) {
+      var mk = markers[i], m = mk.find(0);
+      for (var j = 0; j < parts.length; ++j) {
+        var p = parts[j];
+        if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) continue;
+        var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to);
+        if (dfrom < 0 || !mk.inclusiveLeft && !dfrom)
+          newParts.push({from: p.from, to: m.from});
+        if (dto > 0 || !mk.inclusiveRight && !dto)
+          newParts.push({from: m.to, to: p.to});
+        parts.splice.apply(parts, newParts);
+        j += newParts.length - 1;
+      }
+    }
+    return parts;
+  }
+
+  // Connect or disconnect spans from a line.
+  function detachMarkedSpans(line) {
+    var spans = line.markedSpans;
+    if (!spans) return;
+    for (var i = 0; i < spans.length; ++i)
+      spans[i].marker.detachLine(line);
+    line.markedSpans = null;
+  }
+  function attachMarkedSpans(line, spans) {
+    if (!spans) return;
+    for (var i = 0; i < spans.length; ++i)
+      spans[i].marker.attachLine(line);
+    line.markedSpans = spans;
+  }
+
+  // Helpers used when computing which overlapping collapsed span
+  // counts as the larger one.
+  function extraLeft(marker) { return marker.inclusiveLeft ? -1 : 0; }
+  function extraRight(marker) { return marker.inclusiveRight ? 1 : 0; }
+
+  // Returns a number indicating which of two overlapping collapsed
+  // spans is larger (and thus includes the other). Falls back to
+  // comparing ids when the spans cover exactly the same range.
+  function compareCollapsedMarkers(a, b) {
+    var lenDiff = a.lines.length - b.lines.length;
+    if (lenDiff != 0) return lenDiff;
+    var aPos = a.find(), bPos = b.find();
+    var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b);
+    if (fromCmp) return -fromCmp;
+    var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b);
+    if (toCmp) return toCmp;
+    return b.id - a.id;
+  }
+
+  // Find out whether a line ends or starts in a collapsed span. If
+  // so, return the marker for that span.
+  function collapsedSpanAtSide(line, start) {
+    var sps = sawCollapsedSpans && line.markedSpans, found;
+    if (sps) for (var sp, i = 0; i < sps.length; ++i) {
+      sp = sps[i];
+      if (sp.marker.collapsed && (start ? sp.from : sp.to) == null &&
+          (!found || compareCollapsedMarkers(found, sp.marker) < 0))
+        found = sp.marker;
+    }
+    return found;
+  }
+  function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true); }
+  function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false); }
+
+  // Test whether there exists a collapsed span that partially
+  // overlaps (covers the start or end, but not both) of a new span.
+  // Such overlap is not allowed.
+  function conflictingCollapsedRange(doc, lineNo, from, to, marker) {
+    var line = getLine(doc, lineNo);
+    var sps = sawCollapsedSpans && line.markedSpans;
+    if (sps) for (var i = 0; i < sps.length; ++i) {
+      var sp = sps[i];
+      if (!sp.marker.collapsed) continue;
+      var found = sp.marker.find(0);
+      var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker);
+      var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker);
+      if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) continue;
+      if (fromCmp <= 0 && (cmp(found.to, from) > 0 || (sp.marker.inclusiveRight && marker.inclusiveLeft)) ||
+          fromCmp >= 0 && (cmp(found.from, to) < 0 || (sp.marker.inclusiveLeft && marker.inclusiveRight)))
+        return true;
+    }
+  }
+
+  // A visual line is a line as drawn on the screen. Folding, for
+  // example, can cause multiple logical lines to appear on the same
+  // visual line. This finds the start of the visual line that the
+  // given line is part of (usually that is the line itself).
+  function visualLine(line) {
+    var merged;
+    while (merged = collapsedSpanAtStart(line))
+      line = merged.find(-1, true).line;
+    return line;
+  }
+
+  // Returns an array of logical lines that continue the visual line
+  // started by the argument, or undefined if there are no such lines.
+  function visualLineContinued(line) {
+    var merged, lines;
+    while (merged = collapsedSpanAtEnd(line)) {
+      line = merged.find(1, true).line;
+      (lines || (lines = [])).push(line);
+    }
+    return lines;
+  }
+
+  // Get the line number of the start of the visual line that the
+  // given line number is part of.
+  function visualLineNo(doc, lineN) {
+    var line = getLine(doc, lineN), vis = visualLine(line);
+    if (line == vis) return lineN;
+    return lineNo(vis);
+  }
+  // Get the line number of the start of the next visual line after
+  // the given line.
+  function visualLineEndNo(doc, lineN) {
+    if (lineN > doc.lastLine()) return lineN;
+    var line = getLine(doc, lineN), merged;
+    if (!lineIsHidden(doc, line)) return lineN;
+    while (merged = collapsedSpanAtEnd(line))
+      line = merged.find(1, true).line;
+    return lineNo(line) + 1;
+  }
+
+  // Compute whether a line is hidden. Lines count as hidden when they
+  // are part of a visual line that starts with another line, or when
+  // they are entirely covered by collapsed, non-widget span.
+  function lineIsHidden(doc, line) {
+    var sps = sawCollapsedSpans && line.markedSpans;
+    if (sps) for (var sp, i = 0; i < sps.length; ++i) {
+      sp = sps[i];
+      if (!sp.marker.collapsed) continue;
+      if (sp.from == null) return true;
+      if (sp.marker.widgetNode) continue;
+      if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp))
+        return true;
+    }
+  }
+  function lineIsHiddenInner(doc, line, span) {
+    if (span.to == null) {
+      var end = span.marker.find(1, true);
+      return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker));
+    }
+    if (span.marker.inclusiveRight && span.to == line.text.length)
+      return true;
+    for (var sp, i = 0; i < line.markedSpans.length; ++i) {
+      sp = line.markedSpans[i];
+      if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to &&
+          (sp.to == null || sp.to != span.from) &&
+          (sp.marker.inclusiveLeft || span.marker.inclusiveRight) &&
+          lineIsHiddenInner(doc, line, sp)) return true;
+    }
+  }
+
+  // LINE WIDGETS
+
+  // Line widgets are block elements displayed above or below a line.
+
+  var LineWidget = CodeMirror.LineWidget = function(cm, node, options) {
+    if (options) for (var opt in options) if (options.hasOwnProperty(opt))
+      this[opt] = options[opt];
+    this.cm = cm;
+    this.node = node;
+  };
+  eventMixin(LineWidget);
+
+  function adjustScrollWhenAboveVisible(cm, line, diff) {
+    if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop))
+      addToScrollPos(cm, null, diff);
+  }
+
+  LineWidget.prototype.clear = function() {
+    var cm = this.cm, ws = this.line.widgets, line = this.line, no = lineNo(line);
+    if (no == null || !ws) return;
+    for (var i = 0; i < ws.length; ++i) if (ws[i] == this) ws.splice(i--, 1);
+    if (!ws.length) line.widgets = null;
+    var height = widgetHeight(this);
+    runInOp(cm, function() {
+      adjustScrollWhenAboveVisible(cm, line, -height);
+      regLineChange(cm, no, "widget");
+      updateLineHeight(line, Math.max(0, line.height - height));
+    });
+  };
+  LineWidget.prototype.changed = function() {
+    var oldH = this.height, cm = this.cm, line = this.line;
+    this.height = null;
+    var diff = widgetHeight(this) - oldH;
+    if (!diff) return;
+    runInOp(cm, function() {
+      cm.curOp.forceUpdate = true;
+      adjustScrollWhenAboveVisible(cm, line, diff);
+      updateLineHeight(line, line.height + diff);
+    });
+  };
+
+  function widgetHeight(widget) {
+    if (widget.height != null) return widget.height;
+    if (!contains(document.body, widget.node)) {
+      var parentStyle = "position: relative;";
+      if (widget.coverGutter)
+        parentStyle += "margin-left: -" + widget.cm.getGutterElement().offsetWidth + "px;";
+      removeChildrenAndAdd(widget.cm.display.measure, elt("div", [widget.node], null, parentStyle));
+    }
+    return widget.height = widget.node.offsetHeight;
+  }
+
+  function addLineWidget(cm, handle, node, options) {
+    var widget = new LineWidget(cm, node, options);
+    if (widget.noHScroll) cm.display.alignWidgets = true;
+    changeLine(cm.doc, handle, "widget", function(line) {
+      var widgets = line.widgets || (line.widgets = []);
+      if (widget.insertAt == null) widgets.push(widget);
+      else widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget);
+      widget.line = line;
+      if (!lineIsHidden(cm.doc, line)) {
+        var aboveVisible = heightAtLine(line) < cm.doc.scrollTop;
+        updateLineHeight(line, line.height + widgetHeight(widget));
+        if (aboveVisible) addToScrollPos(cm, null, widget.height);
+        cm.curOp.forceUpdate = true;
+      }
+      return true;
+    });
+    return widget;
+  }
+
+  // LINE DATA STRUCTURE
+
+  // Line objects. These hold state related to a line, including
+  // highlighting info (the styles array).
+  var Line = CodeMirror.Line = function(text, markedSpans, estimateHeight) {
+    this.text = text;
+    attachMarkedSpans(this, markedSpans);
+    this.height = estimateHeight ? estimateHeight(this) : 1;
+  };
+  eventMixin(Line);
+  Line.prototype.lineNo = function() { return lineNo(this); };
+
+  // Change the content (text, markers) of a line. Automatically
+  // invalidates cached information and tries to re-estimate the
+  // line's height.
+  function updateLine(line, text, markedSpans, estimateHeight) {
+    line.text = text;
+    if (line.stateAfter) line.stateAfter = null;
+    if (line.styles) line.styles = null;
+    if (line.order != null) line.order = null;
+    detachMarkedSpans(line);
+    attachMarkedSpans(line, markedSpans);
+    var estHeight = estimateHeight ? estimateHeight(line) : 1;
+    if (estHeight != line.height) updateLineHeight(line, estHeight);
+  }
+
+  // Detach a line from the document tree and its markers.
+  function cleanUpLine(line) {
+    line.parent = null;
+    detachMarkedSpans(line);
+  }
+
+  function extractLineClasses(type, output) {
+    if (type) for (;;) {
+      var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/);
+      if (!lineClass) break;
+      type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length);
+      var prop = lineClass[1] ? "bgClass" : "textClass";
+      if (output[prop] == null)
+        output[prop] = lineClass[2];
+      else if (!(new RegExp("(?:^|\s)" + lineClass[2] + "(?:$|\s)")).test(output[prop]))
+        output[prop] += " " + lineClass[2];
+    }
+    return type;
+  }
+
+  function callBlankLine(mode, state) {
+    if (mode.blankLine) return mode.blankLine(state);
+    if (!mode.innerMode) return;
+    var inner = CodeMirror.innerMode(mode, state);
+    if (inner.mode.blankLine) return inner.mode.blankLine(inner.state);
+  }
+
+  function readToken(mode, stream, state, inner) {
+    for (var i = 0; i < 10; i++) {
+      if (inner) inner[0] = CodeMirror.innerMode(mode, state).mode;
+      var style = mode.token(stream, state);
+      if (stream.pos > stream.start) return style;
+    }
+    throw new Error("Mode " + mode.name + " failed to advance stream.");
+  }
+
+  // Utility for getTokenAt and getLineTokens
+  function takeToken(cm, pos, precise, asArray) {
+    function getObj(copy) {
+      return {start: stream.start, end: stream.pos,
+              string: stream.current(),
+              type: style || null,
+              state: copy ? copyState(doc.mode, state) : state};
+    }
+
+    var doc = cm.doc, mode = doc.mode, style;
+    pos = clipPos(doc, pos);
+    var line = getLine(doc, pos.line), state = getStateBefore(cm, pos.line, precise);
+    var stream = new StringStream(line.text, cm.options.tabSize), tokens;
+    if (asArray) tokens = [];
+    while ((asArray || stream.pos < pos.ch) && !stream.eol()) {
+      stream.start = stream.pos;
+      style = readToken(mode, stream, state);
+      if (asArray) tokens.push(getObj(true));
+    }
+    return asArray ? tokens : getObj();
+  }
+
+  // Run the given mode's parser over a line, calling f for each token.
+  function runMode(cm, text, mode, state, f, lineClasses, forceToEnd) {
+    var flattenSpans = mode.flattenSpans;
+    if (flattenSpans == null) flattenSpans = cm.options.flattenSpans;
+    var curStart = 0, curStyle = null;
+    var stream = new StringStream(text, cm.options.tabSize), style;
+    var inner = cm.options.addModeClass && [null];
+    if (text == "") extractLineClasses(callBlankLine(mode, state), lineClasses);
+    while (!stream.eol()) {
+      if (stream.pos > cm.options.maxHighlightLength) {
+        flattenSpans = false;
+        if (forceToEnd) processLine(cm, text, state, stream.pos);
+        stream.pos = text.length;
+        style = null;
+      } else {
+        style = extractLineClasses(readToken(mode, stream, state, inner), lineClasses);
+      }
+      if (inner) {
+        var mName = inner[0].name;
+        if (mName) style = "m-" + (style ? mName + " " + style : mName);
+      }
+      if (!flattenSpans || curStyle != style) {
+        if (curStart < stream.start) f(stream.start, curStyle);
+        curStart = stream.start; curStyle = style;
+      }
+      stream.start = stream.pos;
+    }
+    while (curStart < stream.pos) {
+      // Webkit seems to refuse to render text nodes longer than 57444 characters
+      var pos = Math.min(stream.pos, curStart + 50000);
+      f(pos, curStyle);
+      curStart = pos;
+    }
+  }
+
+  // Compute a style array (an array starting with a mode generation
+  // -- for invalidation -- followed by pairs of end positions and
+  // style strings), which is used to highlight the tokens on the
+  // line.
+  function highlightLine(cm, line, state, forceToEnd) {
+    // A styles array always starts with a number identifying the
+    // mode/overlays that it is based on (for easy invalidation).
+    var st = [cm.state.modeGen], lineClasses = {};
+    // Compute the base array of styles
+    runMode(cm, line.text, cm.doc.mode, state, function(end, style) {
+      st.push(end, style);
+    }, lineClasses, forceToEnd);
+
+    // Run overlays, adjust style array.
+    for (var o = 0; o < cm.state.overlays.length; ++o) {
+      var overlay = cm.state.overlays[o], i = 1, at = 0;
+      runMode(cm, line.text, overlay.mode, true, function(end, style) {
+        var start = i;
+        // Ensure there's a token end at the current position, and that i points at it
+        while (at < end) {
+          var i_end = st[i];
+          if (i_end > end)
+            st.splice(i, 1, end, st[i+1], i_end);
+          i += 2;
+          at = Math.min(end, i_end);
+        }
+        if (!style) return;
+        if (overlay.opaque) {
+          st.splice(start, i - start, end, "cm-overlay " + style);
+          i = start + 2;
+        } else {
+          for (; start < i; start += 2) {
+            var cur = st[start+1];
+            st[start+1] = (cur ? cur + " " : "") + "cm-overlay " + style;
+          }
+        }
+      }, lineClasses);
+    }
+
+    return {styles: st, classes: lineClasses.bgClass || lineClasses.textClass ? lineClasses : null};
+  }
+
+  function getLineStyles(cm, line, updateFrontier) {
+    if (!line.styles || line.styles[0] != cm.state.modeGen) {
+      var result = highlightLine(cm, line, line.stateAfter = getStateBefore(cm, lineNo(line)));
+      line.styles = result.styles;
+      if (result.classes) line.styleClasses = result.classes;
+      else if (line.styleClasses) line.styleClasses = null;
+      if (updateFrontier === cm.doc.frontier) cm.doc.frontier++;
+    }
+    return line.styles;
+  }
+
+  // Lightweight form of highlight -- proceed over this line and
+  // update state, but don't save a style array. Used for lines that
+  // aren't currently visible.
+  function processLine(cm, text, state, startAt) {
+    var mode = cm.doc.mode;
+    var stream = new StringStream(text, cm.options.tabSize);
+    stream.start = stream.pos = startAt || 0;
+    if (text == "") callBlankLine(mode, state);
+    while (!stream.eol() && stream.pos <= cm.options.maxHighlightLength) {
+      readToken(mode, stream, state);
+      stream.start = stream.pos;
+    }
+  }
+
+  // Convert a style as returned by a mode (either null, or a string
+  // containing one or more styles) to a CSS style. This is cached,
+  // and also looks for line-wide styles.
+  var styleToClassCache = {}, styleToClassCacheWithMode = {};
+  function interpretTokenStyle(style, options) {
+    if (!style || /^\s*$/.test(style)) return null;
+    var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache;
+    return cache[style] ||
+      (cache[style] = style.replace(/\S+/g, "cm-$&"));
+  }
+
+  // Render the DOM representation of the text of a line. Also builds
+  // up a 'line map', which points at the DOM nodes that represent
+  // specific stretches of text, and is used by the measuring code.
+  // The returned object contains the DOM node, this map, and
+  // information about line-wide styles that were set by the mode.
+  function buildLineContent(cm, lineView) {
+    // The padding-right forces the element to have a 'border', which
+    // is needed on Webkit to be able to get line-level bounding
+    // rectangles for it (in measureChar).
+    var content = elt("span", null, null, webkit ? "padding-right: .1px" : null);
+    var builder = {pre: elt("pre", [content]), content: content, col: 0, pos: 0, cm: cm};
+    lineView.measure = {};
+
+    // Iterate over the logical lines that make up this visual line.
+    for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) {
+      var line = i ? lineView.rest[i - 1] : lineView.line, order;
+      builder.pos = 0;
+      builder.addToken = buildToken;
+      // Optionally wire in some hacks into the token-rendering
+      // algorithm, to deal with browser quirks.
+      if ((ie || webkit) && cm.getOption("lineWrapping"))
+        builder.addToken = buildTokenSplitSpaces(builder.addToken);
+      if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line)))
+        builder.addToken = buildTokenBadBidi(builder.addToken, order);
+      builder.map = [];
+      var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line);
+      insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate));
+      if (line.styleClasses) {
+        if (line.styleClasses.bgClass)
+          builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || "");
+        if (line.styleClasses.textClass)
+          builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || "");
+      }
+
+      // Ensure at least a single node is present, for measuring.
+      if (builder.map.length == 0)
+        builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure)));
+
+      // Store the map and a cache object for the current logical line
+      if (i == 0) {
+        lineView.measure.map = builder.map;
+        lineView.measure.cache = {};
+      } else {
+        (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map);
+        (lineView.measure.caches || (lineView.measure.caches = [])).push({});
+      }
+    }
+
+    // See issue #2901
+    if (webkit && /\bcm-tab\b/.test(builder.content.lastChild.className))
+      builder.content.className = "cm-tab-wrap-hack";
+
+    signal(cm, "renderLine", cm, lineView.line, builder.pre);
+    if (builder.pre.className)
+      builder.textClass = joinClasses(builder.pre.className, builder.textClass || "");
+
+    return builder;
+  }
+
+  function defaultSpecialCharPlaceholder(ch) {
+    var token = elt("span", "\u2022", "cm-invalidchar");
+    token.title = "\\u" + ch.charCodeAt(0).toString(16);
+    return token;
+  }
+
+  // Build up the DOM representation for a single token, and add it to
+  // the line map. Takes care to render special characters separately.
+  function buildToken(builder, text, style, startStyle, endStyle, title) {
+    if (!text) return;
+    var special = builder.cm.options.specialChars, mustWrap = false;
+    if (!special.test(text)) {
+      builder.col += text.length;
+      var content = document.createTextNode(text);
+      builder.map.push(builder.pos, builder.pos + text.length, content);
+      if (ie && ie_version < 9) mustWrap = true;
+      builder.pos += text.length;
+    } else {
+      var content = document.createDocumentFragment(), pos = 0;
+      while (true) {
+        special.lastIndex = pos;
+        var m = special.exec(text);
+        var skipped = m ? m.index - pos : text.length - pos;
+        if (skipped) {
+          var txt = document.createTextNode(text.slice(pos, pos + skipped));
+          if (ie && ie_version < 9) content.appendChild(elt("span", [txt]));
+          else content.appendChild(txt);
+          builder.map.push(builder.pos, builder.pos + skipped, txt);
+          builder.col += skipped;
+          builder.pos += skipped;
+        }
+        if (!m) break;
+        pos += skipped + 1;
+        if (m[0] == "\t") {
+          var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize;
+          var txt = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab"));
+          builder.col += tabWidth;
+        } else {
+          var txt = builder.cm.options.specialCharPlaceholder(m[0]);
+          if (ie && ie_version < 9) content.appendChild(elt("span", [txt]));
+          else content.appendChild(txt);
+          builder.col += 1;
+        }
+        builder.map.push(builder.pos, builder.pos + 1, txt);
+        builder.pos++;
+      }
+    }
+    if (style || startStyle || endStyle || mustWrap) {
+      var fullStyle = style || "";
+      if (startStyle) fullStyle += startStyle;
+      if (endStyle) fullStyle += endStyle;
+      var token = elt("span", [content], fullStyle);
+      if (title) token.title = title;
+      return builder.content.appendChild(token);
+    }
+    builder.content.appendChild(content);
+  }
+
+  function buildTokenSplitSpaces(inner) {
+    function split(old) {
+      var out = " ";
+      for (var i = 0; i < old.length - 2; ++i) out += i % 2 ? " " : "\u00a0";
+      out += " ";
+      return out;
+    }
+    return function(builder, text, style, startStyle, endStyle, title) {
+      inner(builder, text.replace(/ {3,}/g, split), style, startStyle, endStyle, title);
+    };
+  }
+
+  // Work around nonsense dimensions being reported for stretches of
+  // right-to-left text.
+  function buildTokenBadBidi(inner, order) {
+    return function(builder, text, style, startStyle, endStyle, title) {
+      style = style ? style + " cm-force-border" : "cm-force-border";
+      var start = builder.pos, end = start + text.length;
+      for (;;) {
+        // Find the part that overlaps with the start of this text
+        for (var i = 0; i < order.length; i++) {
+          var part = order[i];
+          if (part.to > start && part.from <= start) break;
+        }
+        if (part.to >= end) return inner(builder, text, style, startStyle, endStyle, title);
+        inner(builder, text.slice(0, part.to - start), style, startStyle, null, title);
+        startStyle = null;
+        text = text.slice(part.to - start);
+        start = part.to;
+      }
+    };
+  }
+
+  function buildCollapsedSpan(builder, size, marker, ignoreWidget) {
+    var widget = !ignoreWidget && marker.widgetNode;
+    if (widget) {
+      builder.map.push(builder.pos, builder.pos + size, widget);
+      builder.content.appendChild(widget);
+    }
+    builder.pos += size;
+  }
+
+  // Outputs a number of spans to make up a line, taking highlighting
+  // and marked text into account.
+  function insertLineContent(line, builder, styles) {
+    var spans = line.markedSpans, allText = line.text, at = 0;
+    if (!spans) {
+      for (var i = 1; i < styles.length; i+=2)
+        builder.addToken(builder, allText.slice(at, at = styles[i]), interpretTokenStyle(styles[i+1], builder.cm.options));
+      return;
+    }
+
+    var len = allText.length, pos = 0, i = 1, text = "", style;
+    var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed;
+    for (;;) {
+      if (nextChange == pos) { // Update current marker set
+        spanStyle = spanEndStyle = spanStartStyle = title = "";
+        collapsed = null; nextChange = Infinity;
+        var foundBookmarks = [];
+        for (var j = 0; j < spans.length; ++j) {
+          var sp = spans[j], m = sp.marker;
+          if (sp.from <= pos && (sp.to == null || sp.to > pos)) {
+            if (sp.to != null && nextChange > sp.to) { nextChange = sp.to; spanEndStyle = ""; }
+            if (m.className) spanStyle += " " + m.className;
+            if (m.startStyle && sp.from == pos) spanStartStyle += " " + m.startStyle;
+            if (m.endStyle && sp.to == nextChange) spanEndStyle += " " + m.endStyle;
+            if (m.title && !title) title = m.title;
+            if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0))
+              collapsed = sp;
+          } else if (sp.from > pos && nextChange > sp.from) {
+            nextChange = sp.from;
+          }
+          if (m.type == "bookmark" && sp.from == pos && m.widgetNode) foundBookmarks.push(m);
+        }
+        if (collapsed && (collapsed.from || 0) == pos) {
+          buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos,
+                             collapsed.marker, collapsed.from == null);
+          if (collapsed.to == null) return;
+        }
+        if (!collapsed && foundBookmarks.length) for (var j = 0; j < foundBookmarks.length; ++j)
+          buildCollapsedSpan(builder, 0, foundBookmarks[j]);
+      }
+      if (pos >= len) break;
+
+      var upto = Math.min(len, nextChange);
+      while (true) {
+        if (text) {
+          var end = pos + text.length;
+          if (!collapsed) {
+            var tokenText = end > upto ? text.slice(0, upto - pos) : text;
+            builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle,
+                             spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title);
+          }
+          if (end >= upto) {text = text.slice(upto - pos); pos = upto; break;}
+          pos = end;
+          spanStartStyle = "";
+        }
+        text = allText.slice(at, at = styles[i++]);
+        style = interpretTokenStyle(styles[i++], builder.cm.options);
+      }
+    }
+  }
+
+  // DOCUMENT DATA STRUCTURE
+
+  // By default, updates that start and end at the beginning of a line
+  // are treated specially, in order to make the association of line
+  // widgets and marker elements with the text behave more intuitive.
+  function isWholeLineUpdate(doc, change) {
+    return change.from.ch == 0 && change.to.ch == 0 && lst(change.text) == "" &&
+      (!doc.cm || doc.cm.options.wholeLineUpdateBefore);
+  }
+
+  // Perform a change on the document data structure.
+  function updateDoc(doc, change, markedSpans, estimateHeight) {
+    function spansFor(n) {return markedSpans ? markedSpans[n] : null;}
+    function update(line, text, spans) {
+      updateLine(line, text, spans, estimateHeight);
+      signalLater(line, "change", line, change);
+    }
+
+    var from = change.from, to = change.to, text = change.text;
+    var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line);
+    var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line;
+
+    // Adjust the line structure
+    if (isWholeLineUpdate(doc, change)) {
+      // This is a whole-line replace. Treated specially to make
+      // sure line objects move the way they are supposed to.
+      for (var i = 0, added = []; i < text.length - 1; ++i)
+        added.push(new Line(text[i], spansFor(i), estimateHeight));
+      update(lastLine, lastLine.text, lastSpans);
+      if (nlines) doc.remove(from.line, nlines);
+      if (added.length) doc.insert(from.line, added);
+    } else if (firstLine == lastLine) {
+      if (text.length == 1) {
+        update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans);
+      } else {
+        for (var added = [], i = 1; i < text.length - 1; ++i)
+          added.push(new Line(text[i], spansFor(i), estimateHeight));
+        added.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight));
+        update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+        doc.insert(from.line + 1, added);
+      }
+    } else if (text.length == 1) {
+      update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0));
+      doc.remove(from.line + 1, nlines);
+    } else {
+      update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+      update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans);
+      for (var i = 1, added = []; i < text.length - 1; ++i)
+        added.push(new Line(text[i], spansFor(i), estimateHeight));
+      if (nlines > 1) doc.remove(from.line + 1, nlines - 1);
+      doc.insert(from.line + 1, added);
+    }
+
+    signalLater(doc, "change", doc, change);
+  }
+
+  // The document is represented as a BTree consisting of leaves, with
+  // chunk of lines in them, and branches, with up to ten leaves or
+  // other branch nodes below them. The top node is always a branch
+  // node, and is the document object itself (meaning it has
+  // additional methods and properties).
+  //
+  // All nodes have parent links. The tree is used both to go from
+  // line numbers to line objects, and to go from objects to numbers.
+  // It also indexes by height, and is used to convert between height
+  // and line object, and to find the total height of the document.
+  //
+  // See also http://marijnhaverbeke.nl/blog/codemirror-line-tree.html
+
+  function LeafChunk(lines) {
+    this.lines = lines;
+    this.parent = null;
+    for (var i = 0, height = 0; i < lines.length; ++i) {
+      lines[i].parent = this;
+      height += lines[i].height;
+    }
+    this.height = height;
+  }
+
+  LeafChunk.prototype = {
+    chunkSize: function() { return this.lines.length; },
+    // Remove the n lines at offset 'at'.
+    removeInner: function(at, n) {
+      for (var i = at, e = at + n; i < e; ++i) {
+        var line = this.lines[i];
+        this.height -= line.height;
+        cleanUpLine(line);
+        signalLater(line, "delete");
+      }
+      this.lines.splice(at, n);
+    },
+    // Helper used to collapse a small branch into a single leaf.
+    collapse: function(lines) {
+      lines.push.apply(lines, this.lines);
+    },
+    // Insert the given array of lines at offset 'at', count them as
+    // having the given height.
+    insertInner: function(at, lines, height) {
+      this.height += height;
+      this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at));
+      for (var i = 0; i < lines.length; ++i) lines[i].parent = this;
+    },
+    // Used to iterate over a part of the tree.
+    iterN: function(at, n, op) {
+      for (var e = at + n; at < e; ++at)
+        if (op(this.lines[at])) return true;
+    }
+  };
+
+  function BranchChunk(children) {
+    this.children = children;
+    var size = 0, height = 0;
+    for (var i = 0; i < children.length; ++i) {
+      var ch = children[i];
+      size += ch.chunkSize(); height += ch.height;
+      ch.parent = this;
+    }
+    this.size = size;
+    this.height = height;
+    this.parent = null;
+  }
+
+  BranchChunk.prototype = {
+    chunkSize: function() { return this.size; },
+    removeInner: function(at, n) {
+      this.size -= n;
+      for (var i = 0; i < this.children.length; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at < sz) {
+          var rm = Math.min(n, sz - at), oldHeight = child.height;
+          child.removeInner(at, rm);
+          this.height -= oldHeight - child.height;
+          if (sz == rm) { this.children.splice(i--, 1); child.parent = null; }
+          if ((n -= rm) == 0) break;
+          at = 0;
+        } else at -= sz;
+      }
+      // If the result is smaller than 25 lines, ensure that it is a
+      // single leaf node.
+      if (this.size - n < 25 &&
+          (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) {
+        var lines = [];
+        this.collapse(lines);
+        this.children = [new LeafChunk(lines)];
+        this.children[0].parent = this;
+      }
+    },
+    collapse: function(lines) {
+      for (var i = 0; i < this.children.length; ++i) this.children[i].collapse(lines);
+    },
+    insertInner: function(at, lines, height) {
+      this.size += lines.length;
+      this.height += height;
+      for (var i = 0; i < this.children.length; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at <= sz) {
+          child.insertInner(at, lines, height);
+          if (child.lines && child.lines.length > 50) {
+            while (child.lines.length > 50) {
+              var spilled = child.lines.splice(child.lines.length - 25, 25);
+              var newleaf = new LeafChunk(spilled);
+              child.height -= newleaf.height;
+              this.children.splice(i + 1, 0, newleaf);
+              newleaf.parent = this;
+            }
+            this.maybeSpill();
+          }
+          break;
+        }
+        at -= sz;
+      }
+    },
+    // When a node has grown, check whether it should be split.
+    maybeSpill: function() {
+      if (this.children.length <= 10) return;
+      var me = this;
+      do {
+        var spilled = me.children.splice(me.children.length - 5, 5);
+        var sibling = new BranchChunk(spilled);
+        if (!me.parent) { // Become the parent node
+          var copy = new BranchChunk(me.children);
+          copy.parent = me;
+          me.children = [copy, sibling];
+          me = copy;
+        } else {
+          me.size -= sibling.size;
+          me.height -= sibling.height;
+          var myIndex = indexOf(me.parent.children, me);
+          me.parent.children.splice(myIndex + 1, 0, sibling);
+        }
+        sibling.parent = me.parent;
+      } while (me.children.length > 10);
+      me.parent.maybeSpill();
+    },
+    iterN: function(at, n, op) {
+      for (var i = 0; i < this.children.length; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at < sz) {
+          var used = Math.min(n, sz - at);
+          if (child.iterN(at, used, op)) return true;
+          if ((n -= used) == 0) break;
+          at = 0;
+        } else at -= sz;
+      }
+    }
+  };
+
+  var nextDocId = 0;
+  var Doc = CodeMirror.Doc = function(text, mode, firstLine) {
+    if (!(this instanceof Doc)) return new Doc(text, mode, firstLine);
+    if (firstLine == null) firstLine = 0;
+
+    BranchChunk.call(this, [new LeafChunk([new Line("", null)])]);
+    this.first = firstLine;
+    this.scrollTop = this.scrollLeft = 0;
+    this.cantEdit = false;
+    this.cleanGeneration = 1;
+    this.frontier = firstLine;
+    var start = Pos(firstLine, 0);
+    this.sel = simpleSelection(start);
+    this.history = new History(null);
+    this.id = ++nextDocId;
+    this.modeOption = mode;
+
+    if (typeof text == "string") text = splitLines(text);
+    updateDoc(this, {from: start, to: start, text: text});
+    setSelection(this, simpleSelection(start), sel_dontScroll);
+  };
+
+  Doc.prototype = createObj(BranchChunk.prototype, {
+    constructor: Doc,
+    // Iterate over the document. Supports two forms -- with only one
+    // argument, it calls that for each line in the document. With
+    // three, it iterates over the range given by the first two (with
+    // the second being non-inclusive).
+    iter: function(from, to, op) {
+      if (op) this.iterN(from - this.first, to - from, op);
+      else this.iterN(this.first, this.first + this.size, from);
+    },
+
+    // Non-public interface for adding and removing lines.
+    insert: function(at, lines) {
+      var height = 0;
+      for (var i = 0; i < lines.length; ++i) height += lines[i].height;
+      this.insertInner(at - this.first, lines, height);
+    },
+    remove: function(at, n) { this.removeInner(at - this.first, n); },
+
+    // From here, the methods are part of the public interface. Most
+    // are also available from CodeMirror (editor) instances.
+
+    getValue: function(lineSep) {
+      var lines = getLines(this, this.first, this.first + this.size);
+      if (lineSep === false) return lines;
+      return lines.join(lineSep || "\n");
+    },
+    setValue: docMethodOp(function(code) {
+      var top = Pos(this.first, 0), last = this.first + this.size - 1;
+      makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length),
+                        text: splitLines(code), origin: "setValue"}, true);
+      setSelection(this, simpleSelection(top));
+    }),
+    replaceRange: function(code, from, to, origin) {
+      from = clipPos(this, from);
+      to = to ? clipPos(this, to) : from;
+      replaceRange(this, code, from, to, origin);
+    },
+    getRange: function(from, to, lineSep) {
+      var lines = getBetween(this, clipPos(this, from), clipPos(this, to));
+      if (lineSep === false) return lines;
+      return lines.join(lineSep || "\n");
+    },
+
+    getLine: function(line) {var l = this.getLineHandle(line); return l && l.text;},
+
+    getLineHandle: function(line) {if (isLine(this, line)) return getLine(this, line);},
+    getLineNumber: function(line) {return lineNo(line);},
+
+    getLineHandleVisualStart: function(line) {
+      if (typeof line == "number") line = getLine(this, line);
+      return visualLine(line);
+    },
+
+    lineCount: function() {return this.size;},
+    firstLine: function() {return this.first;},
+    lastLine: function() {return this.first + this.size - 1;},
+
+    clipPos: function(pos) {return clipPos(this, pos);},
+
+    getCursor: function(start) {
+      var range = this.sel.primary(), pos;
+      if (start == null || start == "head") pos = range.head;
+      else if (start == "anchor") pos = range.anchor;
+      else if (start == "end" || start == "to" || start === false) pos = range.to();
+      else pos = range.from();
+      return pos;
+    },
+    listSelections: function() { return this.sel.ranges; },
+    somethingSelected: function() {return this.sel.somethingSelected();},
+
+    setCursor: docMethodOp(function(line, ch, options) {
+      setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options);
+    }),
+    setSelection: docMethodOp(function(anchor, head, options) {
+      setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options);
+    }),
+    extendSelection: docMethodOp(function(head, other, options) {
+      extendSelection(this, clipPos(this, head), other && clipPos(this, other), options);
+    }),
+    extendSelections: docMethodOp(function(heads, options) {
+      extendSelections(this, clipPosArray(this, heads, options));
+    }),
+    extendSelectionsBy: docMethodOp(function(f, options) {
+      extendSelections(this, map(this.sel.ranges, f), options);
+    }),
+    setSelections: docMethodOp(function(ranges, primary, options) {
+      if (!ranges.length) return;
+      for (var i = 0, out = []; i < ranges.length; i++)
+        out[i] = new Range(clipPos(this, ranges[i].anchor),
+                           clipPos(this, ranges[i].head));
+      if (primary == null) primary = Math.min(ranges.length - 1, this.sel.primIndex);
+      setSelection(this, normalizeSelection(out, primary), options);
+    }),
+    addSelection: docMethodOp(function(anchor, head, options) {
+      var ranges = this.sel.ranges.slice(0);
+      ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor)));
+      setSelection(this, normalizeSelection(ranges, ranges.length - 1), options);
+    }),
+
+    getSelection: function(lineSep) {
+      var ranges = this.sel.ranges, lines;
+      for (var i = 0; i < ranges.length; i++) {
+        var sel = getBetween(this, ranges[i].from(), ranges[i].to());
+        lines = lines ? lines.concat(sel) : sel;
+      }
+      if (lineSep === false) return lines;
+      else return lines.join(lineSep || "\n");
+    },
+    getSelections: function(lineSep) {
+      var parts = [], ranges = this.sel.ranges;
+      for (var i = 0; i < ranges.length; i++) {
+        var sel = getBetween(this, ranges[i].from(), ranges[i].to());
+        if (lineSep !== false) sel = sel.join(lineSep || "\n");
+        parts[i] = sel;
+      }
+      return parts;
+    },
+    replaceSelection: function(code, collapse, origin) {
+      var dup = [];
+      for (var i = 0; i < this.sel.ranges.length; i++)
+        dup[i] = code;
+      this.replaceSelections(dup, collapse, origin || "+input");
+    },
+    replaceSelections: docMethodOp(function(code, collapse, origin) {
+      var changes = [], sel = this.sel;
+      for (var i = 0; i < sel.ranges.length; i++) {
+        var range = sel.ranges[i];
+        changes[i] = {from: range.from(), to: range.to(), text: splitLines(code[i]), origin: origin};
+      }
+      var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse);
+      for (var i = changes.length - 1; i >= 0; i--)
+        makeChange(this, changes[i]);
+      if (newSel) setSelectionReplaceHistory(this, newSel);
+      else if (this.cm) ensureCursorVisible(this.cm);
+    }),
+    undo: docMethodOp(function() {makeChangeFromHistory(this, "undo");}),
+    redo: docMethodOp(function() {makeChangeFromHistory(this, "redo");}),
+    undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true);}),
+    redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true);}),
+
+    setExtending: function(val) {this.extend = val;},
+    getExtending: function() {return this.extend;},
+
+    historySize: function() {
+      var hist = this.history, done = 0, undone = 0;
+      for (var i = 0; i < hist.done.length; i++) if (!hist.done[i].ranges) ++done;
+      for (var i = 0; i < hist.undone.length; i++) if (!hist.undone[i].ranges) ++undone;
+      return {undo: done, redo: undone};
+    },
+    clearHistory: function() {this.history = new History(this.history.maxGeneration);},
+
+    markClean: function() {
+      this.cleanGeneration = this.changeGeneration(true);
+    },
+    changeGeneration: function(forceSplit) {
+      if (forceSplit)
+        this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null;
+      return this.history.generation;
+    },
+    isClean: function (gen) {
+      return this.history.generation == (gen || this.cleanGeneration);
+    },
+
+    getHistory: function() {
+      return {done: copyHistoryArray(this.history.done),
+              undone: copyHistoryArray(this.history.undone)};
+    },
+    setHistory: function(histData) {
+      var hist = this.history = new History(this.history.maxGeneration);
+      hist.done = copyHistoryArray(histData.done.slice(0), null, true);
+      hist.undone = copyHistoryArray(histData.undone.slice(0), null, true);
+    },
+
+    addLineClass: docMethodOp(function(handle, where, cls) {
+      return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function(line) {
+        var prop = where == "text" ? "textClass"
+                 : where == "background" ? "bgClass"
+                 : where == "gutter" ? "gutterClass" : "wrapClass";
+        if (!line[prop]) line[prop] = cls;
+        else if (classTest(cls).test(line[prop])) return false;
+        else line[prop] += " " + cls;
+        return true;
+      });
+    }),
+    removeLineClass: docMethodOp(function(handle, where, cls) {
+      return changeLine(this, handle, "class", function(line) {
+        var prop = where == "text" ? "textClass"
+                 : where == "background" ? "bgClass"
+                 : where == "gutter" ? "gutterClass" : "wrapClass";
+        var cur = line[prop];
+        if (!cur) return false;
+        else if (cls == null) line[prop] = null;
+        else {
+          var found = cur.match(classTest(cls));
+          if (!found) return false;
+          var end = found.index + found[0].length;
+          line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null;
+        }
+        return true;
+      });
+    }),
+
+    markText: function(from, to, options) {
+      return markText(this, clipPos(this, from), clipPos(this, to), options, "range");
+    },
+    setBookmark: function(pos, options) {
+      var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options),
+                      insertLeft: options && options.insertLeft,
+                      clearWhenEmpty: false, shared: options && options.shared};
+      pos = clipPos(this, pos);
+      return markText(this, pos, pos, realOpts, "bookmark");
+    },
+    findMarksAt: function(pos) {
+      pos = clipPos(this, pos);
+      var markers = [], spans = getLine(this, pos.line).markedSpans;
+      if (spans) for (var i = 0; i < spans.length; ++i) {
+        var span = spans[i];
+        if ((span.from == null || span.from <= pos.ch) &&
+            (span.to == null || span.to >= pos.ch))
+          markers.push(span.marker.parent || span.marker);
+      }
+      return markers;
+    },
+    findMarks: function(from, to, filter) {
+      from = clipPos(this, from); to = clipPos(this, to);
+      var found = [], lineNo = from.line;
+      this.iter(from.line, to.line + 1, function(line) {
+        var spans = line.markedSpans;
+        if (spans) for (var i = 0; i < spans.length; i++) {
+          var span = spans[i];
+          if (!(lineNo == from.line && from.ch > span.to ||
+                span.from == null && lineNo != from.line||
+                lineNo == to.line && span.from > to.ch) &&
+              (!filter || filter(span.marker)))
+            found.push(span.marker.parent || span.marker);
+        }
+        ++lineNo;
+      });
+      return found;
+    },
+    getAllMarks: function() {
+      var markers = [];
+      this.iter(function(line) {
+        var sps = line.markedSpans;
+        if (sps) for (var i = 0; i < sps.length; ++i)
+          if (sps[i].from != null) markers.push(sps[i].marker);
+      });
+      return markers;
+    },
+
+    posFromIndex: function(off) {
+      var ch, lineNo = this.first;
+      this.iter(function(line) {
+        var sz = line.text.length + 1;
+        if (sz > off) { ch = off; return true; }
+        off -= sz;
+        ++lineNo;
+      });
+      return clipPos(this, Pos(lineNo, ch));
+    },
+    indexFromPos: function (coords) {
+      coords = clipPos(this, coords);
+      var index = coords.ch;
+      if (coords.line < this.first || coords.ch < 0) return 0;
+      this.iter(this.first, coords.line, function (line) {
+        index += line.text.length + 1;
+      });
+      return index;
+    },
+
+    copy: function(copyHistory) {
+      var doc = new Doc(getLines(this, this.first, this.first + this.size), this.modeOption, this.first);
+      doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft;
+      doc.sel = this.sel;
+      doc.extend = false;
+      if (copyHistory) {
+        doc.history.undoDepth = this.history.undoDepth;
+        doc.setHistory(this.getHistory());
+      }
+      return doc;
+    },
+
+    linkedDoc: function(options) {
+      if (!options) options = {};
+      var from = this.first, to = this.first + this.size;
+      if (options.from != null && options.from > from) from = options.from;
+      if (options.to != null && options.to < to) to = options.to;
+      var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from);
+      if (options.sharedHist) copy.history = this.history;
+      (this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist});
+      copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}];
+      copySharedMarkers(copy, findSharedMarkers(this));
+      return copy;
+    },
+    unlinkDoc: function(other) {
+      if (other instanceof CodeMirror) other = other.doc;
+      if (this.linked) for (var i = 0; i < this.linked.length; ++i) {
+        var link = this.linked[i];
+        if (link.doc != other) continue;
+        this.linked.splice(i, 1);
+        other.unlinkDoc(this);
+        detachSharedMarkers(findSharedMarkers(this));
+        break;
+      }
+      // If the histories were shared, split them again
+      if (other.history == this.history) {
+        var splitIds = [other.id];
+        linkedDocs(other, function(doc) {splitIds.push(doc.id);}, true);
+        other.history = new History(null);
+        other.history.done = copyHistoryArray(this.history.done, splitIds);
+        other.history.undone = copyHistoryArray(this.history.undone, splitIds);
+      }
+    },
+    iterLinkedDocs: function(f) {linkedDocs(this, f);},
+
+    getMode: function() {return this.mode;},
+    getEditor: function() {return this.cm;}
+  });
+
+  // Public alias.
+  Doc.prototype.eachLine = Doc.prototype.iter;
+
+  // Set up methods on CodeMirror's prototype to redirect to the editor's document.
+  var dontDelegate = "iter insert remove copy getEditor".split(" ");
+  for (var prop in Doc.prototype) if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0)
+    CodeMirror.prototype[prop] = (function(method) {
+      return function() {return method.apply(this.doc, arguments);};
+    })(Doc.prototype[prop]);
+
+  eventMixin(Doc);
+
+  // Call f for all linked documents.
+  function linkedDocs(doc, f, sharedHistOnly) {
+    function propagate(doc, skip, sharedHist) {
+      if (doc.linked) for (var i = 0; i < doc.linked.length; ++i) {
+        var rel = doc.linked[i];
+        if (rel.doc == skip) continue;
+        var shared = sharedHist && rel.sharedHist;
+        if (sharedHistOnly && !shared) continue;
+        f(rel.doc, shared);
+        propagate(rel.doc, doc, shared);
+      }
+    }
+    propagate(doc, null, true);
+  }
+
+  // Attach a document to an editor.
+  function attachDoc(cm, doc) {
+    if (doc.cm) throw new Error("This document is already in use.");
+    cm.doc = doc;
+    doc.cm = cm;
+    estimateLineHeights(cm);
+    loadMode(cm);
+    if (!cm.options.lineWrapping) findMaxLine(cm);
+    cm.options.mode = doc.modeOption;
+    regChange(cm);
+  }
+
+  // LINE UTILITIES
+
+  // Find the line object corresponding to the given line number.
+  function getLine(doc, n) {
+    n -= doc.first;
+    if (n < 0 || n >= doc.size) throw new Error("There is no line " + (n + doc.first) + " in the document.");
+    for (var chunk = doc; !chunk.lines;) {
+      for (var i = 0;; ++i) {
+        var child = chunk.children[i], sz = child.chunkSize();
+        if (n < sz) { chunk = child; break; }
+        n -= sz;
+      }
+    }
+    return chunk.lines[n];
+  }
+
+  // Get the part of a document between two positions, as an array of
+  // strings.
+  function getBetween(doc, start, end) {
+    var out = [], n = start.line;
+    doc.iter(start.line, end.line + 1, function(line) {
+      var text = line.text;
+      if (n == end.line) text = text.slice(0, end.ch);
+      if (n == start.line) text = text.slice(start.ch);
+      out.push(text);
+      ++n;
+    });
+    return out;
+  }
+  // Get the lines between from and to, as array of strings.
+  function getLines(doc, from, to) {
+    var out = [];
+    doc.iter(from, to, function(line) { out.push(line.text); });
+    return out;
+  }
+
+  // Update the height of a line, propagating the height change
+  // upwards to parent nodes.
+  function updateLineHeight(line, height) {
+    var diff = height - line.height;
+    if (diff) for (var n = line; n; n = n.parent) n.height += diff;
+  }
+
+  // Given a line object, find its line number by walking up through
+  // its parent links.
+  function lineNo(line) {
+    if (line.parent == null) return null;
+    var cur = line.parent, no = indexOf(cur.lines, line);
+    for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {
+      for (var i = 0;; ++i) {
+        if (chunk.children[i] == cur) break;
+        no += chunk.children[i].chunkSize();
+      }
+    }
+    return no + cur.first;
+  }
+
+  // Find the line at the given vertical position, using the height
+  // information in the document tree.
+  function lineAtHeight(chunk, h) {
+    var n = chunk.first;
+    outer: do {
+      for (var i = 0; i < chunk.children.length; ++i) {
+        var child = chunk.children[i], ch = child.height;
+        if (h < ch) { chunk = child; continue outer; }
+        h -= ch;
+        n += child.chunkSize();
+      }
+      return n;
+    } while (!chunk.lines);
+    for (var i = 0; i < chunk.lines.length; ++i) {
+      var line = chunk.lines[i], lh = line.height;
+      if (h < lh) break;
+      h -= lh;
+    }
+    return n + i;
+  }
+
+
+  // Find the height above the given line.
+  function heightAtLine(lineObj) {
+    lineObj = visualLine(lineObj);
+
+    var h = 0, chunk = lineObj.parent;
+    for (var i = 0; i < chunk.lines.length; ++i) {
+      var line = chunk.lines[i];
+      if (line == lineObj) break;
+      else h += line.height;
+    }
+    for (var p = chunk.parent; p; chunk = p, p = chunk.parent) {
+      for (var i = 0; i < p.children.length; ++i) {
+        var cur = p.children[i];
+        if (cur == chunk) break;
+        else h += cur.height;
+      }
+    }
+    return h;
+  }
+
+  // Get the bidi ordering for the given line (and cache it). Returns
+  // false for lines that are fully left-to-right, and an array of
+  // BidiSpan objects otherwise.
+  function getOrder(line) {
+    var order = line.order;
+    if (order == null) order = line.order = bidiOrdering(line.text);
+    return order;
+  }
+
+  // HISTORY
+
+  function History(startGen) {
+    // Arrays of change events and selections. Doing something adds an
+    // event to done and clears undo. Undoing moves events from done
+    // to undone, redoing moves them in the other direction.
+    this.done = []; this.undone = [];
+    this.undoDepth = Infinity;
+    // Used to track when changes can be merged into a single undo
+    // event
+    this.lastModTime = this.lastSelTime = 0;
+    this.lastOp = this.lastSelOp = null;
+    this.lastOrigin = this.lastSelOrigin = null;
+    // Used by the isClean() method
+    this.generation = this.maxGeneration = startGen || 1;
+  }
+
+  // Create a history change event from an updateDoc-style change
+  // object.
+  function historyChangeFromChange(doc, change) {
+    var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)};
+    attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);
+    linkedDocs(doc, function(doc) {attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);}, true);
+    return histChange;
+  }
+
+  // Pop all selection events off the end of a history array. Stop at
+  // a change event.
+  function clearSelectionEvents(array) {
+    while (array.length) {
+      var last = lst(array);
+      if (last.ranges) array.pop();
+      else break;
+    }
+  }
+
+  // Find the top change event in the history. Pop off selection
+  // events that are in the way.
+  function lastChangeEvent(hist, force) {
+    if (force) {
+      clearSelectionEvents(hist.done);
+      return lst(hist.done);
+    } else if (hist.done.length && !lst(hist.done).ranges) {
+      return lst(hist.done);
+    } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) {
+      hist.done.pop();
+      return lst(hist.done);
+    }
+  }
+
+  // Register a change in the history. Merges changes that are within
+  // a single operation, ore are close together with an origin that
+  // allows merging (starting with "+") into a single event.
+  function addChangeToHistory(doc, change, selAfter, opId) {
+    var hist = doc.history;
+    hist.undone.length = 0;
+    var time = +new Date, cur;
+
+    if ((hist.lastOp == opId ||
+         hist.lastOrigin == change.origin && change.origin &&
+         ((change.origin.charAt(0) == "+" && doc.cm && hist.lastModTime > time - doc.cm.options.historyEventDelay) ||
+          change.origin.charAt(0) == "*")) &&
+        (cur = lastChangeEvent(hist, hist.lastOp == opId))) {
+      // Merge this change into the last event
+      var last = lst(cur.changes);
+      if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) {
+        // Optimized case for simple insertion -- don't want to add
+        // new changesets for every character typed
+        last.to = changeEnd(change);
+      } else {
+        // Add new sub-event
+        cur.changes.push(historyChangeFromChange(doc, change));
+      }
+    } else {
+      // Can not be merged, start a new event.
+      var before = lst(hist.done);
+      if (!before || !before.ranges)
+        pushSelectionToHistory(doc.sel, hist.done);
+      cur = {changes: [historyChangeFromChange(doc, change)],
+             generation: hist.generation};
+      hist.done.push(cur);
+      while (hist.done.length > hist.undoDepth) {
+        hist.done.shift();
+        if (!hist.done[0].ranges) hist.done.shift();
+      }
+    }
+    hist.done.push(selAfter);
+    hist.generation = ++hist.maxGeneration;
+    hist.lastModTime = hist.lastSelTime = time;
+    hist.lastOp = hist.lastSelOp = opId;
+    hist.lastOrigin = hist.lastSelOrigin = change.origin;
+
+    if (!last) signal(doc, "historyAdded");
+  }
+
+  function selectionEventCanBeMerged(doc, origin, prev, sel) {
+    var ch = origin.charAt(0);
+    return ch == "*" ||
+      ch == "+" &&
+      prev.ranges.length == sel.ranges.length &&
+      prev.somethingSelected() == sel.somethingSelected() &&
+      new Date - doc.history.lastSelTime <= (doc.cm ? doc.cm.options.historyEventDelay : 500);
+  }
+
+  // Called whenever the selection changes, sets the new selection as
+  // the pending selection in the history, and pushes the old pending
+  // selection into the 'done' array when it was significantly
+  // different (in number of selected ranges, emptiness, or time).
+  function addSelectionToHistory(doc, sel, opId, options) {
+    var hist = doc.history, origin = options && options.origin;
+
+    // A new event is started when the previous origin does not match
+    // the current, or the origins don't allow matching. Origins
+    // starting with * are always merged, those starting with + are
+    // merged when similar and close together in time.
+    if (opId == hist.lastSelOp ||
+        (origin && hist.lastSelOrigin == origin &&
+         (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin ||
+          selectionEventCanBeMerged(doc, origin, lst(hist.done), sel))))
+      hist.done[hist.done.length - 1] = sel;
+    else
+      pushSelectionToHistory(sel, hist.done);
+
+    hist.lastSelTime = +new Date;
+    hist.lastSelOrigin = origin;
+    hist.lastSelOp = opId;
+    if (options && options.clearRedo !== false)
+      clearSelectionEvents(hist.undone);
+  }
+
+  function pushSelectionToHistory(sel, dest) {
+    var top = lst(dest);
+    if (!(top && top.ranges && top.equals(sel)))
+      dest.push(sel);
+  }
+
+  // Used to store marked span information in the history.
+  function attachLocalSpans(doc, change, from, to) {
+    var existing = change["spans_" + doc.id], n = 0;
+    doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function(line) {
+      if (line.markedSpans)
+        (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans;
+      ++n;
+    });
+  }
+
+  // When un/re-doing restores text containing marked spans, those
+  // that have been explicitly cleared should not be restored.
+  function removeClearedSpans(spans) {
+    if (!spans) return null;
+    for (var i = 0, out; i < spans.length; ++i) {
+      if (spans[i].marker.explicitlyCleared) { if (!out) out = spans.slice(0, i); }
+      else if (out) out.push(spans[i]);
+    }
+    return !out ? spans : out.length ? out : null;
+  }
+
+  // Retrieve and filter the old marked spans stored in a change event.
+  function getOldSpans(doc, change) {
+    var found = change["spans_" + doc.id];
+    if (!found) return null;
+    for (var i = 0, nw = []; i < change.text.length; ++i)
+      nw.push(removeClearedSpans(found[i]));
+    return nw;
+  }
+
+  // Used both to provide a JSON-safe object in .getHistory, and, when
+  // detaching a document, to split the history in two
+  function copyHistoryArray(events, newGroup, instantiateSel) {
+    for (var i = 0, copy = []; i < events.length; ++i) {
+      var event = events[i];
+      if (event.ranges) {
+        copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event);
+        continue;
+      }
+      var changes = event.changes, newChanges = [];
+      copy.push({changes: newChanges});
+      for (var j = 0; j < changes.length; ++j) {
+        var change = changes[j], m;
+        newChanges.push({from: change.from, to: change.to, text: change.text});
+        if (newGroup) for (var prop in change) if (m = prop.match(/^spans_(\d+)$/)) {
+          if (indexOf(newGroup, Number(m[1])) > -1) {
+            lst(newChanges)[prop] = change[prop];
+            delete change[prop];
+          }
+        }
+      }
+    }
+    return copy;
+  }
+
+  // Rebasing/resetting history to deal with externally-sourced changes
+
+  function rebaseHistSelSingle(pos, from, to, diff) {
+    if (to < pos.line) {
+      pos.line += diff;
+    } else if (from < pos.line) {
+      pos.line = from;
+      pos.ch = 0;
+    }
+  }
+
+  // Tries to rebase an array of history events given a change in the
+  // document. If the change touches the same lines as the event, the
+  // event, and everything 'behind' it, is discarded. If the change is
+  // before the event, the event's positions are updated. Uses a
+  // copy-on-write scheme for the positions, to avoid having to
+  // reallocate them all on every rebase, but also avoid problems with
+  // shared position objects being unsafely updated.
+  function rebaseHistArray(array, from, to, diff) {
+    for (var i = 0; i < array.length; ++i) {
+      var sub = array[i], ok = true;
+      if (sub.ranges) {
+        if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; }
+        for (var j = 0; j < sub.ranges.length; j++) {
+          rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff);
+          rebaseHistSelSingle(sub.ranges[j].head, from, to, diff);
+        }
+        continue;
+      }
+      for (var j = 0; j < sub.changes.length; ++j) {
+        var cur = sub.changes[j];
+        if (to < cur.from.line) {
+          cur.from = Pos(cur.from.line + diff, cur.from.ch);
+          cur.to = Pos(cur.to.line + diff, cur.to.ch);
+        } else if (from <= cur.to.line) {
+          ok = false;
+          break;
+        }
+      }
+      if (!ok) {
+        array.splice(0, i + 1);
+        i = 0;
+      }
+    }
+  }
+
+  function rebaseHist(hist, change) {
+    var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1;
+    rebaseHistArray(hist.done, from, to, diff);
+    rebaseHistArray(hist.undone, from, to, diff);
+  }
+
+  // EVENT UTILITIES
+
+  // Due to the fact that we still support jurassic IE versions, some
+  // compatibility wrappers are needed.
+
+  var e_preventDefault = CodeMirror.e_preventDefault = function(e) {
+    if (e.preventDefault) e.preventDefault();
+    else e.returnValue = false;
+  };
+  var e_stopPropagation = CodeMirror.e_stopPropagation = function(e) {
+    if (e.stopPropagation) e.stopPropagation();
+    else e.cancelBubble = true;
+  };
+  function e_defaultPrevented(e) {
+    return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false;
+  }
+  var e_stop = CodeMirror.e_stop = function(e) {e_preventDefault(e); e_stopPropagation(e);};
+
+  function e_target(e) {return e.target || e.srcElement;}
+  function e_button(e) {
+    var b = e.which;
+    if (b == null) {
+      if (e.button & 1) b = 1;
+      else if (e.button & 2) b = 3;
+      else if (e.button & 4) b = 2;
+    }
+    if (mac && e.ctrlKey && b == 1) b = 3;
+    return b;
+  }
+
+  // EVENT HANDLING
+
+  // Lightweight event framework. on/off also work on DOM nodes,
+  // registering native DOM handlers.
+
+  var on = CodeMirror.on = function(emitter, type, f) {
+    if (emitter.addEventListener)
+      emitter.addEventListener(type, f, false);
+    else if (emitter.attachEvent)
+      emitter.attachEvent("on" + type, f);
+    else {
+      var map = emitter._handlers || (emitter._handlers = {});
+      var arr = map[type] || (map[type] = []);
+      arr.push(f);
+    }
+  };
+
+  var off = CodeMirror.off = function(emitter, type, f) {
+    if (emitter.removeEventListener)
+      emitter.removeEventListener(type, f, false);
+    else if (emitter.detachEvent)
+      emitter.detachEvent("on" + type, f);
+    else {
+      var arr = emitter._handlers && emitter._handlers[type];
+      if (!arr) return;
+      for (var i = 0; i < arr.length; ++i)
+        if (arr[i] == f) { arr.splice(i, 1); break; }
+    }
+  };
+
+  var signal = CodeMirror.signal = function(emitter, type /*, values...*/) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    if (!arr) return;
+    var args = Array.prototype.slice.call(arguments, 2);
+    for (var i = 0; i < arr.length; ++i) arr[i].apply(null, args);
+  };
+
+  var orphanDelayedCallbacks = null;
+
+  // Often, we want to signal events at a point where we are in the
+  // middle of some work, but don't want the handler to start calling
+  // other methods on the editor, which might be in an inconsistent
+  // state or simply not expect any other events to happen.
+  // signalLater looks whether there are any handlers, and schedules
+  // them to be executed when the last operation ends, or, if no
+  // operation is active, when a timeout fires.
+  function signalLater(emitter, type /*, values...*/) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    if (!arr) return;
+    var args = Array.prototype.slice.call(arguments, 2), list;
+    if (operationGroup) {
+      list = operationGroup.delayedCallbacks;
+    } else if (orphanDelayedCallbacks) {
+      list = orphanDelayedCallbacks;
+    } else {
+      list = orphanDelayedCallbacks = [];
+      setTimeout(fireOrphanDelayed, 0);
+    }
+    function bnd(f) {return function(){f.apply(null, args);};};
+    for (var i = 0; i < arr.length; ++i)
+      list.push(bnd(arr[i]));
+  }
+
+  function fireOrphanDelayed() {
+    var delayed = orphanDelayedCallbacks;
+    orphanDelayedCallbacks = null;
+    for (var i = 0; i < delayed.length; ++i) delayed[i]();
+  }
+
+  // The DOM events that CodeMirror handles can be overridden by
+  // registering a (non-DOM) handler on the editor for the event name,
+  // and preventDefault-ing the event in that handler.
+  function signalDOMEvent(cm, e, override) {
+    if (typeof e == "string")
+      e = {type: e, preventDefault: function() { this.defaultPrevented = true; }};
+    signal(cm, override || e.type, cm, e);
+    return e_defaultPrevented(e) || e.codemirrorIgnore;
+  }
+
+  function signalCursorActivity(cm) {
+    var arr = cm._handlers && cm._handlers.cursorActivity;
+    if (!arr) return;
+    var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []);
+    for (var i = 0; i < arr.length; ++i) if (indexOf(set, arr[i]) == -1)
+      set.push(arr[i]);
+  }
+
+  function hasHandler(emitter, type) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    return arr && arr.length > 0;
+  }
+
+  // Add on and off methods to a constructor's prototype, to make
+  // registering events on such objects more convenient.
+  function eventMixin(ctor) {
+    ctor.prototype.on = function(type, f) {on(this, type, f);};
+    ctor.prototype.off = function(type, f) {off(this, type, f);};
+  }
+
+  // MISC UTILITIES
+
+  // Number of pixels added to scroller and sizer to hide scrollbar
+  var scrollerCutOff = 30;
+
+  // Returned or thrown by various protocols to signal 'I'm not
+  // handling this'.
+  var Pass = CodeMirror.Pass = {toString: function(){return "CodeMirror.Pass";}};
+
+  // Reused option objects for setSelection & friends
+  var sel_dontScroll = {scroll: false}, sel_mouse = {origin: "*mouse"}, sel_move = {origin: "+move"};
+
+  function Delayed() {this.id = null;}
+  Delayed.prototype.set = function(ms, f) {
+    clearTimeout(this.id);
+    this.id = setTimeout(f, ms);
+  };
+
+  // Counts the column offset in a string, taking tabs into account.
+  // Used mostly to find indentation.
+  var countColumn = CodeMirror.countColumn = function(string, end, tabSize, startIndex, startValue) {
+    if (end == null) {
+      end = string.search(/[^\s\u00a0]/);
+      if (end == -1) end = string.length;
+    }
+    for (var i = startIndex || 0, n = startValue || 0;;) {
+      var nextTab = string.indexOf("\t", i);
+      if (nextTab < 0 || nextTab >= end)
+        return n + (end - i);
+      n += nextTab - i;
+      n += tabSize - (n % tabSize);
+      i = nextTab + 1;
+    }
+  };
+
+  // The inverse of countColumn -- find the offset that corresponds to
+  // a particular column.
+  function findColumn(string, goal, tabSize) {
+    for (var pos = 0, col = 0;;) {
+      var nextTab = string.indexOf("\t", pos);
+      if (nextTab == -1) nextTab = string.length;
+      var skipped = nextTab - pos;
+      if (nextTab == string.length || col + skipped >= goal)
+        return pos + Math.min(skipped, goal - col);
+      col += nextTab - pos;
+      col += tabSize - (col % tabSize);
+      pos = nextTab + 1;
+      if (col >= goal) return pos;
+    }
+  }
+
+  var spaceStrs = [""];
+  function spaceStr(n) {
+    while (spaceStrs.length <= n)
+      spaceStrs.push(lst(spaceStrs) + " ");
+    return spaceStrs[n];
+  }
+
+  function lst(arr) { return arr[arr.length-1]; }
+
+  var selectInput = function(node) { node.select(); };
+  if (ios) // Mobile Safari apparently has a bug where select() is broken.
+    selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; };
+  else if (ie) // Suppress mysterious IE10 errors
+    selectInput = function(node) { try { node.select(); } catch(_e) {} };
+
+  function indexOf(array, elt) {
+    for (var i = 0; i < array.length; ++i)
+      if (array[i] == elt) return i;
+    return -1;
+  }
+  if ([].indexOf) indexOf = function(array, elt) { return array.indexOf(elt); };
+  function map(array, f) {
+    var out = [];
+    for (var i = 0; i < array.length; i++) out[i] = f(array[i], i);
+    return out;
+  }
+  if ([].map) map = function(array, f) { return array.map(f); };
+
+  function createObj(base, props) {
+    var inst;
+    if (Object.create) {
+      inst = Object.create(base);
+    } else {
+      var ctor = function() {};
+      ctor.prototype = base;
+      inst = new ctor();
+    }
+    if (props) copyObj(props, inst);
+    return inst;
+  };
+
+  function copyObj(obj, target, overwrite) {
+    if (!target) target = {};
+    for (var prop in obj)
+      if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop)))
+        target[prop] = obj[prop];
+    return target;
+  }
+
+  function bind(f) {
+    var args = Array.prototype.slice.call(arguments, 1);
+    return function(){return f.apply(null, args);};
+  }
+
+  var nonASCIISingleCaseWordChar = /[\u00df\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;
+  var isWordCharBasic = CodeMirror.isWordChar = function(ch) {
+    return /\w/.test(ch) || ch > "\x80" &&
+      (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch));
+  };
+  function isWordChar(ch, helper) {
+    if (!helper) return isWordCharBasic(ch);
+    if (helper.source.indexOf("\\w") > -1 && isWordCharBasic(ch)) return true;
+    return helper.test(ch);
+  }
+
+  function isEmpty(obj) {
+    for (var n in obj) if (obj.hasOwnProperty(n) && obj[n]) return false;
+    return true;
+  }
+
+  // Extending unicode characters. A series of a non-extending char +
+  // any number of extending chars is treated as a single unit as far
+  // as editing and measuring is concerned. This is not fully correct,
+  // since some scripts/fonts/browsers also treat other configurations
+  // of code points as a group.
+  var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/;
+  function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch); }
+
+  // DOM UTILITIES
+
+  function elt(tag, content, className, style) {
+    var e = document.createElement(tag);
+    if (className) e.className = className;
+    if (style) e.style.cssText = style;
+    if (typeof content == "string") e.appendChild(document.createTextNode(content));
+    else if (content) for (var i = 0; i < content.length; ++i) e.appendChild(content[i]);
+    return e;
+  }
+
+  var range;
+  if (document.createRange) range = function(node, start, end) {
+    var r = document.createRange();
+    r.setEnd(node, end);
+    r.setStart(node, start);
+    return r;
+  };
+  else range = function(node, start, end) {
+    var r = document.body.createTextRange();
+    try { r.moveToElementText(node.parentNode); }
+    catch(e) { return r; }
+    r.collapse(true);
+    r.moveEnd("character", end);
+    r.moveStart("character", start);
+    return r;
+  };
+
+  function removeChildren(e) {
+    for (var count = e.childNodes.length; count > 0; --count)
+      e.removeChild(e.firstChild);
+    return e;
+  }
+
+  function removeChildrenAndAdd(parent, e) {
+    return removeChildren(parent).appendChild(e);
+  }
+
+  function contains(parent, child) {
+    if (parent.contains)
+      return parent.contains(child);
+    while (child = child.parentNode)
+      if (child == parent) return true;
+  }
+
+  function activeElt() { return document.activeElement; }
+  // Older versions of IE throws unspecified error when touching
+  // document.activeElement in some cases (during loading, in iframe)
+  if (ie && ie_version < 11) activeElt = function() {
+    try { return document.activeElement; }
+    catch(e) { return document.body; }
+  };
+
+  function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*"); }
+  var rmClass = CodeMirror.rmClass = function(node, cls) {
+    var current = node.className;
+    var match = classTest(cls).exec(current);
+    if (match) {
+      var after = current.slice(match.index + match[0].length);
+      node.className = current.slice(0, match.index) + (after ? match[1] + after : "");
+    }
+  };
+  var addClass = CodeMirror.addClass = function(node, cls) {
+    var current = node.className;
+    if (!classTest(cls).test(current)) node.className += (current ? " " : "") + cls;
+  };
+  function joinClasses(a, b) {
+    var as = a.split(" ");
+    for (var i = 0; i < as.length; i++)
+      if (as[i] && !classTest(as[i]).test(b)) b += " " + as[i];
+    return b;
+  }
+
+  // WINDOW-WIDE EVENTS
+
+  // These must be handled carefully, because naively registering a
+  // handler for each editor will cause the editors to never be
+  // garbage collected.
+
+  function forEachCodeMirror(f) {
+    if (!document.body.getElementsByClassName) return;
+    var byClass = document.body.getElementsByClassName("CodeMirror");
+    for (var i = 0; i < byClass.length; i++) {
+      var cm = byClass[i].CodeMirror;
+      if (cm) f(cm);
+    }
+  }
+
+  var globalsRegistered = false;
+  function ensureGlobalHandlers() {
+    if (globalsRegistered) return;
+    registerGlobalHandlers();
+    globalsRegistered = true;
+  }
+  function registerGlobalHandlers() {
+    // When the window resizes, we need to refresh active editors.
+    var resizeTimer;
+    on(window, "resize", function() {
+      if (resizeTimer == null) resizeTimer = setTimeout(function() {
+        resizeTimer = null;
+        knownScrollbarWidth = null;
+        forEachCodeMirror(onResize);
+      }, 100);
+    });
+    // When the window loses focus, we want to show the editor as blurred
+    on(window, "blur", function() {
+      forEachCodeMirror(onBlur);
+    });
+  }
+
+  // FEATURE DETECTION
+
+  // Detect drag-and-drop
+  var dragAndDrop = function() {
+    // There is *some* kind of drag-and-drop support in IE6-8, but I
+    // couldn't get it to work yet.
+    if (ie && ie_version < 9) return false;
+    var div = elt('div');
+    return "draggable" in div || "dragDrop" in div;
+  }();
+
+  var knownScrollbarWidth;
+  function scrollbarWidth(measure) {
+    if (knownScrollbarWidth != null) return knownScrollbarWidth;
+    var test = elt("div", null, null, "width: 50px; height: 50px; overflow-x: scroll");
+    removeChildrenAndAdd(measure, test);
+    if (test.offsetWidth)
+      knownScrollbarWidth = test.offsetHeight - test.clientHeight;
+    return knownScrollbarWidth || 0;
+  }
+
+  var zwspSupported;
+  function zeroWidthElement(measure) {
+    if (zwspSupported == null) {
+      var test = elt("span", "\u200b");
+      removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")]));
+      if (measure.firstChild.offsetHeight != 0)
+        zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8);
+    }
+    if (zwspSupported) return elt("span", "\u200b");
+    else return elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px");
+  }
+
+  // Feature-detect IE's crummy client rect reporting for bidi text
+  var badBidiRects;
+  function hasBadBidiRects(measure) {
+    if (badBidiRects != null) return badBidiRects;
+    var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA"));
+    var r0 = range(txt, 0, 1).getBoundingClientRect();
+    if (!r0 || r0.left == r0.right) return false; // Safari returns null in some cases (#2780)
+    var r1 = range(txt, 1, 2).getBoundingClientRect();
+    return badBidiRects = (r1.right - r0.right < 3);
+  }
+
+  // See if "".split is the broken IE version, if so, provide an
+  // alternative way to split lines.
+  var splitLines = CodeMirror.splitLines = "\n\nb".split(/\n/).length != 3 ? function(string) {
+    var pos = 0, result = [], l = string.length;
+    while (pos <= l) {
+      var nl = string.indexOf("\n", pos);
+      if (nl == -1) nl = string.length;
+      var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl);
+      var rt = line.indexOf("\r");
+      if (rt != -1) {
+        result.push(line.slice(0, rt));
+        pos += rt + 1;
+      } else {
+        result.push(line);
+        pos = nl + 1;
+      }
+    }
+    return result;
+  } : function(string){return string.split(/\r\n?|\n/);};
+
+  var hasSelection = window.getSelection ? function(te) {
+    try { return te.selectionStart != te.selectionEnd; }
+    catch(e) { return false; }
+  } : function(te) {
+    try {var range = te.ownerDocument.selection.createRange();}
+    catch(e) {}
+    if (!range || range.parentElement() != te) return false;
+    return range.compareEndPoints("StartToEnd", range) != 0;
+  };
+
+  var hasCopyEvent = (function() {
+    var e = elt("div");
+    if ("oncopy" in e) return true;
+    e.setAttribute("oncopy", "return;");
+    return typeof e.oncopy == "function";
+  })();
+
+  var badZoomedRects = null;
+  function hasBadZoomedRects(measure) {
+    if (badZoomedRects != null) return badZoomedRects;
+    var node = removeChildrenAndAdd(measure, elt("span", "x"));
+    var normal = node.getBoundingClientRect();
+    var fromRange = range(node, 0, 1).getBoundingClientRect();
+    return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1;
+  }
+
+  // KEY NAMES
+
+  var keyNames = {3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
+                  19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End",
+                  36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert",
+                  46: "Delete", 59: ";", 61: "=", 91: "Mod", 92: "Mod", 93: "Mod", 107: "=", 109: "-", 127: "Delete",
+                  173: "-", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
+                  221: "]", 222: "'", 63232: "Up", 63233: "Down", 63234: "Left", 63235: "Right", 63272: "Delete",
+                  63273: "Home", 63275: "End", 63276: "PageUp", 63277: "PageDown", 63302: "Insert"};
+  CodeMirror.keyNames = keyNames;
+  (function() {
+    // Number keys
+    for (var i = 0; i < 10; i++) keyNames[i + 48] = keyNames[i + 96] = String(i);
+    // Alphabetic keys
+    for (var i = 65; i <= 90; i++) keyNames[i] = String.fromCharCode(i);
+    // Function keys
+    for (var i = 1; i <= 12; i++) keyNames[i + 111] = keyNames[i + 63235] = "F" + i;
+  })();
+
+  // BIDI HELPERS
+
+  function iterateBidiSections(order, from, to, f) {
+    if (!order) return f(from, to, "ltr");
+    var found = false;
+    for (var i = 0; i < order.length; ++i) {
+      var part = order[i];
+      if (part.from < to && part.to > from || from == to && part.to == from) {
+        f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr");
+        found = true;
+      }
+    }
+    if (!found) f(from, to, "ltr");
+  }
+
+  function bidiLeft(part) { return part.level % 2 ? part.to : part.from; }
+  function bidiRight(part) { return part.level % 2 ? part.from : part.to; }
+
+  function lineLeft(line) { var order = getOrder(line); return order ? bidiLeft(order[0]) : 0; }
+  function lineRight(line) {
+    var order = getOrder(line);
+    if (!order) return line.text.length;
+    return bidiRight(lst(order));
+  }
+
+  function lineStart(cm, lineN) {
+    var line = getLine(cm.doc, lineN);
+    var visual = visualLine(line);
+    if (visual != line) lineN = lineNo(visual);
+    var order = getOrder(visual);
+    var ch = !order ? 0 : order[0].level % 2 ? lineRight(visual) : lineLeft(visual);
+    return Pos(lineN, ch);
+  }
+  function lineEnd(cm, lineN) {
+    var merged, line = getLine(cm.doc, lineN);
+    while (merged = collapsedSpanAtEnd(line)) {
+      line = merged.find(1, true).line;
+      lineN = null;
+    }
+    var order = getOrder(line);
+    var ch = !order ? line.text.length : order[0].level % 2 ? lineLeft(line) : lineRight(line);
+    return Pos(lineN == null ? lineNo(line) : lineN, ch);
+  }
+  function lineStartSmart(cm, pos) {
+    var start = lineStart(cm, pos.line);
+    var line = getLine(cm.doc, start.line);
+    var order = getOrder(line);
+    if (!order || order[0].level == 0) {
+      var firstNonWS = Math.max(0, line.text.search(/\S/));
+      var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch;
+      return Pos(start.line, inWS ? 0 : firstNonWS);
+    }
+    return start;
+  }
+
+  function compareBidiLevel(order, a, b) {
+    var linedir = order[0].level;
+    if (a == linedir) return true;
+    if (b == linedir) return false;
+    return a < b;
+  }
+  var bidiOther;
+  function getBidiPartAt(order, pos) {
+    bidiOther = null;
+    for (var i = 0, found; i < order.length; ++i) {
+      var cur = order[i];
+      if (cur.from < pos && cur.to > pos) return i;
+      if ((cur.from == pos || cur.to == pos)) {
+        if (found == null) {
+          found = i;
+        } else if (compareBidiLevel(order, cur.level, order[found].level)) {
+          if (cur.from != cur.to) bidiOther = found;
+          return i;
+        } else {
+          if (cur.from != cur.to) bidiOther = i;
+          return found;
+        }
+      }
+    }
+    return found;
+  }
+
+  function moveInLine(line, pos, dir, byUnit) {
+    if (!byUnit) return pos + dir;
+    do pos += dir;
+    while (pos > 0 && isExtendingChar(line.text.charAt(pos)));
+    return pos;
+  }
+
+  // This is needed in order to move 'visually' through bi-directional
+  // text -- i.e., pressing left should make the cursor go left, even
+  // when in RTL text. The tricky part is the 'jumps', where RTL and
+  // LTR text touch each other. This often requires the cursor offset
+  // to move more than one unit, in order to visually move one unit.
+  function moveVisually(line, start, dir, byUnit) {
+    var bidi = getOrder(line);
+    if (!bidi) return moveLogically(line, start, dir, byUnit);
+    var pos = getBidiPartAt(bidi, start), part = bidi[pos];
+    var target = moveInLine(line, start, part.level % 2 ? -dir : dir, byUnit);
+
+    for (;;) {
+      if (target > part.from && target < part.to) return target;
+      if (target == part.from || target == part.to) {
+        if (getBidiPartAt(bidi, target) == pos) return target;
+        part = bidi[pos += dir];
+        return (dir > 0) == part.level % 2 ? part.to : part.from;
+      } else {
+        part = bidi[pos += dir];
+        if (!part) return null;
+        if ((dir > 0) == part.level % 2)
+          target = moveInLine(line, part.to, -1, byUnit);
+        else
+          target = moveInLine(line, part.from, 1, byUnit);
+      }
+    }
+  }
+
+  function moveLogically(line, start, dir, byUnit) {
+    var target = start + dir;
+    if (byUnit) while (target > 0 && isExtendingChar(line.text.charAt(target))) target += dir;
+    return target < 0 || target > line.text.length ? null : target;
+  }
+
+  // Bidirectional ordering algorithm
+  // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm
+  // that this (partially) implements.
+
+  // One-char codes used for character types:
+  // L (L):   Left-to-Right
+  // R (R):   Right-to-Left
+  // r (AL):  Right-to-Left Arabic
+  // 1 (EN):  European Number
+  // + (ES):  European Number Separator
+  // % (ET):  European Number Terminator
+  // n (AN):  Arabic Number
+  // , (CS):  Common Number Separator
+  // m (NSM): Non-Spacing Mark
+  // b (BN):  Boundary Neutral
+  // s (B):   Paragraph Separator
+  // t (S):   Segment Separator
+  // w (WS):  Whitespace
+  // N (ON):  Other Neutrals
+
+  // Returns null if characters are ordered as they appear
+  // (left-to-right), or an array of sections ({from, to, level}
+  // objects) in the order in which they occur visually.
+  var bidiOrdering = (function() {
+    // Character types for codepoints 0 to 0xff
+    var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN";
+    // Character types for codepoints 0x600 to 0x6ff
+    var arabicTypes = "rrrrrrrrrrrr,rNNmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmrrrrrrrnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmNmmmm";
+    function charType(code) {
+      if (code <= 0xf7) return lowTypes.charAt(code);
+      else if (0x590 <= code && code <= 0x5f4) return "R";
+      else if (0x600 <= code && code <= 0x6ed) return arabicTypes.charAt(code - 0x600);
+      else if (0x6ee <= code && code <= 0x8ac) return "r";
+      else if (0x2000 <= code && code <= 0x200b) return "w";
+      else if (code == 0x200c) return "b";
+      else return "L";
+    }
+
+    var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
+    var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/;
+    // Browsers seem to always treat the boundaries of block elements as being L.
+    var outerType = "L";
+
+    function BidiSpan(level, from, to) {
+      this.level = level;
+      this.from = from; this.to = to;
+    }
+
+    return function(str) {
+      if (!bidiRE.test(str)) return false;
+      var len = str.length, types = [];
+      for (var i = 0, type; i < len; ++i)
+        types.push(type = charType(str.charCodeAt(i)));
+
+      // W1. Examine each non-spacing mark (NSM) in the level run, and
+      // change the type of the NSM to the type of the previous
+      // character. If the NSM is at the start of the level run, it will
+      // get the type of sor.
+      for (var i = 0, prev = outerType; i < len; ++i) {
+        var type = types[i];
+        if (type == "m") types[i] = prev;
+        else prev = type;
+      }
+
+      // W2. Search backwards from each instance of a European number
+      // until the first strong type (R, L, AL, or sor) is found. If an
+      // AL is found, change the type of the European number to Arabic
+      // number.
+      // W3. Change all ALs to R.
+      for (var i = 0, cur = outerType; i < len; ++i) {
+        var type = types[i];
+        if (type == "1" && cur == "r") types[i] = "n";
+        else if (isStrong.test(type)) { cur = type; if (type == "r") types[i] = "R"; }
+      }
+
+      // W4. A single European separator between two European numbers
+      // changes to a European number. A single common separator between
+      // two numbers of the same type changes to that type.
+      for (var i = 1, prev = types[0]; i < len - 1; ++i) {
+        var type = types[i];
+        if (type == "+" && prev == "1" && types[i+1] == "1") types[i] = "1";
+        else if (type == "," && prev == types[i+1] &&
+                 (prev == "1" || prev == "n")) types[i] = prev;
+        prev = type;
+      }
+
+      // W5. A sequence of European terminators adjacent to European
+      // numbers changes to all European numbers.
+      // W6. Otherwise, separators and terminators change to Other
+      // Neutral.
+      for (var i = 0; i < len; ++i) {
+        var type = types[i];
+        if (type == ",") types[i] = "N";
+        else if (type == "%") {
+          for (var end = i + 1; end < len && types[end] == "%"; ++end) {}
+          var replace = (i && types[i-1] == "!") || (end < len && types[end] == "1") ? "1" : "N";
+          for (var j = i; j < end; ++j) types[j] = replace;
+          i = end - 1;
+        }
+      }
+
+      // W7. Search backwards from each instance of a European number
+      // until the first strong type (R, L, or sor) is found. If an L is
+      // found, then change the type of the European number to L.
+      for (var i = 0, cur = outerType; i < len; ++i) {
+        var type = types[i];
+        if (cur == "L" && type == "1") types[i] = "L";
+        else if (isStrong.test(type)) cur = type;
+      }
+
+      // N1. A sequence of neutrals takes the direction of the
+      // surrounding strong text if the text on both sides has the same
+      // direction. European and Arabic numbers act as if they were R in
+      // terms of their influence on neutrals. Start-of-level-run (sor)
+      // and end-of-level-run (eor) are used at level run boundaries.
+      // N2. Any remaining neutrals take the embedding direction.
+      for (var i = 0; i < len; ++i) {
+        if (isNeutral.test(types[i])) {
+          for (var end = i + 1; end < len && isNeutral.test(types[end]); ++end) {}
+          var before = (i ? types[i-1] : outerType) == "L";
+          var after = (end < len ? types[end] : outerType) == "L";
+          var replace = before || after ? "L" : "R";
+          for (var j = i; j < end; ++j) types[j] = replace;
+          i = end - 1;
+        }
+      }
+
+      // Here we depart from the documented algorithm, in order to avoid
+      // building up an actual levels array. Since there are only three
+      // levels (0, 1, 2) in an implementation that doesn't take
+      // explicit embedding into account, we can build up the order on
+      // the fly, without following the level-based algorithm.
+      var order = [], m;
+      for (var i = 0; i < len;) {
+        if (countsAsLeft.test(types[i])) {
+          var start = i;
+          for (++i; i < len && countsAsLeft.test(types[i]); ++i) {}
+          order.push(new BidiSpan(0, start, i));
+        } else {
+          var pos = i, at = order.length;
+          for (++i; i < len && types[i] != "L"; ++i) {}
+          for (var j = pos; j < i;) {
+            if (countsAsNum.test(types[j])) {
+              if (pos < j) order.splice(at, 0, new BidiSpan(1, pos, j));
+              var nstart = j;
+              for (++j; j < i && countsAsNum.test(types[j]); ++j) {}
+              order.splice(at, 0, new BidiSpan(2, nstart, j));
+              pos = j;
+            } else ++j;
+          }
+          if (pos < i) order.splice(at, 0, new BidiSpan(1, pos, i));
+        }
+      }
+      if (order[0].level == 1 && (m = str.match(/^\s+/))) {
+        order[0].from = m[0].length;
+        order.unshift(new BidiSpan(0, 0, m[0].length));
+      }
+      if (lst(order).level == 1 && (m = str.match(/\s+$/))) {
+        lst(order).to -= m[0].length;
+        order.push(new BidiSpan(0, len - m[0].length, len));
+      }
+      if (order[0].level != lst(order).level)
+        order.push(new BidiSpan(order[0].level, len, len));
+
+      return order;
+    };
+  })();
+
+  // THE END
+
+  CodeMirror.version = "4.7.1";
+
+  return CodeMirror;
+});
diff --git a/modules/JC.BaseMVC/0.1/BaseMVC.js b/modules/JC.BaseMVC/0.1/BaseMVC.js
index 23096a4..1380386 100644
--- a/modules/JC.BaseMVC/0.1/BaseMVC.js
+++ b/modules/JC.BaseMVC/0.1/BaseMVC.js
@@ -1,10 +1,9 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.common' ], function(){
+;(function(define, _win) { 'use strict'; define( 'JC.BaseMVC', [ 'JC.common' ], function(){
     window.BaseMVC = JC.BaseMVC = BaseMVC;
     /**
      * MVC 抽象类 ( <b>仅供扩展用, 这个类不能实例化</b>)
      * <p><b>require</b>: 
-     *      <a href='window.jQuery.html'>jQuery</a>
-     *      , <a href='JC.common.html'>JC.common</a>
+     *      <a href='JC.common.html'>JC.common</a>
      * </p>
      * <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
      * | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.BaseMVC.html' target='_blank'>API docs</a>
@@ -45,7 +44,7 @@
 
                 $([ _p._view, _p._model ] ).on('TriggerEvent', function( _evt, _evtName ){
                     var _data = JC.f.sliceArgs( arguments ).slice( 2 );
-                    _p.trigger( _evtName, _data );
+                    return _p.triggerHandler( _evtName, _data );
                 });
 
                 _p._beforeInit();
@@ -104,6 +103,14 @@
          * @return  BaseMVCInstance
          */
         , trigger: function( _evtName, _data ){ $(this).trigger( _evtName, _data ); return this;}
+        /**
+         * 使用 jquery triggerHandler 触发绑定事件
+         * @method  {string}    triggerHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , triggerHandler: function( _evtName, _data ){ return $(this).triggerHandler( _evtName, _data ); }
         /**
          * 通知选择器有新事件
          * <br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件
@@ -115,6 +122,19 @@
             function( _evtName, _args ){
                 this._model.notification( _evtName, _args );
             }
+        /**
+         * 通知选择器有新事件, 有返回结果
+         * <br />JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件
+         * @method  notificationHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , notificationHandler:
+            function( _evtName, _args ){
+                return this._model.notificationHandler( _evtName, _args );
+            }
+
     }
     /**
      * 获取或设置组件实例
@@ -280,6 +300,20 @@
                 $( this ).trigger( 'TriggerEvent', _args );
                 return this;
             }
+        /**
+         * 使用 jquery trigger 触发 controler 绑定事件( 有换回数据 )
+         * @method  {string}    trigger
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , triggerHandler:
+            function( _evtName, _args ){
+                _args = _args || [];
+                !jQuery.isArray( _args ) && ( _args = [ _args ] );
+                _args.unshift( _evtName );
+                return $( this ).trigger( 'TriggerEvent', _args );
+            }
         /**
          * 通知选择器有新事件
          * @method  notification
@@ -292,6 +326,21 @@
                     && this.selector().length 
                     && this.selector().trigger( _evtName, _args );
             }
+        /**
+         * 通知选择器有新事件
+         * @method  notificationHandler
+         * @param   {string}    _evtName
+         * @param   {*|Array}   _args      
+         * @return  {*}
+         */
+        , notificationHandler:
+            function( _evtName, _args ){
+                var _r;
+                this.selector() 
+                    && this.selector().length 
+                    && ( _r = this.selector().triggerHandler( _evtName, _args ) );
+                return _r;
+            }
         /**
          * 初始化的 jq 选择器
          * @method  selector
@@ -382,7 +431,7 @@
                 var _r = '';
                 _selector
                     && _selector.is( '[' + _key + ']' ) 
-                    && ( _r = _selector.attr( _key ).trim() );
+                    && ( ( _r = _selector.attr( _key ) || '' ).trim() );
                 return _r;
             }
 
@@ -588,10 +637,21 @@
                 $( this ).trigger( 'TriggerEvent', _args );
                 return this;
             }
+        , triggerHandler:
+            function( _evtName, _args ){
+                _args = _args || [];
+                !jQuery.isArray( _args ) && ( _args = [ _args ] );
+                _args.unshift( _evtName );
+                return $( this ).trigger( 'TriggerEvent', _args );
+            }
         , notification:
             function( _evtName, _args ){
                 this._model.notification( _evtName, _args );
             }
+        , notificationHandler:
+            function( _evtName, _args ){
+                return this._model.notificationHandler( _evtName, _args );
+            }
     });
 
     return JC.BaseMVC;
diff --git a/modules/JC.BaseMVC/0.1/_demo/build_bizClass.html b/modules/JC.BaseMVC/0.1/_demo/build_bizClass.html
index 586e979..dd1dcc5 100644
--- a/modules/JC.BaseMVC/0.1/_demo/build_bizClass.html
+++ b/modules/JC.BaseMVC/0.1/_demo/build_bizClass.html
@@ -15,7 +15,12 @@
         <script src="../../../../config.js"></script>
         <script>
             JC.debug = true;
-            requirejs( [ './data/BizExample.js' ], function( BizExample ){
+
+            requirejs.config({ 
+                paths: { 'Bizs.BizExample': 'modules/JC.BaseMVC/0.1/_demo/data/BizExample' }
+            });
+
+            requirejs( [ 'Bizs.BizExample' ], function( BizExample ){
             });
         </script>
         <base target="_blank" />
diff --git a/modules/JC.BaseMVC/0.1/_demo/build_bizClass_moreAdvance.html b/modules/JC.BaseMVC/0.1/_demo/build_bizClass_moreAdvance.html
index 15d676b..cbb7be4 100644
--- a/modules/JC.BaseMVC/0.1/_demo/build_bizClass_moreAdvance.html
+++ b/modules/JC.BaseMVC/0.1/_demo/build_bizClass_moreAdvance.html
@@ -15,7 +15,12 @@
         <script src="../../../../config.js"></script>
         <script>
             JC.debug = true;
-            requirejs( [ './data/BizExampleMoreAdvance.js' ], function( BizExampleMoreAdvance ){
+
+            requirejs.config({ 
+                paths: { 'Bizs.BizExampleMoreAdvance': 'modules/JC.BaseMVC/0.1/_demo/data/BizExampleMoreAdvance' }
+            });
+
+            requirejs( [ 'Bizs.BizExampleMoreAdvance' ], function( BizExampleMoreAdvance ){
             });
         </script>
         <base target="_blank" />
diff --git a/modules/JC.BaseMVC/0.1/_demo/build_compClass.html b/modules/JC.BaseMVC/0.1/_demo/build_compClass.html
index e2fa3cd..ef4e0e6 100644
--- a/modules/JC.BaseMVC/0.1/_demo/build_compClass.html
+++ b/modules/JC.BaseMVC/0.1/_demo/build_compClass.html
@@ -14,8 +14,14 @@
         <script src="../../../../lib.js"></script>
         <script src="../../../../config.js"></script>
         <script>
+
             JC.debug = true;
-            requirejs( [ './data/CompExample.js' ], function( CompExample ){
+
+            requirejs.config({ 
+                paths: { 'JC.CompExample': 'modules/JC.BaseMVC/0.1/_demo/data/CompExample' }
+            });
+
+            requirejs( [ 'JC.CompExample' ], function( CompExample ){
             });
         </script>
         <base target="_blank" />
diff --git a/modules/JC.BaseMVC/0.1/_demo/build_compClass_moreAdvance.html b/modules/JC.BaseMVC/0.1/_demo/build_compClass_moreAdvance.html
index 93959f4..71ff526 100644
--- a/modules/JC.BaseMVC/0.1/_demo/build_compClass_moreAdvance.html
+++ b/modules/JC.BaseMVC/0.1/_demo/build_compClass_moreAdvance.html
@@ -15,7 +15,12 @@
         <script src="../../../../config.js"></script>
         <script>
             JC.debug = true;
-            requirejs( [ './data/CompExampleMoreAdvance.js' ], function( CompExampleMoreAdvance ){
+
+            requirejs.config({ 
+                paths: { 'JC.CompExampleMoreAdvance': 'modules/JC.BaseMVC/0.1/_demo/data/CompExampleMoreAdvance' }
+            });
+
+            requirejs( [ 'JC.CompExampleMoreAdvance' ], function( CompExampleMoreAdvance ){
             });
         </script>
         <base target="_blank" />
diff --git a/modules/JC.BaseMVC/0.1/_demo/data/BizExample.js b/modules/JC.BaseMVC/0.1/_demo/data/BizExample.js
index 7e69a9b..ef64f49 100644
--- a/modules/JC.BaseMVC/0.1/_demo/data/BizExample.js
+++ b/modules/JC.BaseMVC/0.1/_demo/data/BizExample.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.BaseMVC' ], function(){
+;(function(define, _win) { 'use strict'; define( 'Bizs.BizExample', [ 'JC.BaseMVC' ], function(){
     var _jdoc = $( document ), _jwin = $( window );
 
     Bizs.BizExample = BizExample;
diff --git a/modules/JC.BaseMVC/0.1/_demo/data/BizExampleMoreAdvance.js b/modules/JC.BaseMVC/0.1/_demo/data/BizExampleMoreAdvance.js
index 8e078de..6aaa8f5 100644
--- a/modules/JC.BaseMVC/0.1/_demo/data/BizExampleMoreAdvance.js
+++ b/modules/JC.BaseMVC/0.1/_demo/data/BizExampleMoreAdvance.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.BaseMVC' ], function(){
+;(function(define, _win) { 'use strict'; define( 'Bizs.BizExampleMoreAdvance', [ 'JC.BaseMVC' ], function(){
 /**
  * 组件用途简述
  *
@@ -95,7 +95,7 @@
             }
     });
 
-    BizExampleMoreAdvance.Model._instanceName = 'JCBizExampleMoreAdvance';
+    BizExampleMoreAdvance.Model._instanceName = 'BizBizExampleMoreAdvance';
     JC.f.extendObject( BizExampleMoreAdvance.Model.prototype, {
         init:
             function(){
diff --git a/modules/JC.BaseMVC/0.1/_demo/data/CompExample.js b/modules/JC.BaseMVC/0.1/_demo/data/CompExample.js
index 5120707..50b3dc8 100644
--- a/modules/JC.BaseMVC/0.1/_demo/data/CompExample.js
+++ b/modules/JC.BaseMVC/0.1/_demo/data/CompExample.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.BaseMVC' ], function(){
+;(function(define, _win) { 'use strict'; define( [ 'JC.CompExample', 'JC.BaseMVC' ], function(){
     var _jdoc = $( document ), _jwin = $( window );
 
     JC.CompExample = CompExample;
diff --git a/modules/JC.BaseMVC/0.1/_demo/data/CompExampleMoreAdvance.js b/modules/JC.BaseMVC/0.1/_demo/data/CompExampleMoreAdvance.js
index 36a368d..80c8978 100644
--- a/modules/JC.BaseMVC/0.1/_demo/data/CompExampleMoreAdvance.js
+++ b/modules/JC.BaseMVC/0.1/_demo/data/CompExampleMoreAdvance.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.BaseMVC' ], function(){
+;(function(define, _win) { 'use strict'; define( 'JC.CompExampleMoreAdvance', [ 'JC.BaseMVC' ], function(){
 /**
  * 组件用途简述
  *
diff --git a/modules/JC.FChart/0.1/FChart.js b/modules/JC.FChart/0.1/FChart.js
index 09aecd8..bf74024 100644
--- a/modules/JC.FChart/0.1/FChart.js
+++ b/modules/JC.FChart/0.1/FChart.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [ 'JC.BaseMVC', 'swfobject', 'plugins.json2', 'jquery.mousewheel'  ], function(){
+;(function(define, _win) { 'use strict'; define( 'JC.FChart', [ 'JC.BaseMVC', 'swfobject', 'plugins.json2', 'jquery.mousewheel'  ], function(){
 
 JC.use && !window.swfobject && JC.use( 'plugins.swfobject' );
 JC.use && !window.JSON && JC.use( 'plugins.jsons' );
@@ -216,6 +216,31 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
     FChart.Model.CLEAR_STATUS = 'clear_status';
     FChart.Model.UPDATE_CHART_DATA = 'update_data';
 
+    /**
+     * flash swf 路径映射
+     * <br />你还可以使用其他属性进行定义路径映射
+     *      1. window.FCHART_SWF_FILE_MAP
+     *      2. JC.FCHART_SWF_FILE_MAP
+     * @property    Model.SWF_FILE_MAP
+     * @type        {object}
+     * @default     null
+     * @static
+     * @example
+        requirejs( [ 'JC.FChart' ], function( FChart ){
+            FChart['Model'].SWF_FILE_MAP = {
+                'bar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf'
+                , 'vbar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf'
+                , 'line': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf'
+                , 'stack': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf'
+                , 'mix': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf'
+
+                , 'column': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf'
+                , 'hcolumn': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf'
+            };
+        });
+     */
+    FChart.Model.SWF_FILE_MAP = null;
+
     /**
      * flash swf 路径
      * <br />{0} = JC.PATH
@@ -225,7 +250,7 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
      * @default     {0}/flash/pub/charts/{1}.swf
      * @static
      */
-    FChart.Model.FLASH_PATH = '{0}/flash/pub/charts/{1}.swf?{2}';
+    FChart.Model.FLASH_PATH = '{0}/swf/{1}.swf?{2}';
 
     /**
      * flash swf 缓存版本控制
@@ -264,11 +289,18 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
         , 'histogram': 'Histogram'
 
         , 'vbar': 'VHistogram'
+        , 'hbar': 'VHistogram'
         , 'vhistogram': 'VHistogram'
 
+        , 'column': 'ZHistogram'
         , 'zbar': 'ZHistogram'
         , 'zhistogram': 'ZHistogram'
 
+
+        , 'hcolumn': 'VZHistogram'
+
+        , 'mix': 'MixChart'
+
         , 'map': 'Map'
 
         , 'trend': 'Trend'
@@ -279,6 +311,12 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
 
         , 'dount': 'Dount'
 
+        , 'ddount': 'DDount'
+        , 'ndount': 'NDount'
+
+        , 'stack': 'Stack'
+        , 'hstack': 'HStack'
+
         , 'rate': 'Rate'
     };
 
@@ -321,11 +359,10 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
         /**
          * 保存图表数据
          */
-        , data:
-            function( _data ){
-                typeof _data != 'undefined' && ( this._data = _data );
-                return this._data;
-            }
+        , data: function( _data ){
+            typeof _data != 'undefined' && ( this._data = _data );
+            return this._data;
+        }
 
         , gid: function(){ return this._gid; }
 
@@ -373,9 +410,7 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
         /**
          * 图表画布
          */
-        , stage:
-            function(){
-            }
+        , stage: function(){ }
         /**
          * 画布圆角弧度 
          */
@@ -400,39 +435,87 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
         /**
          * 清除图表状态
          */
-        , clearStatus:
-            function(){
-            }
+        , clearStatus: function(){ }
+
+        , chartType: function(){
+            var _r = '';
+            this.data() 
+                && this.data().chart
+                && this.data().chart.type
+                && ( _r = this.data().chart.type )
+            return (_r||'').toString().toLowerCase();
+        }
 
-        , chartType:
-            function(){
-                var _r = '';
-                this.data() 
-                    && this.data().chart
-                    && this.data().chart.type
-                    && ( _r = this.data().chart.type )
-                return (_r||'').toString().toLowerCase();
-            }
         , typeMap: function( _type ){ return FChart.Model.TYPE_MAP[ _type ]; }
+        
         , type: function(){ return this.typeMap( this.chartType() ) || ''; }
-        , path:
-            function(){
+        
+        , path: function(){
+            var _path = JC.FCHART_PATH;
+            if( !_path ){
+                if( JC.use ){
+                     _path = JC.PATH + '/comps/FChart/';
+                }else{
+                     _path = JC.PATH + '/modules/JC.FChart/0.1/';
+                }
                 var _p = this
                     , _r = JC.f.printf( _p.attrProp( 'chartPath' ) || FChart.Model.FLASH_PATH
-                        , JC.PATH
+                        , _path
                         , _p.type() 
                         , FChart.Model.VERSION 
                     );
+
+                _r = this.checkFileMap() || _r;
+
+
+                return _r;
+            }
+        }
+       
+        , checkFileMap:
+            function(){
+                var _r = '';
+                if( window.FCHART_SWF_FILE_MAP ){
+                   this.chartType() in window.FCHART_SWF_FILE_MAP 
+                       && ( _r = window.FCHART_SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in window.FCHART_SWF_FILE_MAP 
+                       && ( _r = window.FCHART_SWF_FILE_MAP[ this.type() ] );
+                }
+
+
+                if( JC.FCHART_SWF_FILE_MAP ){
+                   this.chartType() in JC.FCHART_SWF_FILE_MAP 
+                       && ( _r = JC.FCHART_SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in JC.FCHART_SWF_FILE_MAP 
+                       && ( _r = JC.FCHART_SWF_FILE_MAP[ this.type() ] );
+                }
+
+                if( FChart.Model.SWF_FILE_MAP ){
+                   this.chartType() in FChart.Model.SWF_FILE_MAP 
+                       && ( _r = FChart.Model.SWF_FILE_MAP[ this.chartType() ] );
+
+                   this.type() in FChart.Model.SWF_FILE_MAP 
+                       && ( _r = FChart.Model.SWF_FILE_MAP[ this.type() ] );
+                }
+
+                _r && ( _r = JC.f.printf( '{0}?v={1}', _r, FChart.Model.VERSION ) );
+
                 return _r;
             }
+            
+
+        , getSwfObject: function() {
+            return this.selector().find( 'object' )[0] || {};
+        }
     });
 
     JC.f.extendObject( FChart.View.prototype, {
-        init:
-            function(){
-                //JC.log( 'FChart.View.init:', new Date().getTime() );
-                var _p = this;
-            }
+        init: function(){
+            //JC.log( 'FChart.View.init:', new Date().getTime() );
+            var _p = this;
+        }
         /**
          * 渲染图表外观
          */
@@ -441,7 +524,7 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
                 if( !this._model.type() ) return;
                 var _p = this
                     , _path =  _p._model.path()
-                    , _fpath =  _path.replace( /[\/]+/g, '/' )
+                    , _fpath =  _path.replace( /([^\:]|)[\/]+/g, '$1/' )
                     , _element = $( '#' + _p._model.gid() )
                     , _dataStr = JSON.stringify( _data ) 
                     ; 
@@ -452,7 +535,10 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
                 }
 
                 var _flashVar = { 'chart': encodeURIComponent( _dataStr ) }
-                    , _flashParams = { 'wmode': 'transparent' }
+                    , _flashParams = { 
+                        'wmode': 'transparent'
+                        , 'allowScriptAccess' : 'always' 
+                    }
                     , _flashAttrs = { 'id': _p._model.gid(), 'name': _p._model.gid() }
                     ;
 
@@ -485,37 +571,40 @@ JC.use && !jQuery.event.special.mousewheel && JC.use( 'plugins.jquery.mousewheel
         /**
          * 初始化的选择器
          */
-        , selector:
-            function(){
-                return this._model.selector();
-            }
+        , selector: function(){
+            return this._model.selector();
+        }
         /**
          * 清除图表数据
          */
-        , clear: 
-            function(){
-                var _p = this;
-                if( !_p._model._stage ) return;
-                $( _p._model._stage.canvas ).remove();
-                _p._model._stage = undefined;
-            }
+        , clear: function(){
+            var _p = this;
+            if( !_p._model._stage ) return;
+            $( _p._model._stage.canvas ).remove();
+            _p._model._stage = undefined;
+        }
         /**
          * 清除图表状态
          */
-        , clearStatus:
-            function(){
-            }
+        , clearStatus: function(){ }
         /**
          * 更新图表数据
          */
-        , update: 
-            function( _data ){
-                var _p = this;
+        , update: function( _data ) {
+            var _p = this
+                , _currentData = _p._model.data();
+
+
+            if( _currentData && ( !_currentData.chart.type || _currentData.chart.type == _data.chart.type ) ) {
+                var _swfObj = _p._model.getSwfObject();
+                !!_swfObj.update && _swfObj.update( $.parseJSON( JSON.stringify( _data ) ) );
+            } else {
                 _p.clear();
                 _p._model.clear();
                 _p._model.data( _data );
                 _p.draw( _data );
             }
+        }
     });
 
     _jdoc.ready( function(){
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/demo.html b/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/demo.html
new file mode 100644
index 0000000..7f2532a
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/demo.html
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>FChart All Demo</title>
+        <link href='../res/default/style.css' rel='stylesheet' />
+        <link href='../../../../../../CodeMirror/lib/codemirror.css' rel='stylesheet' />
+    </head>
+    <body>
+        <div class="js_compFChart" 
+            chartScriptData="/script"
+            chartHeight="400" 
+            chartWidth="600" 
+            >
+            <script id="defaultData" type="text/template">
+                {
+                    chart: {
+                        type: 'bar'
+                        , bgAlpha: '0'
+                        , bgColor: '0xff0000'
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text:'Chart Subtitle'
+                    }, 
+                    xAxis: {
+                        categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                    }, 
+                    yAxis: {
+                        title: {
+                            enabled: true,
+                            text: '(Vertical Title - 中文)'
+                        }
+                    },
+                    series:[{
+                        name: 'Temperature',
+                        data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                    }, {
+                        name: 'Rainfall',
+                        data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                    }],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org222',
+                        href: 'http://fchart.openjavascript.org/'
+                    },
+                    dataLabels: {
+                        enabled: true
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: 0.75
+                    },
+                    legend: {
+                        enabled: true
+                        , direction: '7'
+                        , interval: 10
+                    }
+                }
+            </script>
+        </div>
+        <div class="js_compFchartDemo"
+            chartview="div.js_compFChart"
+            chartDefaultData="#defaultData"
+            ></div>
+        <script src="../../../../../../../jquery.js"></script>
+        <script src="../../../../../../../require.js"></script>
+        <script src="../../../../../../../lib.js"></script>
+	    <script src="../../../../../../../config.js"></script>
+        <script>
+            JC.debug = true;
+
+            requirejs( [ 'JC.FchartDemo' ], function() {
+            });
+
+            // $( document ).on( 'change', 'input', function( e ) {
+            //     console.log( 'change' );
+            // } );
+        </script>
+    </body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/index.php b/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/index.php
new file mode 100644
index 0000000..01c8488
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/all_demo.js b/modules/JC.FChart/0.1/_demo/all_demo/0.1/all_demo.js
new file mode 100644
index 0000000..1f6a48a
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/all_demo.js
@@ -0,0 +1,794 @@
+;(function(define, _win) { 'use strict'; define( 'JC.FchartDemo', [ 'demoData', 'codeMirror', 'JC.BaseMVC', 'JC.FChart', 'JC.Tips' ], function( _demoData, _codeMirror ){
+/**
+ * 组件用途简述
+ *
+ *  <p><b>require</b>:
+ *      <a href='JC.BaseMVC.html'>JC.BaseMVC</a>
+ *  </p>
+ *
+ *  <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
+ *      | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.FchartDemo.html' target='_blank'>API docs</a>
+ *      | <a href='../../modules/JC.FchartDemo/0.1/_demo' target='_blank'>demo link</a></p>
+ *  
+ *  <h2>页面只要引用本脚本, 默认会处理 div class="js_compFchartDemo"</h2>
+ *
+ *  <h2>可用的 HTML attribute</h2>
+ *
+ *  <dl>
+ *      <dt></dt>
+ *      <dd><dd>
+ *  </dl> 
+ *
+ * @namespace   JC
+ * @class       FchartDemo
+ * @extends     JC.BaseMVC
+ * @constructor
+ * @param   {selector|string}   _selector   
+ * @version dev 0.1 2013-12-13
+ * @author  qiushaowei <suches@btbtd.org> | 75 Team
+ * @example
+        <h2>JC.FchartDemo 示例</h2>
+ */
+    var _jdoc = $( document ), _jwin = $( window );
+
+    JC.FchartDemo = FchartDemo;
+
+    function FchartDemo( _selector ) {
+        _selector && ( _selector = $( _selector ) );
+
+        if( JC.BaseMVC.getInstance( _selector, FchartDemo ) ) 
+            return JC.BaseMVC.getInstance( _selector, FchartDemo );
+
+        JC.BaseMVC.getInstance( _selector, FchartDemo, this );
+
+        this._model = new FchartDemo.Model( _selector );
+
+        this._view = new FchartDemo.View( this._model );
+
+        this._init();
+    }
+
+    /**
+     * 初始化可识别的 FchartDemo 实例
+     * @method  init
+     * @param   {selector}      _selector
+     * @static
+     * @return  {Array of FchartDemoInstance}
+     */
+    FchartDemo.init = function( _selector ) {
+        var _r = [];
+        _selector = $( _selector || document );
+
+        if( _selector.length ){
+            if( _selector.hasClass( 'js_compFchartDemo' )  ) {
+                _r.push( new FchartDemo( _selector ) );
+            } else {
+                _selector.find( 'div.js_compFchartDemo' ).each( function(){
+                    _r.push( new FchartDemo( this ) );
+                } );
+            }
+        }
+        return _r;
+    };
+
+    JC.BaseMVC.build( FchartDemo );
+
+    JC.f.extendObject( FchartDemo.prototype, {
+        _beforeInit: function(){
+        }
+
+        , _initHanlderEvent: function() {
+            var _p = this
+                , _model = _p._model
+                , _Model = FchartDemo.Model
+                , _selector = _model.selector();
+
+            _p.on( 'inited', function() {
+
+                _selector.on( 
+                    'click'
+                    , '.' + _Model.FCHART_DATAARRAY_ADDBTN
+                    , function( e ) {
+                        e.preventDefault();
+
+                        _p._view.addDataArrayTpl( 1, $( this ).closest( 'div[' + _Model.DATA_FLAG + ']' )
+                            .find( '.' + _Model.FCHART_DATAARRAY_CLASSNAME ).eq( 0 ) );
+                    }
+                );
+
+                _selector.on( 'mousedown', '.fchart-controlbar', function( e ) {
+                    e.preventDefault();
+
+                    var _target = $( this )
+                        , _oriMousePosition = { x:e.pageX, y:e.pageY }
+                        , _oriWidth = parseInt( _selector.css( 'width' ) );
+                    
+                    $( window ).on( 'mousemove', function( e ) {
+
+                        var _moveX = _oriMousePosition.x - e.pageX
+                            , _nowWidth = _oriWidth + _moveX;
+
+                        if( _nowWidth >= 400 && parseInt( _selector.css( 'right' ) ) == 0 ) {
+                            _selector.css( 'width', _nowWidth );
+                        }
+                    } );
+
+                    $( window ).on( 'mouseup', function( e ) {
+
+                        $( this ).off( 'mousemove' ).off( 'mouseup' );
+
+                        var _nowRight = parseInt( _selector.css( 'right' ) );
+
+                        if( e.pageX == _oriMousePosition.x ) {
+                            _selector.animate( {
+                                'right' : _nowRight < 0 ? 0 : ( '-' + _selector.css( 'width' ) )
+                            } );
+                        }
+                    } );
+                } );
+                
+                _selector.on( 'change', 'input,textarea', function( e ) {
+                    if ( _model.updateLock() ){
+                        return;
+                    }
+
+                    var _target = $( this )
+                        , _parent = _target.closest( '[class^="' + _Model.FCHART_CHANGEVIEW_CLASSNAME + '"]' );
+
+                    if( _parent.is( '[class$="' + _Model.FCHART_CHANGEVIEW_CODE_TYPE + '"]' ) ) {
+                        var _json = _model.getCodeViewData();
+                        if( _json !== '' ) {
+                            _p._view.initAndFillData( _json )
+                        }
+                    }
+                    _p._view.updateChart( _model.getChartData() );
+
+                } );
+
+                $( 'a.' + _Model.FCHART_ATTRFLOOR_FORBIDE + ', a.' + _Model.FCHART_ATTRFLOOR_USE ).hover( function( e ) {
+                    e.preventDefault();
+
+                    $( this ).stop().animate( { 'width': '160px' } );
+                }, function( e ){
+                    e.preventDefault();
+
+                    $( this ).stop().animate( { 'width': '90px' } );
+                } );
+
+                _selector.on( 'click', '.fchart-fl2 h2 span, .' + _Model.FCHART_ATTRFLOOR_HELP, function( e ) {
+                    e.preventDefault();
+
+                    $( this ).parent().prev().click();
+                } );
+
+                _selector.on( 'click', 'a.' + _Model.FCHART_ATTRFLOOR_FORBIDE, function( e ) {
+                    e.preventDefault();
+
+                    $( this ).closest( '.fchart-fl2' ).addClass( _Model.FCHART_ATTRFLOOR_IGNOR );
+                    _selector.find( 'textarea' ).eq( 0 ).change();
+                } );
+
+                _selector.on( 'click', 'a.' + _Model.FCHART_ATTRFLOOR_USE, function( e ) {
+                    e.preventDefault();
+
+                    $( this ).closest( '.fchart-fl2' ).removeClass( _Model.FCHART_ATTRFLOOR_IGNOR );
+                    _selector.find( 'textarea' ).eq( 0 ).change();
+                } );
+
+                _selector.on( 'click', 'a.' + _Model.FCHART_ATTRFLOOR_CTRL, function( e ) {
+                    e.preventDefault();
+
+                    _p._view.displayAttrCtr( $( this ) );
+                } );
+
+                _selector.on( 'click', 'a.' + _Model.FCHART_ATTRFLOOR_BTN, function( e ) {
+                    e.preventDefault();
+
+                    _p._view.displayAttr( $( this ) );
+                } );
+
+                _selector.on( 'click', 'a[' + _Model.FCHART_TABBAR_CHANGEBTN_FLAG + ']', function( e ) {
+                    e.preventDefault();
+
+                    var _target = $( this )
+                        , _class = _Model.FCHART_TABBAR_CHANGEBTN_SELECTED;
+                    _target.removeClass( _class ).siblings().addClass( _class );
+
+                    _p._view.changeView( _target );
+                } );
+
+                _selector.on( 'click', 'a[' + _Model.FCHART_TABBAR_TARGETBTN_FLAG + ']', function( e ) {
+                    e.preventDefault();
+
+                    var _target = $( this );
+                    _target.addClass( _Model.FCHART_TABBAR_TARGETBTN_SELECTED )
+                        .siblings( '.' + _Model.FCHART_TABBAR_TARGETBTN_SELECTED )
+                        .removeClass( _Model.FCHART_TABBAR_TARGETBTN_SELECTED );
+                    _p._view.changeChartForm( 
+                        _target.attr( _Model.FCHART_TABBAR_TARGETBTN_FLAG )
+                        , _p._model.getDefaultData( _target.attr( _Model.FCHART_TABBAR_DEFAULT_DATA_FLAG ) )
+                    );
+                } );
+            } );
+        }
+
+        , _inited: function() {
+            this.trigger( 'inited' );
+        }
+
+    } );
+
+    var _tmlModel = FchartDemo.Model;
+
+    _tmlModel._instanceName = 'JCFchartDemo';
+    _tmlModel.UPDATE_LOCK = false;
+    _tmlModel.DATA_FLAG = 'datatype';
+    _tmlModel.DATAARRAY_FLAG = 'dataarray';
+
+    _tmlModel.FCHART_TABBAR_CLASSNAME = 'fchart-tabBar';
+    _tmlModel.FCHART_TABITEM_WRAPPER_CLASSNAME = 'fchart-tabItem-wrapper'
+    _tmlModel.FCHART_TABBAR_CHANGE_CLASSNAME = 'fchart-tabBar-changeBtn';
+    _tmlModel.FCHART_TABBAR_CHANGEBTN_FLAG = 'targetchange';
+    _tmlModel.FCHART_TABBAR_CHANGEBTN_SELECTED = 'fchart-changeBtn-selected';
+    _tmlModel.FCHART_TABBAR_TARGETBTN_FLAG = 'targetindex';
+    _tmlModel.FCHART_TABBAR_DEFAULT_DATA_FLAG = 'defaultdata';
+    _tmlModel.FCHART_TABBAR_TARGETBTN_SELECTED = 'fchart-targetBtn-selected';
+    _tmlModel.FCHART_TABBAR_CHANGECODE_TITLE = '代码模式';
+    _tmlModel.FCHART_TABBAR_CHANGEFORM_TITLE = '表单模式';
+
+    _tmlModel.FCHART_ATTRFLOOR_IGNOR = 'fchart-attrfloor-ignor';
+    _tmlModel.FCHART_ATTRFLOOR_CTRL = 'fchart-attrfloor-ctrl';
+    _tmlModel.FCHART_ATTRFLOOR_HELP = 'fchart-attrfloor-help';
+    _tmlModel.FCHART_ATTRFLOOR_FORBIDE = 'fchart-attrfloor-forbide';
+    _tmlModel.FCHART_ATTRFLOOR_USE = 'fchart-attrfloor-use';
+    _tmlModel.FCHART_ATTRFLOOR_BTN = 'fchart-attrfloor-btn';
+    _tmlModel.FCHART_ATTRFLOOR_CLOSE = 'fchart-attrfloor-close';
+    _tmlModel.FCHART_ATTRFLOOR_OPEN = 'fchart-attrfloor-open';
+
+    _tmlModel.FCHART_CHARTVIEW_CLASSNAME = 'fchart-chartview';
+    _tmlModel.FCHART_CHANGEVIEW_CLASSNAME = 'fchart-changeview';
+    _tmlModel.FCHART_CHANGEVIEW_FORM_TYPE = 'form';
+    _tmlModel.FCHART_CHANGEVIEW_CODE_TYPE = 'code';
+    _tmlModel.NOW_SELECTED_CLASSNAME = 'fchart-nowSelect';
+    _tmlModel.FCHART_DATAARRAY_CLASSNAME = 'fchart-dataarray';
+    _tmlModel.FCHART_DATAARRAY_CONTROL = 'fchart-dataarray-control';
+    _tmlModel.FCHART_DATAARRAY_ADDBTN = 'fchart-dataarray-addbtn';
+
+    _tmlModel.FCHART_FLOOR_NUM = 'fchart-fl';
+
+    _tmlModel.FCHART_TIPS_CLASSNAME = 'tips_bd';
+
+    JC.f.extendObject( FchartDemo.Model.prototype, {
+        init: function(){ }
+
+        , updateLock: function( flag ) {
+            if( typeof flag == 'undefined' ){
+                return FchartDemo.Model.UPDATE_LOCK;
+            } else {
+                FchartDemo.Model.UPDATE_LOCK = flag;
+            }
+        }
+
+        , getChartData: function() {
+            var _data = {}
+                , _dataDl = this.selector().find( '.' + FchartDemo.Model.NOW_SELECTED_CLASSNAME ).eq( 0 );
+            return this.getDataFromJQDom( _dataDl.children( 'dd' ) );
+        }
+
+        , getDataFromJQDom: function( _jqDom ) {
+            var _p = this
+                , _childDom
+                , _dataChildren = _jqDom.children( '[' + FchartDemo.Model.DATA_FLAG + ']' )
+                , _dataArray = _jqDom.children( '[' + FchartDemo.Model.DATAARRAY_FLAG + ']' )
+                , _res
+                , _returnCtn;
+
+            if( _dataArray.length > 0 ) {
+                _res = [];
+                $.each( _dataArray, function( _ix, _dom ){
+                    _res[ _ix ] = _p.getDataFromJQDom( $( _dom ) );
+                } );
+            } else {
+                if( _dataChildren.length > 0 ) {
+                    _res = {};
+                    $.each( _dataChildren, function( _ix, _dom ){
+                        _childDom = $( _dom );
+                        if( !_childDom.hasClass( FchartDemo.Model.FCHART_ATTRFLOOR_IGNOR ) ){
+                            _returnCtn = _p.getDataFromJQDom( _childDom );
+                            if( _returnCtn !== '' ) {
+                                _res[ _childDom.attr( FchartDemo.Model.DATA_FLAG ) ] = _returnCtn;
+                            }
+                        }
+                    } );
+                } else {
+                    var _content = _jqDom.find( 'input' );
+                    var _inputtype = _jqDom.attr( 'inputtype' );
+                    if( _content.length > 0 ){
+                        _res = _content.is( ':radio' ) ? _jqDom.find( 'input[type="radio"]:checked' ).val() : _content.val();
+                        if( _inputtype && _inputtype !== '' ) {
+                            switch( _inputtype ){
+                                case 'int' : 
+                                case 'float' : {
+                                    _res = +_res;
+                                    break;
+                                }
+                                case 'boolean' : {
+                                    _res = _res == 'true' ? true : false;
+                                    break;
+                                }
+                            }
+                        }
+                    } else {
+                        _content = _jqDom.find( 'textarea' ).val();
+                        _res = _content.replace(/(\s+)|\"|\'|\[|\]/g, '').split(',')
+                        if( _inputtype == 'float' ){
+                            $.each( _res, function( _i, _item ){
+                                _res[ _i ] = +_item;
+                            } );
+                        }
+                    }
+                }
+            }
+            return _res;
+        }
+
+        ,getFillDataByType: function( _type ){
+            var _data = _demoData.defaultFill;
+            return _data[ _type ] || '';
+        }
+
+        , getChartView: function() {
+            return this.attrProp( 'chartview' );
+        }
+
+        , getCodeViewTextArea: function() {
+            return this.selector().find( '[class="' + FchartDemo.Model.FCHART_CHANGEVIEW_CLASSNAME 
+                + '-' + FchartDemo.Model.FCHART_CHANGEVIEW_CODE_TYPE + '"]' ).children( 'textarea' );
+        }
+
+        , getJCFlash: function() {
+            return JC.BaseMVC.getInstance( this.getChartView(), JC.FChart );
+        }
+
+        , getChartDefaultData: function() {
+            return this.selectorProp( 'chartDefaultData' );
+        }
+
+        , getChartDataFromScript: function() {
+            return this.changeStringToJson( this.getChartDefaultData().html() );
+        }
+
+        , changeStringToJson: function( _string ){
+            try{
+                return eval( '(' + _string + ')' );
+            } catch( e ) {
+                alert( 'json格式错误' );
+                return '';
+            }
+        }
+
+        , getCodeViewData: function(){
+            _codeView.save();
+            return this.changeStringToJson( this.getCodeViewTextArea().val() );
+        }
+
+        , getDefaultData: function( _dataName ) {
+            return _demoData.defaultFill[ _dataName ];
+        }
+
+        , formaterDataStr: function( _dataStr ) {
+            var resultStr = _dataStr.replace( /(,|}[\s]?[^\"])/g, '\n $1' ).replace(/([^\"][\s]?{|^{)/g, '$1\n');
+            return resultStr;
+        }
+
+    } );
+    
+    var _codeView;
+    JC.f.extendObject( FchartDemo.View.prototype, {
+        init: function() { 
+            this.initForm();
+            this.changeCodeMirrorView();
+        }
+
+        , initForm: function() {
+            var _p = this
+                , _model = _p._model
+                , _commonUtil = JC.common
+                , _Model = FchartDemo.Model
+                , _formDom = _model.selector()
+                , _data = _demoData
+                , _extendName
+                , _extendObj
+
+                , _controlBar = '<a class="fchart-controlbar" href="#"></a>'
+                , _tabBarWrapperTpl = '<div class="{0}"><div class="{1}">{2}{3}</div></div>'
+                , _tabItemTpl = '<a href="#" targetindex="{0}" class="{2}" defaultdata="{3}" >{1}</a>'
+                , _tabChangeBtnTpl = '<p class="' + _Model.FCHART_TABBAR_CHANGE_CLASSNAME + '"><a href="#" ' 
+                    + _Model.FCHART_TABBAR_CHANGEBTN_FLAG + '="' + _Model.FCHART_CHANGEVIEW_FORM_TYPE + '" class="' 
+                    + _Model.FCHART_TABBAR_CHANGEBTN_SELECTED + '">' + _Model.FCHART_TABBAR_CHANGEFORM_TITLE 
+                    + '</a><a href="#" ' + _Model.FCHART_TABBAR_CHANGEBTN_FLAG + '="' + _Model.FCHART_CHANGEVIEW_CODE_TYPE 
+                    + '">' + _Model.FCHART_TABBAR_CHANGECODE_TITLE + '</a></p>'
+                , _chartViewWrapperTpl = '<div class="{0}"><div class={1}>{2}</div><div class="{3}"><textarea></textarea></div></div>'
+                , _chartDlTpl = '<dl class="{0}"><dt><h{1}>{2}{4}</h{1}></dt><dd>{3}</dd></dl>'
+                , _attrBtn = '<a href="#" class="' + _Model.FCHART_ATTRFLOOR_CTRL + '">展开全部属性节点</a>'
+
+                , _tabBarContentList = []
+                , _chartDlContentList = []
+                , _chartDDContent
+                , _floorNum
+                , _relNum = -1;
+
+            $.each( _data.chartList, function( _idx, _chartData ) {
+                if( _chartData.show == false ){
+                    return;
+                }
+                _relNum++;
+
+                _extendName = _chartData['extend'];
+                $.each( _data.chartList, function( _i, _c ) {
+                    if( _c.name == _extendName ){
+                        _extendObj = _c;
+                    }
+                } );
+
+                var _publicList = [], _privateList = [];
+                $.each( _chartData.attr, function( _i, _c ){
+                    if( _c['dataPrivate'] ) {
+                        _privateList.push( _c );
+                    } else {
+                        _publicList.push( _c );
+                    }
+                } );
+
+                // _chartData.attr = $.merge( _chartData.attr || [], _extendObj.attr );
+                _chartData.attr = $.merge( $.extend( true, [], _extendObj.attr, _publicList || {} ), _privateList );
+
+                _chartDDContent = '';
+                _floorNum = 1;
+                /* 组装tab */
+                _tabBarContentList[ _relNum ] = 
+                    _commonUtil.printf( 
+                        _tabItemTpl
+                        , _relNum
+                        , _chartData.name
+                        , _chartData.default ?  _Model.FCHART_TABBAR_TARGETBTN_SELECTED : ''
+                        , _chartData.defaultData
+                    );
+
+                /* 组装dl */
+                _chartData.attr && $.each( _chartData.attr, function( _cidx, _item ){
+                    _chartDDContent += _p.spellDom( _item, _floorNum + 1 );
+                } );
+
+                _chartDlContentList[ _relNum ] = _commonUtil.printf( 
+                    _chartDlTpl
+                    , _chartData.default ? _Model.NOW_SELECTED_CLASSNAME : ''
+                    , _floorNum
+                    , _chartData.name
+                    , _chartDDContent
+                    , _attrBtn
+                );
+            } );
+
+            _formDom.append(
+                _controlBar
+                /* add tabBar */
+                + _commonUtil.printf( 
+                    _tabBarWrapperTpl
+                    , FchartDemo.Model.FCHART_TABBAR_CLASSNAME
+                    , FchartDemo.Model.FCHART_TABITEM_WRAPPER_CLASSNAME
+                    , _tabBarContentList.join('') 
+                    , _tabChangeBtnTpl
+                )
+
+                /* add chartView */
+                + _commonUtil.printf( 
+                    _chartViewWrapperTpl
+                    , _Model.FCHART_CHARTVIEW_CLASSNAME + ' '
+                        + _Model.FCHART_TIPS_CLASSNAME
+                    , _Model.FCHART_CHANGEVIEW_CLASSNAME + '-' 
+                        + _Model.FCHART_CHANGEVIEW_FORM_TYPE
+                    , _chartDlContentList.join('')
+                    , _Model.FCHART_CHANGEVIEW_CLASSNAME + '-' 
+                        + _Model.FCHART_CHANGEVIEW_CODE_TYPE
+                )
+            );
+
+            this.initAndFillData( _model.getChartDataFromScript() );
+
+            this.fillChartDataToView( _model.getChartDefaultData().html() );
+        }
+
+        , changeCodeMirrorView: function() {
+            var _p = this
+                , _model = _p._model;
+
+            $('.CodeMirror').remove();
+            _codeView = _codeMirror.fromTextArea( _model.getCodeViewTextArea()[0], {
+                mode: { name: "javascript" }
+                , lineNumbers: true
+            } );
+        }
+
+        , spellDom: function( _data, _floorNum ) {
+
+            if( !_data ){
+                return '';
+            }
+
+            var _p = this
+                , _model = _p._model
+                , _commonUtil = JC.common
+                , _Model = FchartDemo.Model
+
+                , _titleTmp
+                , _contentTmp = ''
+                , _contentTpl = '';
+
+            if( _data.childrenList ) {
+
+                var _dataarrayTmp;
+                var _isFloor2 = _floorNum == 2;
+
+                _titleTmp = _commonUtil.printf(
+                    '{2}<h{0} class="clearfix"><span>{1}</span>{3}{4}</h{0}>'
+                    , _floorNum
+                    , _data.title 
+                    , _isFloor2 ? '<a href="#" class="' + _Model.FCHART_ATTRFLOOR_BTN + ' ' 
+                        + _Model.FCHART_ATTRFLOOR_CLOSE + '"></a>' : ''
+                    , _data.tips ? '<a href="#" class="' + _Model.FCHART_ATTRFLOOR_HELP + '" title="' 
+                        + ( 
+                            _data.tips.replace( /(“[^”]+”)/g, '<em class=\'yellow\'>$1</em>' )
+                                      .replace( /(\-[\/w\u4e00-\u9fa5]+\-\：)/g, '<em class=\'blue\'>$1</em>' )
+                        ) + '" ></a>' : ''
+                    , !_data.noIgnor && _isFloor2 ? ( '<a href="#" class="' + _Model.FCHART_ATTRFLOOR_FORBIDE + '">属性已启用，点击忽略</a>'
+                        + '<a href="#" class="' + _Model.FCHART_ATTRFLOOR_USE + '">属性已忽略，点击启用</a>' ) : ''
+                );
+
+                $.each( _data.childrenList, function( _idx, _item ){
+                    _contentTmp += _p.spellDom( _item, _floorNum + 1 );
+                } );
+
+                if( _data[ _Model.DATAARRAY_FLAG ] ){
+                    _contentTpl = ( _data[ 'remoteAdd' ] ? '<p class="' + _Model.FCHART_DATAARRAY_CONTROL + '"><a class="' 
+                        + _Model.FCHART_DATAARRAY_ADDBTN + '" href="#">点击新增数据组</a></p>' : '' ) 
+                        + '<div class="{0} ' + _Model.FCHART_DATAARRAY_CLASSNAME + ' ' + ( _data[ 'remoteAdd' ] ? 'fchart-remotedata' : '' ) 
+                        + '" ' + _Model.DATA_FLAG + '="{1}" ' + _Model.DATAARRAY_FLAG + '="true" ' + ( _data.noIgnor ? 'noIgnor' : '' ) + ' >{2}{3}</div>'
+                } else {
+                    _contentTpl = '<div class="{0} " ' + _Model.DATA_FLAG + '="{1}" ' + ( _data.noIgnor ? 'noIgnor' : '' ) + ' >{2}{3}</div>'
+                }
+            } else {
+                _titleTmp = _commonUtil.printf ( '<label>{0}</label>', _data.title );
+                switch( _data.view ) {
+                    case 'radio': {
+                        var _name = _data.name + new Date().getTime() + Math.random();
+                        _data.valueList && $.each( _data.valueList, function( _idx, _item ) {
+                            _contentTmp += _commonUtil.printf( 
+                                '<label><input type="radio" name="{0}" value="{1}" {2} />{3}</label>'
+                                , _name
+                                , _item.value
+                                , _item.default ? 'checked="checked" defaultData="true"' : ''
+                                , _item.title 
+                            );
+                        } );
+                        break;
+                    }
+                    case 'input': {
+                        _contentTmp = '<input type="text" value="' + ( _data.default || "" ) + '" />';
+                        break;
+                    }
+                    case 'textarea': {
+                        _contentTmp = '<textarea ></textarea>';
+                        break;
+                    }
+                }
+                _contentTpl = '<div class="{0}" ' + _Model.DATA_FLAG + '="{1}" inputtype="{4}" {5} >{2}{3}</div>';
+            }
+
+            return _commonUtil.printf( 
+                _contentTpl
+                , _Model.FCHART_FLOOR_NUM + _floorNum
+                , _data[ _Model.DATA_FLAG ]
+                , _titleTmp
+                , _contentTmp
+                , _data.inputtype ? _data.inputtype : ''
+                , _data.onlyname ? 'onlyname="true"' : ''
+            );
+        }
+
+        , initAndFillData:function( _data, _targetDom ) {
+            var _p = this
+                , _model = this._model
+                , _Model = FchartDemo.Model
+                , _selector = _model.selector();
+
+            _selector.find( 'div.fchart-fl2:not([noIgnor])' ).addClass( _Model.FCHART_ATTRFLOOR_IGNOR );
+
+            this.fillChartDataToForm( _data, _targetDom );
+        }
+
+        , fillChartDataToForm: function( _data, _targetDom ) {
+
+            var _p = this
+                , _model = this._model
+                , _Model = FchartDemo.Model
+                , _dataType
+                , tmpDom;
+
+            _targetDom = _targetDom || _model.selector();
+
+            _targetDom.hasClass( _Model.FCHART_ATTRFLOOR_IGNOR ) 
+                && _targetDom.removeClass( _Model.FCHART_ATTRFLOOR_IGNOR );
+
+            _dataType = Object.prototype.toString.apply( _data );
+
+            if( _dataType.indexOf( 'Object' ) > 0 ){/* 类型是object 则还有下级 递归 */
+                for( var _attr in _data ) {
+                    _p.fillChartDataToForm( 
+                        _data[ _attr ]
+                        , _targetDom.find( '[ datatype="' + _attr + '" ]' ) 
+                    );
+                }
+            } else if( _dataType.indexOf( 'Array' ) > 0 ) {
+                tmpDom = _targetDom.find( '.' + _Model.FCHART_DATAARRAY_CLASSNAME );
+                if( tmpDom.length > 0 ) {
+                    _p.addDataArrayTpl( _data.length, tmpDom.eq( 0 ), true );
+                    $.each( _data, function( _idx, _item ) {
+                        _p.fillChartDataToForm( 
+                            _item
+                            , _targetDom.find( '.' + _Model.FCHART_DATAARRAY_CLASSNAME ).eq( _idx )
+                        );
+                    } );
+                } else {
+                    _targetDom.find( 'textarea' ).text( _data );
+                }
+            } else if( _dataType.indexOf( 'Boolean' ) > 0 || _data == 'true' || _data == 'false' ) {
+                _targetDom.find( 'input[type="radio"][value="' + _data + '"]' )
+                    .prop( 'checked', 'checked' );
+            } else if( _dataType.indexOf( 'String' ) > 0 || _dataType.indexOf( 'Number' ) ) {
+                tmpDom = _targetDom.find( 'input[type="text"]' );
+
+                if( tmpDom.length > 0 ) {
+                    tmpDom.val( _data )
+                } else {
+                    _targetDom.find( 'input[type="radio"][value="' + _data + '"]' )
+                        .prop( 'checked', 'checked' );
+                }
+            }
+        }
+
+        /* 将数据复制到textarea */
+        , fillChartDataToView: function( _data ) {
+            // console.dir( _data );
+            var _p = this
+                , _model = this._model;
+
+            _model.getCodeViewTextArea().val( _data );
+            _p.changeCodeMirrorView();
+        }
+
+        /* 添加数据组的tpl */
+        , addDataArrayTpl: function( _num, _modelTpl, _isInit ) {
+            var _parent = _modelTpl.parent()
+                , _tpl = _modelTpl.clone();
+
+                _tpl.find( 'input[type="text"]' ).val( '' ).end()
+                    .find( 'textarea' ).text( '' ).end()
+                    .filter( '[defaultData]' ).prop( 'checked', 'checked' );
+
+            if( _isInit ){
+                _parent.find( '.fchart-dataarray' ).remove();
+            }
+
+            for( var _count = 0; _count < _num; _count++ ) {
+                var _radios = _tpl.find( 'input[type="radio"]' );
+                if( _radios.length > 0 ) {
+                    var _tmp;
+
+                    if( !( _radios.closest( 'div' ).attr( 'onlyname' ) == 'true' ) ) {
+                        _radios.attr( 'name', _radios.attr( 'name' ).split( '0.' )[0] + Math.random() );
+                    }
+
+                    $.each( _radios, function( _i, _item ){
+                        _tmp = $( _item );
+                        _tmp.prop( 'checked', _tmp.attr( 'defaultdata' ) == 'true' );
+                        _tmp.attr( 'name', _tmp.attr( 'name' ).replace( /[A-Za-z]+/g, _tmp.closest( 'div' ).attr( 'datatype' ) ) )
+                    } );
+                }
+                _isInit ? _parent.append( _tpl.clone() ) : _modelTpl.before( _tpl.clone() )
+            }
+        }
+
+        /* 更新fchart */
+        , updateChart: function( _data ) {
+            var _p = this
+                , _model = this._model
+                , _dataStr = JSON.stringify( _data );
+
+            _dataStr = _model.formaterDataStr( _dataStr );//                        _dataStr.replace( /(,|})/g, '\n$1' ).replace( /({)/g, '$1\n' );
+            
+            // console.log( _dataStr );
+            this._model.getJCFlash().update( _data );
+            this.fillChartDataToView( _dataStr );
+        }
+
+        /* 切换textarea 和 form 的展现 */
+        , changeView: function( _target ) {
+            var _Model = FchartDemo.Model
+                , _model = this._model
+                , _selector = _model.selector()
+                , _targetType = _target.attr( _Model.FCHART_TABBAR_CHANGEBTN_FLAG )
+                , _hideView = _selector.find( '.' + _Model.FCHART_CHANGEVIEW_CLASSNAME + '-' + _targetType )
+                , _showView = _hideView.siblings( 'div[class^="' + _Model.FCHART_CHANGEVIEW_CLASSNAME + '"]' );
+
+            _hideView.stop().fadeOut( function(){
+                _showView.fadeIn();
+            } );
+        }
+
+        /* 切换不同图表的form */
+        , changeChartForm: function( _targetindex, _data ) {
+            var _model = this._model
+                , _Model = FchartDemo.Model
+                , _selector = _model.selector()
+                // , _data = _model.getChartData()
+                , _chartForms = _selector.find( '.' + _Model.FCHART_CHANGEVIEW_CLASSNAME + '-' + _Model.FCHART_CHANGEVIEW_FORM_TYPE + ' dl' )
+                , _nowForm = _chartForms.eq( parseInt( _targetindex ) );
+
+            _chartForms.filter( '.' + _Model.NOW_SELECTED_CLASSNAME ).removeClass( _Model.NOW_SELECTED_CLASSNAME );
+            _nowForm.addClass( _Model.NOW_SELECTED_CLASSNAME );
+
+            /* 同步数据 */
+            // console.log( _data );
+            if( _data ){
+                this.initAndFillData( _data, _nowForm );
+                this.updateChart( _data );
+            } else {
+                this.updateChart( _model.getChartData() );
+            }
+        }
+
+        , displayAttr: function( _target ) {
+            var _model = this._model
+                , _Model = FchartDemo.Model
+                , _selector = _model.selector()
+                , _parent = _target.closest( 'div' );
+            if( _target.hasClass( _Model.FCHART_ATTRFLOOR_CLOSE ) ){
+                _target.removeClass( _Model.FCHART_ATTRFLOOR_CLOSE ).addClass( _Model.FCHART_ATTRFLOOR_OPEN );
+                _parent.children( 'div, p' ).stop().slideDown();
+            } else {
+                _target.removeClass( _Model.FCHART_ATTRFLOOR_OPEN ).addClass( _Model.FCHART_ATTRFLOOR_CLOSE );
+                _parent.children( 'div, p' ).stop().slideUp();
+            }
+        }
+
+        , displayAttrCtr: function( _target ) {
+            var _model = this._model
+                , _Model = FchartDemo.Model;
+
+            if( _target.text().indexOf( '关闭' ) >= 0 ) {
+                _target.text( '展开全部属性节点' );
+                _target.closest( '.fchart-nowSelect' ).find( 'a.' + _Model.FCHART_ATTRFLOOR_OPEN ).click();
+            } else {
+                _target.text( '关闭全部属性节点' );
+                _target.closest( '.fchart-nowSelect' ).find( 'a.' + _Model.FCHART_ATTRFLOOR_CLOSE ).click();
+            }
+        }
+    } );
+
+    _jdoc.ready( function() {
+        var _insAr = 0;
+        FchartDemo.autoInit
+            && ( _insAr = FchartDemo.init() );
+    } );
+
+    return JC.FchartDemo;
+});}( typeof define === 'function' && define.amd ? define : 
+        function ( _name, _require, _cb ) { 
+            typeof _name == 'function' && ( _cb = _name );
+            typeof _require == 'function' && ( _cb = _require ); 
+            _cb && _cb(); 
+        }
+        , window
+    )
+);
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/data.js b/modules/JC.FChart/0.1/_demo/all_demo/0.1/data.js
new file mode 100644
index 0000000..6a7a930
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/data.js
@@ -0,0 +1,1562 @@
+
+;(function(define, _win) { 'use strict'; define( 'demoData', [  ], function(){
+
+/*
+* 
+* 数据字典说明：
+* 
+* datatype - 数据标识 与fchart数据设置项名称对应
+* title - 数据展示说明 展示使用
+* view - 数据html展示方式： input | radio 等
+* name - 为view展示方式是radio的数据项提供name属性
+* attr - 属性列表
+* childrenList - 子数据项List
+* valueList - 数据项可选项ist
+* inputType - 数据项接受输入的数据类型 boolean | int | float 默认是string 转换为JSON时需要指明
+* 
+*/
+
+var _demoData = {
+    "chartList":[
+        {
+            "show": false
+            , "name": "base"
+            , "attr": [
+                {
+                    "datatype": "chart"
+                    , "title": "图表类别 & 背景："
+                    , "noIgnor": true
+                    , "tips": "-说明-：控制图表类型和图表背景表现</br>" 
+                            + "-注意-：该属性不能被忽略（缺省），但背景属性可以无值</br>" 
+                            + "-对应属性-：<em class='green'>chart</em>"
+                    , "childrenList": [
+                        null
+                        , {
+                            "datatype": "bgAlpha"
+                            , "title": "背景透明："
+                            , "view": "input"
+                        }
+                        , {
+                            "datatype": "bgColor"
+                            , "title": "背景颜色："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "series"
+                    , "noIgnor": true
+                    , "tips": "-说明-：图表展示的主要数据，可以点击按钮进行新增组，但是每组数据的“数据内容”个数应该跟“横坐标标签数据”个数对应。</br>" 
+                            + "-注意-：该属性不能被忽略（缺省）</br>" 
+                            + "-对应属性-：<em class='green'>series</em>"
+                    , "title": "图表数据："
+                    , "childrenList": [
+                        {
+                            "dataarray": true
+                            , "remoteAdd": true
+                            , "title": "数据组："
+                            , "childrenList": [
+                                {
+                                    "datatype": "name"
+                                    , "title": "数据名称："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "data"
+                                    , "title": "数据内容："
+                                    , "inputtype": "float"
+                                    , "view": "textarea"
+                                    , "defaultFill":"BAR_SERIES"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "yAxis"
+                    , "tips": "-说明-：图表展示的主要数据，每组数据内容个数应该跟“横坐标标签数据”个数对应。</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>yAxis</em>"
+                    , "title": "纵坐标："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "yAxis"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "title"
+                            , "title": "纵坐标标题："
+                            , "childrenList": [
+                                {
+                                    "datatype": "enabled"
+                                    , "title": "显示开关："
+                                    , "view": "radio"
+                                    , "name": "yAxistitle"
+                                    , "inputtype": "boolean"
+                                    , "valueList": [
+                                        {
+                                            "value": "true"
+                                            , "title": "开"
+                                            , "default": true
+                                        }
+                                        , {
+                                            "value": "false"
+                                            , "title": "关"
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "text"
+                                    , "title": "纵坐标副标题文字："
+                                    , "view": "input"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "autoRate"
+                            , "title": "刻度浮动："
+                            , "childrenList": [
+                                {
+                                    "datatype": "enabled"
+                                    , "title": "显示开关："
+                                    , "name": "autoRate"
+                                    , "view": "radio"
+                                    , "inputtype": "boolean"
+                                    , "valueList": [
+                                        {
+                                            "value": "true"
+                                            , "title": "开"
+                                        }
+                                        , {
+                                            "value": "false"
+                                            , "title": "关"
+                                            , "default": true
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "xAxis"
+                    , "title": "横坐标："
+                    , "noIgnor": true
+                    , "tips": "-说明-：图表展示的横向粒度，可以调节粒度表现的展示规则和方式。</br>" 
+                            + "-注意-：如果“横坐标数组（categories）”的数量与“图表数据（series）”中数据组的数据数量不等，则会根据“横坐标数组（categories）”的数量进行显示；</br>" 
+                            + "-对应属性-：<em class='green'>xAxis</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "xAxis"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "wordwrap"
+                            , "title": "横坐标标签自动换行："
+                            , "view": "radio"
+                            , "name": "wordwrap"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "不换行"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "自动"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "categories"
+                            , "title": "横坐标标签数据(数组)："
+                            , "view": "textarea"
+                            , "defaultFill":"BAR_CATEGORIES"
+                        }
+                        , {
+                            "datatype": "display"
+                            , "title": "横坐标显示规则："
+                            , "childrenList": [
+                                {
+                                    "datatype": "enabled"
+                                    , "title": "横坐标全部显示："
+                                    , "view": "radio"
+                                    , "name": "display"
+                                    , "inputtype": "boolean"
+                                    , "valueList": [
+                                        {
+                                            "value": "true"
+                                            , "title": "开"
+                                            , "default": true
+                                        }
+                                        , {
+                                            "value": "false"
+                                            , "title": "关"
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "mod"
+                                    , "title": "横坐标显示规则："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "startIndex"
+                                    , "title": "规则生效的坐标："
+                                    , "view": "input"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "rotation"
+                            , "title": "标签倾斜："
+                            , "childrenList": [
+                                {
+                                    "datatype": "enabled"
+                                    , "title": "显示开关："
+                                    , "view": "radio"
+                                    , "name": "rotation"
+                                    , "inputtype": "boolean"
+                                    , "valueList": [
+                                        {
+                                            "value": "true"
+                                            , "title": "开"
+                                        }
+                                        , {
+                                            "value": "false"
+                                            , "title": "关"
+                                            , "default": true
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "angle"
+                                    , "title": "横坐标旋转角度："
+                                    , "inputtype": "float"
+                                    , "view": "input"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "title"
+                    , "title": "图表主标题："
+                    , "tips": "-说明-：图表主标题，可以设置文字内容</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>title</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "title"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "text"
+                            , "title": "标题文字："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "subtitle"
+                    , "title": "副标题："
+                    , "tips": "-说明-：图表副标题，可以设置文字内容</br>"
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>subtitle</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "subtitle"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "text"
+                            , "title": "标题文字："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "tooltip"
+                    , "title": "气泡标签："
+                    , "tips": "-说明-：显示鼠标hover处的图表节点数据。</br>" 
+                            + "-注意-：气泡标签所使用的标题来自“横坐标（xAxis）”的“标签数据（categories）”；“补充数据”会显示在最后，且数据组数据项个数应该和“横坐标”数据数量对应</br>" 
+                            + "-对应属性-：<em class='green'>tooltip</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "legend"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "headerFormat"
+                            , "title": "标题格式化："
+                            , "view": "input"
+                            , "default": "{0}"
+                        }
+                        , {
+                            "datatype": "pointFormat"
+                            , "title": "数据格式化："
+                            , "view": "input"
+                            , "default": "{0}"
+                        }
+                        , {
+                            "datatype": "afterSerial"
+                            , "title": "补充数据："
+                            , "childrenList": [
+                                {
+                                    "dataarray": true
+                                    , "remoteAdd": true
+                                    , "title": "数据组："
+                                    , "childrenList": [
+                                        {
+                                            "datatype": "name"
+                                            , "title": "补充数据名称："
+                                            , "view": "input"
+                                        }
+                                        , {
+                                            "datatype": "data"
+                                            , "title": "补充数据项："
+                                            , "view": "textarea"
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "legend"
+                    , "title": "图例："
+                    , "tips": "-说明-：图表图例，可以设置图例位置和每个图例的间隔距离</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>legend</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "legend"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "direction"
+                            , "title": "图例位置："
+                            , "view": "radio"
+                            , "name": "direction"
+                            , "valueList": [
+                                {
+                                    "value": "1"
+                                    , "title": "上"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "2"
+                                    , "title": "上右（横向）"
+                                }
+                                , {
+                                    "value": "3"
+                                    , "title": "右上（竖向）"
+                                }
+                                , {
+                                    "value": "4"
+                                    , "title": "右"
+                                }
+                                , {
+                                    "value": "5"
+                                    , "title": "右下（竖向）"
+                                }
+                                , {
+                                    "value": "8"
+                                    , "title": "下右（横向）"
+                                }
+                                , {
+                                    "value": "7"
+                                    , "title": "下（横向）"
+                                }
+                                , {
+                                    "value": "6"
+                                    , "title": "下左（横向）"
+                                }
+                                , {
+                                    "value": "11"
+                                    , "title": "左下（竖向）"
+                                }
+                                , {
+                                    "value": "10"
+                                    , "title": "左（竖向）"
+                                }
+                                , {
+                                    "value": "9"
+                                    , "title": "左上（竖向）"
+                                }
+                                , {
+                                    "value": "0"
+                                    , "title": "上左（横向）"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "interval"
+                            , "title": "图例间隔："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "dataLabels"
+                    , "title": "图表数据显示："
+                    , "tips": "-说明-：图表节点数据标签</br>" 
+                            + "-对应属性-：<em class='green'>dataLabels</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "dataLabels"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "format"
+                            , "title": "格式化："
+                            , "view": "input"
+                            , "default": "{0}"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "hline"
+                    , "title": "图表背景竖线："
+                    , "tips": "-说明-：图表背景竖线</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>hline</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "hline"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "vline"
+                    , "title": "图表背景竖线："
+                    , "tips": "-说明-：图表背景竖线</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>vline</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "vline"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "animation"
+                    , "title": "动画效果："
+                    , "tips": "-说明-：图表动画效果。</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则不会开启动画效果</br>" 
+                            + "-对应属性-：<em class='green'>animation</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "animation"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "duration"
+                            , "title": "动画时间(秒)："
+                            , "view": "input"
+                            , "inputtype": "float"
+                            , "default": 1
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "credits"
+                    , "title": "角标链接："
+                    , "tips": "-说明-：图表角标链接</br>" 
+                            + "-注意-：该属性如果被忽略（缺省），则会使用默认属性</br>" 
+                            + "-对应属性-：<em class='green'>credits</em>"
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "credits"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "text"
+                            , "title": "显示文字："
+                            , "view": "input"
+                            , "default": "fchart.openjavascript.org"
+                        }
+                        , {
+                            "datatype": "duration"
+                            , "title": "点击跳转(URL)："
+                            , "view": "input"
+                            , "default": "http://fchart.openjavascript.org/"
+                        }
+                    ]
+                }
+            ]
+        }
+        , {
+            "name": "柱状图"
+            , "default": true
+            , "extend": "base"
+            , "defaultData": "BAR_DATA"
+            , "attr": [
+                {
+                    "childrenList": [
+                        {
+                            "datatype": "type"
+                            , "title": "展现类型："
+                            , "view": "radio"
+                            , "name": "chart"
+                            , "valueList": [
+                                {
+                                    "value": "bar"
+                                    , "title": "竖向"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "vbar"
+                                    , "title": "横向"
+                                }
+                                , {
+                                    "value": "zbar"
+                                    , "title": "竖向重叠"
+                                }
+                                , {
+                                    "value": "stack"
+                                    , "title": "横向重叠"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "hoverBg"
+                    , "title": "数据选中效果："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "animation"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "style"
+                            , "title": "选中效果："
+                            , "childrenList": [
+                                {
+                                    "datatype": "borderColor"
+                                    , "title": "边框颜色："
+                                    , "view": "input"
+                                    , "default": "0xB4B4B4"
+                                }
+                                , {
+                                    "datatype": "borderWidth"
+                                    , "title": "边框宽度："
+                                    , "inputtype": "float"
+                                    , "view": "input"
+                                    , "default": "2"
+                                }
+                                , {
+                                    "datatype": "bgColor"
+                                    , "title": "背景颜色："
+                                    , "view": "input"
+                                    , "default": "0xF0F0F0"
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        }
+        , {
+            "name": "折线图"
+            , "extend": "base"
+            , "defaultData": "LINE_DATA"
+            , "attr": [
+                {
+                    "childrenList": [
+                        {
+                            "datatype": "type"
+                            , "title": "展现类型："
+                            , "view": "radio"
+                            , "name": "chart"
+                            , "valueList": [
+                                {
+                                    "value": "line"
+                                    , "title": "竖向"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "series"
+                    , "title": "图表数据："
+                    , "childrenList": [
+                        {
+                            "dataarray": true
+                            , "remoteAdd": true
+                            , "title": "数据组："
+                            , "childrenList": [
+                                {
+                                    "datatype": "name"
+                                    , "title": "数据名称："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "data"
+                                    , "title": "数据内容："
+                                    , "inputtype": "float"
+                                    , "view": "textarea"
+                                    , "defaultFill":"BAR_SERIES"
+                                }
+                                , {
+                                    "datatype": "dashStyle"
+                                    , "title": "线段样式："
+                                    , "view": "radio"
+                                    , "name": "dashStyle"
+                                    , "valueList": [
+                                        {
+                                            "value": "Solid"
+                                            , "title": "直线"
+                                            , "default": true
+                                        }
+                                        , {
+                                            "value": "ShortDash"
+                                            , "title": "短虚线"
+                                        }
+                                        , {
+                                            "value": "Dash"
+                                            , "title": "虚线"
+                                        }
+                                        , {
+                                            "value": "LongDash"
+                                            , "title": "长虚线"
+                                        }
+                                        , {
+                                            "value": "ShortDot"
+                                            , "title": "短点线"
+                                        }
+                                        , {
+                                            "value": "Dot"
+                                            , "title": "点线"
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "point"
+                                    , "title": "圆点样式："
+                                    , "childrenList": [
+                                        {
+                                            "datatype": "enabled"
+                                            , "title": "显示开关："
+                                            , "view": "radio"
+                                            , "name": "credits"
+                                            , "inputtype": "boolean"
+                                            , "valueList": [
+                                                {
+                                                    "value": "true"
+                                                    , "title": "开"
+                                                    , "default": true
+                                                }
+                                                , {
+                                                    "value": "false"
+                                                    , "title": "关"
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "group"
+                    , "": ""
+                    , "title": "区域分组："
+                    ,"childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "credits"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "data"
+                            , "title": "分组内容："
+                            , "view": "textarea"
+                        }
+                        , {
+                            "datatype": "background"
+                            , "title": "背景颜色："
+                            , "childrenList": [
+                                {
+                                    "datatype": "colors"
+                                    , "title": "颜色值组："
+                                    , "view": "textarea"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "label"
+                            , "title": "文字样式："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "plotOptions"
+                    , "title": "颜色填充："
+                    , "childrenList": [
+                        {
+                            "datatype": "area"
+                            , "title": "区域设置："
+                            , "childrenList": [
+                                {
+                                    "datatype": "fillColor"
+                                    , "title": "颜色填充："
+                                    , "childrenList": [
+                                        {
+                                            "datatype": "enabled"
+                                            , "title": "显示开关："
+                                            , "view": "radio"
+                                            , "name": "credits"
+                                            , "inputtype": "boolean"
+                                            , "valueList": [
+                                                {
+                                                    "value": "true"
+                                                    , "title": "开"
+                                                }
+                                                , {
+                                                    "value": "false"
+                                                    , "title": "关"
+                                                    , "default": true
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "point"
+                    , "title": "圆点样式："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "credits"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "lineBreak"
+                    , "title": "断点处理："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "credits"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        }
+        , {
+            "name": "扇形图"
+            , "extend": "base"
+            , "defaultData": "PIE_DATA"
+            , "attr": [
+                {
+                    "childrenList": [
+                        {
+                            "datatype": "type"
+                            , "title": "展现类型："
+                            , "view": "radio"
+                            , "name": "chart"
+                            , "valueList": [
+                                {
+                                    "value": "pie"
+                                    , "title": "饼状图"
+                                    , "default": true
+                                }
+                                , {
+                                    "value": "dount"
+                                    , "title": "管状图"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "bgAlpha"
+                            , "title": "背景透明："
+                            , "view": "input"
+                        }
+                        , {
+                            "datatype": "bgColor"
+                            , "title": "背景颜色："
+                            , "view": "input"
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "series"
+                    , "title": "图表数据："
+                    , "childrenList": [
+                        {
+                            "dataarray": true
+                            , "remoteAdd": false
+                            , "title": "数据组："
+                            , "childrenList": [
+                                {
+                                    "datatype": "name"
+                                    , "title": "数据名称："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "data"
+                                    , "title": "数据内容："
+                                    , "childrenList": [
+                                        {
+                                            "dataarray": true
+                                            , "remoteAdd": true
+                                            , "title": "数据组："
+                                            , "childrenList": [
+                                                {
+                                                    "datatype": "name"
+                                                    , "title": "数据名称："
+                                                    , "view": "input"
+                                                }
+                                                , {
+                                                    "datatype": "y"
+                                                    , "inputtype": "float"
+                                                    , "title": "数据内容："
+                                                    , "view": "input"
+                                                }
+                                                , {
+                                                    "datatype": "selected"
+                                                    , "title": "默认选中："
+                                                    , "onlyname": true
+                                                    , "name": "selected"
+                                                    , "view": "radio"
+                                                    , "valueList": [
+                                                        {
+                                                            "value": "true"
+                                                            , "title": "选中"
+                                                        }
+                                                    ]
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "angle"
+                    , "title": "角度设置："
+                    , "childrenList": [
+                        {
+                            "datatype": "offset"
+                            , "title": "开始角度："
+                            , "view": "input"
+                            , "default": 270
+                            , "inputtype": "float"
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "radius"
+                    , "title": "管状图设置："
+                    , "childrenList": [
+                        {
+                            "datatype": "width"
+                            , "title": "管状图形宽度："
+                            , "view": "input"
+                            , "default": 20
+                            , "inputtype": "float"
+                        }
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "innerRadius"
+                    , "title": "内置圆形设置："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "innerRadius"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "thickness"
+                            , "title": "内置圆形宽度："
+                            , "view": "input"
+                            , "inputtype": "float"
+                        }
+
+                    ]
+                }
+                , {
+                    "dataPrivate": true
+                    , "datatype": "totalLabel"
+                    , "title": "总数值标签："
+                    , "childrenList": [
+                        {
+                            "datatype": "enabled"
+                            , "title": "显示开关："
+                            , "view": "radio"
+                            , "name": "innerRadius"
+                            , "inputtype": "boolean"
+                            , "valueList": [
+                                {
+                                    "value": "true"
+                                    , "title": "开"
+                                }
+                                , {
+                                    "value": "false"
+                                    , "title": "关"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "bgStyle"
+                            , "title": "标签背景样式："
+                            , "childrenList": [
+                                {
+                                    "datatype": "color"
+                                    , "title": "背景颜色："
+                                    , "view": "input"
+                                    , "default": "0xff0000"
+                                }
+                                , {
+                                    "datatype": "alpha"
+                                    , "title": "透明程度："
+                                    , "view": "input"
+                                    , "default": "0.1"
+                                }
+                            ]
+                        }
+                        , {
+                            "datatype": "labelStyle"
+                            , "title": "标签文字样式："
+                            , "view": "input"
+                        }
+
+                    ]
+                }
+            ]
+        }
+        , {
+            "name": "混合图表"
+            , "extend": "base"
+            , "defaultData": "MIX_DATA"
+            , "attr": [
+                {
+                    "childrenList": [
+                        {
+                            "datatype": "type"
+                            , "title": "展现类型："
+                            , "view": "radio"
+                            , "name": "chart"
+                            , "valueList": [
+                                {
+                                    "value": "mix"
+                                    , "title": "混合图表"
+                                    , "default": true
+                                }
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "series"
+                    , "title": "图表数据："
+                    , "childrenList": [
+                        {
+                            "dataarray": true
+                            , "remoteAdd": true
+                            , "title": "数据组："
+                            , "childrenList": [
+                                {
+                                    "datatype": "type"
+                                    , "title": "数据模型："
+                                    , "view": "radio"
+                                    , "valueList": [
+                                        {
+                                            "value": "bar"
+                                            , "title": "柱状图"
+                                            , "default": true
+                                        }
+                                        , {
+                                            "value": "stack"
+                                            , "title": "重叠柱状图"
+                                        }
+                                        , {
+                                            "value": "line"
+                                            , "title": "折线图"
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "name"
+                                    , "title": "数据名称："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "yAxis"
+                                    , "title": "纵轴索引："
+                                    , "view": "input"
+                                }
+                                , {
+                                    "datatype": "data"
+                                    , "title": "数据内容："
+                                    , "inputtype": "float"
+                                    , "view": "textarea"
+                                }
+
+                            ]
+                        }
+                    ]
+                }
+                , {
+                    "datatype": "yAxis"
+                    , "title": "纵坐标："
+                    , "childrenList": [
+                        {
+                            "dataarray": true
+                            , "remoteAdd": true
+                            , "title": "数据组："
+                            , "childrenList": [
+                                {
+                                    "datatype": "opposite"
+                                    , "title": "显示位置："
+                                    , "view": "radio"
+                                    , "name": "opposite"
+                                    , "inputtype": "boolean"
+                                    , "valueList": [
+                                        {
+                                            "value": "true"
+                                            , "title": "右侧显示"
+                                        }
+                                        , {
+                                            "value": "false"
+                                            , "title": "左侧显示"
+                                            , "default": true
+                                        }
+                                    ]
+                                }
+                                , {
+                                    "datatype": "title"
+                                    , "title": "纵坐标标题："
+                                    , "childrenList": [
+                                        {
+                                            "datatype": "text"
+                                            , "title": "纵坐标标题文字："
+                                            , "view": "input"
+                                        }
+                                        , {
+                                            "datatype": "autoRate"
+                                            , "title": "纵坐标取值规则："
+                                            , "childrenList": [
+                                                {
+                                                    "datatype": "enabled"
+                                                    , "title": "显示开关："
+                                                    , "view": "radio"
+                                                    , "name": "enabled"
+                                                    , "inputtype": "boolean"
+                                                    , "valueList": [
+                                                        {
+                                                            "value": "true"
+                                                            , "title": "开"
+                                                        }
+                                                        , {
+                                                            "value": "false"
+                                                            , "title": "关"
+                                                            , "default": true
+                                                        }
+                                                    ]
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }, null, null
+                    ]
+                }
+            ]
+        }
+    ]
+    , "defaultFill": {
+        "BAR_DATA" : {
+            "chart": {
+                "type": "bar", 
+                "bgAlpha": "0", 
+                "bgColor": "0xff0000"
+            }, 
+            "title": {
+                "text": "Chart Title"
+            }, 
+            "subtitle": {
+                "text": "Chart Subtitle"
+            }, 
+            "xAxis": {
+                "categories": [ "111111", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "122222" ]
+            }, 
+            "yAxis": {
+                "title": {
+                    "enabled": true, 
+                    "text": "(Vertical Title - 中文)"
+                }
+            }, 
+            "series": [
+                {
+                    "name": "Temperature", 
+                    "data": [ 10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5 ]
+                }, 
+                {
+                    "name": "Rainfall", 
+                    "data": [ 20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10 ]
+                }
+            ], 
+            "credits": {
+                "enabled": true, 
+                "text": "fchart.openjavascript.org", 
+                "href": "http://fchart.openjavascript.org/"
+            }, 
+            "dataLabels": {
+                "enabled": true
+            }, 
+            "animation": {
+                "enabled": true, 
+                "duration": 0.75
+            }, 
+            "legend": {
+                "enabled": true, 
+                "direction": "7", 
+                "interval": 10
+            }
+        }
+        , "LINE_DATA" : {
+            "chart": {
+                "type": "line", 
+                "bgAlpha": "0", 
+                "bgColor": "0xff0000"
+            }, 
+            "title": {
+                "text": "Chart Title"
+            }, 
+            "subtitle": {
+                "text": "Chart Subtitle"
+            }, 
+            "xAxis": {
+                "categories": [ "111111", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "122222" ]
+            }, 
+            "yAxis": {
+                "title": {
+                    "enabled": true, 
+                    "text": "(Vertical Title - 中文)"
+                }
+            }, 
+            "series": [
+                {
+                    "name": "Temperature", 
+                    "data": [ 10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5 ]
+                }, 
+                {
+                    "name": "Rainfall", 
+                    "data": [ 20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10 ]
+                }
+            ], 
+            "credits": {
+                "enabled": true, 
+                "text": "fchart.openjavascript.org", 
+                "href": "http://fchart.openjavascript.org/"
+            }, 
+            "dataLabels": {
+                "enabled": true
+            }, 
+            "animation": {
+                "enabled": true, 
+                "duration": 0.75
+            }, 
+            "legend": {
+                "enabled": true, 
+                "direction": "7", 
+                "interval": 10
+            }
+        }
+        , "PIE_DATA" : {
+            "chart": {
+                "type": "pie"
+            }, 
+            "title": {
+                "text": "浏览器使用份额"
+            }, 
+            "subtitle": {
+                "text": "for PC"
+            }, 
+            "series": [
+                {
+                    "name": "Browser share", 
+                    "data": [
+                        { "name": "Firefox", "y": 45 }, 
+                        { "name": "IE", "y": 26.8 }, 
+                        { "name": "Chrome", "y": 12.8, "selected": true }, 
+                        { "name": "Safari", "y": 8.5 }, 
+                        { "name": "Opera", "y": 6.2 }, 
+                        { "name": "Others", "y": 0.7 }
+                    ]
+                }
+            ] 
+            , "angle": {
+                "offset": 270
+            }
+            , "animation": {
+                "enabled": true
+            }
+        }
+        , "MIX_DATA" : {
+            "chart": {
+                "type": "mix"
+            }, 
+            "title": {
+                "text": "日趋势"
+            }, 
+            "subtitle": {
+                "text": "日趋势 subtitle"
+            }, 
+            "xAxis": {
+                "categories": [ "2014-11-17", "2014-11-18", "2014-11-19", "2014-11-20", "2014-11-21" ], 
+                "displayAll": {
+                    "enabled": true
+                }
+            }, 
+            "yAxis": [
+                {
+                    "title": {
+                        "text": "test vtitle", 
+                        "enabled": 1
+                    }
+                }, 
+                {
+                    "autoRate": {
+                        "enabled": true
+                    }, 
+                    "title": {
+                        "text": "test vtitle 1", 
+                        "enabled": 1
+                    }
+                }, 
+                {
+                    "opposite": true, 
+                    "title": {
+                        "text": "test vtitle 2", 
+                        "enabled": 1
+                    }
+                }, 
+                {
+                    "opposite": true, 
+                    "autoRate": {
+                        "enabled": true, 
+                        "rateUp": 0, 
+                        "maxOffset": 0.1, 
+                        "minOffset": 0.1
+                    }, 
+                    "title": {
+                        "text": "test vtitle 3", 
+                        "enabled": 1
+                    }
+                }
+            ], 
+            "animation": {
+                "enabled": true
+            }, 
+            "series": [
+                {
+                    "type": "bar", 
+                    "name": "MG名爵", 
+                    "yAxis": 0, 
+                    "data": [ 4039, 2828, 1567, 5531, 3544 ], 
+                    "style": {
+                        "stroke": "#ff7100"
+                    }
+                }, 
+                {
+                    "type": "bar", 
+                    "name": "MG名爵1", 
+                    "yAxis": 1, 
+                    "data": [ 5039, 3828, 2567, 6531, 4544 ], 
+                    "style": {
+                        "stroke": "#ff7100"
+                    }
+                }, 
+                {
+                    "type": "line", 
+                    "name": "北汽", 
+                    "yAxis": 2, 
+                    "data": [ 81018, 80207, 84018, 85313, 84018 ], 
+                    "style": {
+                        "stroke": "#ff7100"
+                    }, 
+                    "pointStyle": { }
+                }, 
+                {
+                    "type": "line", 
+                    "name": "北汽1", 
+                    "yAxis": 3, 
+                    "data": [ 34018, 41018, 40207, 34018, 25313 ], 
+                    "style": {
+                        "stroke": "#ff7100"
+                    }, 
+                    "pointStyle": { }
+                }
+            ], 
+            "legend": {
+                "enabled": true, 
+                "direction": "TOP_RIGHT", 
+                "margin": {
+                    "bottom": 0, 
+                    "y": -5
+                }
+            }
+        }
+    }
+}
+    return _demoData;
+});}( typeof define === 'function' && define.amd ? define : 
+        function ( _name, _require, _cb ) { 
+            typeof _name == 'function' && ( _cb = _name );
+            typeof _require == 'function' && ( _cb = _require ); 
+            _cb && _cb(); 
+        }
+        , window
+    )
+);
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/index.php b/modules/JC.FChart/0.1/_demo/all_demo/0.1/index.php
new file mode 100644
index 0000000..1fb874b
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/img/icon-1.png b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/img/icon-1.png
new file mode 100644
index 0000000..07e5880
Binary files /dev/null and b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/img/icon-1.png differ
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/style.css b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/style.css
new file mode 100644
index 0000000..9d06d7f
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/default/style.css
@@ -0,0 +1,299 @@
+/* common */
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, div, input, textarea, select, optgroup, option, p, blockquote, th, td { margin: 0; padding: 0 }
+table { border-collapse: collapse; border-spacing: 0 }
+fieldset, img { border: 0 }
+address, caption, cite, code, dfn, em, i, th, var, optgroup { font-style: normal; font-weight: 400 }
+ol, ul { list-style: none }
+caption, th { text-align: left }
+h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
+abbr, acronym { border: 0; font-variant: normal }
+sup { vertical-align: text-top }
+sub { vertical-align: text-bottom }
+input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
+input, button, textarea, select {
+*font-size:100%; line-height: 1.2 }
+input, textarea, select { outline: 0 }
+div { color: #000 }
+q:before, q:after { content: '' }
+
+body { font:12px/1.5 Tahoma,Helvetica,Arial,'Microsoft YaHei',sans-serif; color: #333 }
+a { text-decoration: none; color: #0C76C4 }
+a:hover { color: #e63737 }
+input::-ms-clear { display:none; }
+input:focus { outline: 0 }
+
+/* page */
+.clearfix { *zoom:1 }
+.clearfix:after { display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "" }
+
+    .js_compFchartDemo {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 500px;
+        background: #ccc;
+    }
+
+    .fchart-controlbar {
+    	position: absolute;
+    	top: 50%;
+    	left: -20px;
+    	width: 20px;
+    	height: 80px;
+    	margin-top: -40px;
+    	background: #f00;
+
+    }
+
+    .fchart-tabBar {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 34px;
+        line-height: 34px;
+        width: 100%;
+        background: #ddd;
+    }
+
+    .fchart-tabItem-wrapper {
+        float: left;
+        margin-left: 28px;
+    }
+
+    .fchart-tabBar a {
+        float: left;
+        position: relative;
+        display: block;
+        width: 68px;
+        text-align: center;
+        color: #666;
+    }
+
+    .fchart-tabBar .fchart-targetBtn-selected {
+        background: #272822;
+        color: #ddd;
+    }
+
+    .fchart-tabBar-changeBtn {
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+
+    .fchart-tabBar-changeBtn a {
+        display: none;
+    }
+
+    .fchart-tabBar-changeBtn .fchart-changeBtn-selected {
+        display: block;
+        width: 100px;
+        background: #272822;
+        color: #ddd;
+    }
+
+    .fchart-chartview {
+        margin-top: 34px;
+        height: 450px;
+        overflow-x: hidden;
+    }
+
+    .fchart-fl2 {
+        position: relative;
+    }
+
+    .fchart-fl2 > div, .fchart-fl2 > p {
+    	display: none;
+    }
+
+    .fchart-fl2 h2 span {
+    	float: left;
+    	cursor: pointer;
+    }
+
+    .fchart-attrfloor-help
+    , .fchart-attrfloor-forbide
+    , .fchart-attrfloor-use {
+    	float: left;
+    	width: 20px;
+    	height: 24px;
+    	line-height: 24px;
+    	overflow: hidden;
+    	margin-left: 10px;
+    	font-size: 14px;
+    	background: url( img/icon-1.png ) no-repeat;
+    }
+
+    .fchart-attrfloor-forbide
+    , .fchart-attrfloor-use {
+    	text-indent: 20px;
+    	width: 90px;
+    	white-space: nowrap;
+    }
+
+    .fchart-attrfloor-help {
+    	position: relative;
+    	background-position: 2px -59px;
+    }
+
+    .fchart-attrfloor-forbide {
+    	background-position: 2px -80px;
+    	color: #09C100;
+    }
+
+    .fchart-attrfloor-use {
+    	background-position: 2px -38px;
+    	color: #e63737;
+    	display: none;
+    }
+
+    .fchart-attrfloor-ignor .fchart-attrfloor-forbide {
+    	display: none;
+    }
+
+    .fchart-attrfloor-ignor .fchart-attrfloor-use {
+    	display: inline;
+    }
+
+    .fchart-attrfloor-ctrl {
+    	margin-left: 20px;
+    	font-size: 14px;
+    }
+
+    .fchart-attrfloor-btn {
+        position: absolute;
+        top: 4px;
+        left: -18px;
+        width: 18px;
+        height: 18px;
+        background: #f00;
+        background: url( img/icon-1.png ) no-repeat;
+    }
+
+    .fchart-attrfloor-open {
+    	background-position: 0px 1px;
+    }
+
+    .fchart-attrfloor-close {
+    	background-position: 0px -20px;
+    }
+
+    .js_compFchartDemo h1 {
+        font-size: 18px;
+    }
+
+    .js_compFchartDemo h2 {
+        font-size: 16px;
+    }
+
+    .js_compFchartDemo h3 {
+        font-size: 14px;
+    }
+
+    .fchart-changeview-form {
+        height: 100%;
+    }
+
+    .fchart-changeview-code {
+        overflow: hidden;
+    }
+
+    .fchart-changeview-code textarea {
+        height: 420px;
+        width: 96%;
+        margin: 1px;
+        padding: 10px;
+        border: none;
+        font-size: 14px;
+        letter-spacing: 0.1px;
+        resize:none;
+    }
+
+    .js_compFchartDemo dl {
+        padding: 5px 10px;
+        display: none;
+    }
+
+    .fchart-nowSelect div {
+        margin-left: 20px;
+        margin-bottom: 10px;
+    }
+
+    .js_compFchartDemo .fchart-nowSelect {
+        display: block;
+    }
+
+    .fchart-nowSelect textarea {
+        display: block;
+        width: 90%;
+        height: 50px;
+        padding: 5px;
+        resize:none;
+    }
+
+    .js_compFchartDemo label {
+        padding-right: 5px;
+    }
+
+    .js_compFchartDemo input[type="text"] {
+        width: 200px;
+    }
+
+    .fchart-remotedata {
+        width: 90%;
+        background: #aaa;
+        padding: 5px;
+        margin-bottom: 10px;
+    }
+
+    .fchart-dataarray-control {
+        line-height: 30px;
+        text-align: right;
+        width: 90%;
+        font-size: 14px;
+        color: #46b51d !important;
+    }
+
+    .fchart-dataarray-addbtn {
+
+    }
+
+    .fchart-changeview-code {
+        display: none;
+    }
+
+    div.UTips, div.UTips *{
+	    padding: 0px;
+	    margin: 0px;
+	    font: 14px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
+	}
+
+	div.UTips{    
+	    position: absolute; 
+	    border: 1px solid rgb(255, 204, 0); 
+	    padding: 5px; 
+	    background-color: rgb(93, 81, 71); 
+	    line-height: 22px; 
+	    color: white; 
+	    z-index: 30000; 
+	    display: none;
+	    word-wrap: break-word;
+	    word-break: break-all;
+	    opacity: 0.9; 
+	    filters: alpha(opacity=90);
+	}
+
+	em.red {
+		color: #e63737;
+	}
+
+	em.yellow {
+		color: #FFBF01;
+	}
+
+	em.green {
+		color: #A6E22E;
+	}
+
+	em.blue {
+		color: #66D9EF;
+	}
\ No newline at end of file
diff --git a/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/index.php b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/index.php
new file mode 100644
index 0000000..dabaae9
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/all_demo/0.1/res/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/zbar/index.php b/modules/JC.FChart/0.1/_demo/all_demo/index.php
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/zbar/index.php
rename to modules/JC.FChart/0.1/_demo/all_demo/index.php
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.abbrNumber.html b/modules/JC.FChart/0.1/_demo/bar/demo.abbrNumber.html
new file mode 100644
index 0000000..dfb96aa
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.abbrNumber.html
@@ -0,0 +1,384 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+                    , abbrNumber: {
+                        "enabled": true
+                    }
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+                        , abbrNumber: {
+                            "enabled": true
+                            , "9": 0
+                            , "5": 0
+                        }
+
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+                    , abbrNumber: {
+                        "enabled": true
+                        , "precision": 4
+                    }
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.autoRate.html b/modules/JC.FChart/0.1/_demo/bar/demo.autoRate.html
new file mode 100644
index 0000000..c88fbb7
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.autoRate.html
@@ -0,0 +1,453 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "bar"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": true
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                            , bgColor: 0xffffff
+                        }, 
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ "升级", "降级", "不变" ]
+                        }, 
+                        yAxis: {
+                            format: '{0}'
+                            , "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: '销售一部'
+                            , data: [ 9, 20, 30 ]
+                            , format: '{0}'
+                        }
+                            , {
+                                name: '销售二部'
+                                , data: [ 10, 10, 10 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售三部'
+                                , data: [ 5, 5, 30 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售四部'
+                                , data: [ 8, 12, 32 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售五部'
+                                , data: [ 7, 9, 12]
+                                , format: '{0}'
+                            }
+                        ],
+                        credits: {
+                            enabled: false
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                            , interval: 20
+                            , direction: 'TOP_CENTER'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        },
+                        vbar: {
+                            enabled: false
+                        },         
+                        plotOptions: {
+                            bar: {
+                                dashStyle: 'ShortDash'
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                {
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+                        , "autoRate": {
+                            "enabled": true
+                            , "deep": 2
+                        }
+					},
+					"hbar":
+					{
+						"enabled": true
+					}, 
+					"vbar":
+					{
+						"enabled": false
+					}, 
+					"vsidebar":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+                        "bgColor": 16777215,
+                        "type": "bar"
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						bar: {
+							dashStyle: 'LongDash'
+						}
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.dataLabel.html b/modules/JC.FChart/0.1/_demo/bar/demo.dataLabel.html
index e48313f..bb8bcaa 100644
--- a/modules/JC.FChart/0.1/_demo/bar/demo.dataLabel.html
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.dataLabel.html
@@ -96,6 +96,7 @@ <h2>JC.FChart - bar chart 示例</h2>
                         "tooltip":
                         {
                             "enabled": true
+                            , "type": "simple"
                         }, 
                         "hline":
                         {
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.displayAll.mod.html b/modules/JC.FChart/0.1/_demo/bar/demo.displayAll.mod.html
new file mode 100644
index 0000000..d6d1c10
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.displayAll.mod.html
@@ -0,0 +1,528 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 0, mod = 7</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 1, mod = 3</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 3
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.double.line.html b/modules/JC.FChart/0.1/_demo/bar/demo.double.line.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.double.line.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.double.line.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.double.line.percent.html b/modules/JC.FChart/0.1/_demo/bar/demo.double.line.percent.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.double.line.percent.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.double.line.percent.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.itemBg.html b/modules/JC.FChart/0.1/_demo/bar/demo.itemBg.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.itemBg.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.itemBg.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/bar/demo.labelRotation.html
new file mode 100644
index 0000000..2587a48
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.labelRotation.html
@@ -0,0 +1,1030 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111111111111111111111111111111111123",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999456",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle":50
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "bar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/bar/demo.legendUpdate.html
new file mode 100644
index 0000000..94f9975
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.legendUpdate.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Temperature</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_rate.html b/modules/JC.FChart/0.1/_demo/bar/demo.no_rate.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_rate.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.no_rate.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_vline.html b/modules/JC.FChart/0.1/_demo/bar/demo.no_vline.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_vline.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.no_vline.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_vline_hline.html b/modules/JC.FChart/0.1/_demo/bar/demo.no_vline_hline.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.no_vline_hline.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.no_vline_hline.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.Histogram.html b/modules/JC.FChart/0.1/_demo/bar/demo.normal.html
similarity index 100%
rename from modules/JC.FChart/0.1/_demo/bar/demo.Histogram.html
rename to modules/JC.FChart/0.1/_demo/bar/demo.normal.html
diff --git a/modules/JC.FChart/0.1/_demo/bar/demo.update.html b/modules/JC.FChart/0.1/_demo/bar/demo.update.html
new file mode 100644
index 0000000..f1146e2
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/bar/demo.update.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        Histogram Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "subtitle": { }, 
+        "xAxis": {
+            "categories": [
+                "A级客户", 
+                "B级客户", 
+                "C级客户", 
+                "D级客户"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    20, 
+                    30, 
+                    40, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    20, 
+                    35, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    30, 
+                    20, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    12, 
+                    32, 
+                    13, 
+                    23
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    9, 
+                    12, 
+                    31, 
+                    23
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        Histogram Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "test title 中文"
+        }, 
+        "subtitle": {
+            "text": "test subtitle 中文"
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "vtitle 中文"
+            }
+        }, 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "xAxis": {
+            "categories": [
+                2111111111111, 
+                2, 
+                3, 
+                4, 
+                5, 
+                6, 
+                7, 
+                8, 
+                999999999999
+            ], 
+            "tipTitlePostfix": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    -50, 
+                    -1, 
+                    -3, 
+                    10.01, 
+                    -20, 
+                    -27, 
+                    -28, 
+                    -32, 
+                    -30
+                ]
+            }, 
+            {
+                "name": "Rainfall1", 
+                "data": [
+                    -20.1, 
+                    -21, 
+                    50, 
+                    100, 
+                    -10, 
+                    -210, 
+                    -220, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall2", 
+                "data": [
+                    -30, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -20, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall3", 
+                "data": [
+                    -40, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -120, 
+                    -100, 
+                    -20
+                ]
+            }
+        ], 
+        "legend": {
+            "enabled": true
+        }, 
+        "displayAllLabel": false
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/column/demo.html b/modules/JC.FChart/0.1/_demo/column/demo.html
new file mode 100644
index 0000000..6703c90
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/column/demo.html
@@ -0,0 +1,247 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - column chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'column' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ] 
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800 ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_CENTER'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: false
+                    },
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "A级客户", "B级客户", "C级客户", "D级客户" ]
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 20, 30, 40, 50 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 20, 35, 50 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 30, 20, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 12, 32, 13, 23 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 9, 12, 31, 23]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/column/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/column/demo.labelRotation.html
new file mode 100644
index 0000000..3bb4550
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/column/demo.labelRotation.html
@@ -0,0 +1,576 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - column chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": {
+                            "enabled": true
+                            , "angle": 0
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": {
+                            "enabled": true
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": {
+                            "enabled": true
+                            , "angle": -90
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": { 
+                            "enabled": true
+                            , "angle": 90
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": {
+                            "enabled": true
+                            , "angle": 45
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部四四四四四四四四四四四四四四四四四四四四四四四四四四四'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    
+                {
+                    chart: {
+                        type: 'column' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                        , "autoRate": {
+                            enabled: true
+                        }
+                        , "rotation": {
+                            "enabled": true
+                        }
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_RIGHT'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: true
+                    },         
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/column/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/column/demo.legendUpdate.html
new file mode 100644
index 0000000..7e99a87
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/column/demo.legendUpdate.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - column chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />iphone</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />samsung</label>
+                <label><input type="checkbox" data-index="2" checked="checked" />huawei</label>
+                <label><input type="checkbox" data-index="3" checked="checked" />mi</label>
+                <label><input type="checkbox" data-index="4" checked="checked" />meizu</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'column' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ] 
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800 ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/zbar/demo.simple.html b/modules/JC.FChart/0.1/_demo/column/demo.simple.html
similarity index 86%
rename from modules/JC.FChart/0.1/_demo/zbar/demo.simple.html
rename to modules/JC.FChart/0.1/_demo/column/demo.simple.html
index 9df1913..ebae7db 100644
--- a/modules/JC.FChart/0.1/_demo/zbar/demo.simple.html
+++ b/modules/JC.FChart/0.1/_demo/column/demo.simple.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - zbar chart 示例</h2>
+    <h2>JC.FChart - column chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
@@ -38,12 +38,12 @@ <h2>JC.FChart - zbar chart 示例</h2>
                 <script type="text/template">
                     {
                         chart: {
-                            type: 'zbar' 
+                            type: 'column' 
                         }, 
                         subtitle: {
                         }, 
                         xAxis: {
-                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
                         }, 
                         yAxis: {
                             format: '{0}'
@@ -55,12 +55,10 @@ <h2>JC.FChart - zbar chart 示例</h2>
                         series:[{
                             name: 'Phone'
                             , data: [ 27000, 23600, 16200, 14100, 8400 ]
-                            , label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
                             , format: '{0}台 占{1}%'
                         }, {
                             name: 'Computer',
-                            data: [19170, 32060, 13600, 7000, 14800, 21800 ]
-                            , label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", "ThinkPad" ]
+                            data: [19170, 32060, 13600, 7000, 14800 ]
                             , format: '{0}台 约占{1}%'
                         }],
                         credits: {
diff --git a/modules/JC.FChart/0.1/_demo/column/demo.update.html b/modules/JC.FChart/0.1/_demo/column/demo.update.html
new file mode 100644
index 0000000..18f7e2b
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/column/demo.update.html
@@ -0,0 +1,323 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - column chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'column' 
+                        },
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            //, label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800, ]
+                            //, label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: false
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                            column Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {   
+        "xAxis": {
+            "categories": [
+                "升级", 
+                "降级", 
+                "不变"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    9, 
+                    20, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    10, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    5, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    8, 
+                    12, 
+                    32
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    7, 
+                    9, 
+                    12
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true, 
+            "interval": 20, 
+            "direction": "TOP_CENTER"
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }, 
+        "vline": {
+            "enabled": false
+        }, 
+        "dataLabels": {
+            "enabled": true
+        }, 
+        "plotOptions": {
+            "line": {
+                "dashStyle": "ShortDash"
+            }
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        column Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "Chart Title"
+        }, 
+        "subtitle": {
+            "text": "sub title"
+        }, 
+        "xAxis": {
+            "categories": [
+                "1", 
+                "2", 
+                "3", 
+                "4", 
+                "5", 
+                "6", 
+                "7", 
+                "8", 
+                "9", 
+                "10", 
+                "11", 
+                "12"
+            ]
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "(Vertical Title - 中文)"
+            }, 
+            "format": "{0}%"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    1, 
+                    2, 
+                    4, 
+                    8, 
+                    8, 
+                    33, 
+                    60, 
+                    0, 
+                    50.33, 
+                    66, 
+                    77, 
+                    88
+                ], 
+                "style": {
+                    "stroke": "#ff7100"
+                }, 
+                "pointStyle": { }
+            }, 
+            {
+                "name": "Rainfall", 
+                "data": [
+                    1.01, 
+                    44, 
+                    3, 
+                    55, 
+                    3, 
+                    5, 
+                    83, 
+                    1, 
+                    33, 
+                    55, 
+                    44, 
+                    33
+                ]
+            }
+        ], 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": false
+        }, 
+        "isPercent": true
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/column/index.php b/modules/JC.FChart/0.1/_demo/column/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/column/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/dount/demo.animation.html b/modules/JC.FChart/0.1/_demo/dount/demo.animation.html
new file mode 100644
index 0000000..39aeeeb
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/dount/demo.animation.html
@@ -0,0 +1,364 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - dount chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: true
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 0
+                        , plotOptions: {
+                            dount: {
+                                dataLabels: {
+                                    enabled: false
+                                }
+                            }
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 90
+                        , dataLabels: {
+                            enabled: false
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 180
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  100]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/dount/demo.dataLabels.html b/modules/JC.FChart/0.1/_demo/dount/demo.dataLabels.html
new file mode 100644
index 0000000..f53ce46
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/dount/demo.dataLabels.html
@@ -0,0 +1,265 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - dount chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: true
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                        , dataLabels: {
+                            format: "~{0}~"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            format: "{0}, {1}"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            format: "{0}, {1}, {2}%"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            enabled: true
+                        }
+                        , totalLabel: {
+                            enabled: true
+                            , bgStyle: {
+                                color: 0xffffff
+                            }
+                            , format: "{0}~"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/dount/demo.innerRadius.html b/modules/JC.FChart/0.1/_demo/dount/demo.innerRadius.html
new file mode 100644
index 0000000..77e4685
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/dount/demo.innerRadius.html
@@ -0,0 +1,384 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - dount chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+                    "chart":
+                    {
+                        "type": "dount",
+                        "bgColor": 16777215, 
+                        "bgAlpha": 1
+                        , "graphic": {
+                            bgColor: 0xffffff
+                            , borderColor: 0xffffff
+                        }
+                    }, 
+                    xAxis: {
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        }
+                        , subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }
+                    },
+                    yAxis: {
+                        title: {
+                            text: '中文 vtitle'
+                            , enabled: false
+                        }
+                    },
+                    series:[{
+                        name: 'Browser share',
+                        data: [
+                            ['Firefox',   45.0],
+                            ['IE',       26.8],
+                            {
+                                name: 'Chrome',
+                                y: 12.8,
+                                selected: true
+                            },
+                            ['Safari',    8.5],
+                            ['Opera',     6.2],
+                            ['Others',   0.7]
+                        ]
+                    }]
+                    , 
+                    dataLabels: {
+                        enabled: true
+                        , line: {
+                            start: 0
+                            , length: 40
+                        }
+                    }					
+                    , "legend": {
+                        //					"enabled": false
+                        //					, "direction": "MIDDLE_RIGHT"
+                    }
+                    , "tooltip": {
+                        "enabled": true
+                    }
+                    , "animation": {
+                        "enabled": true
+                        , "duration": 1
+                    }
+                    , "radius": {
+                        "width": 20
+                        , "space": 2
+                    }
+                    , innerRadius: {
+                        "enabled": true
+                        , "thickness": 2
+                    }
+                    , selectable: {
+    //					"enabled": false
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+                    "chart":
+                    {
+                        "type": "dount",
+                        "bgColor": 16777215, 
+                        "bgAlpha": 1
+                        , "graphic": {
+                            bgColor: 0xffffff
+                            , borderColor: 0xffffff
+                        }
+                    }, 
+                    xAxis: {
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        }
+                        , subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }
+                    },
+                    yAxis: {
+                        title: {
+                            text: '中文 vtitle'
+                            , enabled: false
+                        }
+                    },
+                    series:[{
+                        name: 'Browser share',
+                        data: [
+                            ['Firefox',   45.0],
+                            ['IE',       26.8],
+                            {
+                                name: 'Chrome',
+                                y: 12.8,
+                                selected: true
+                            },
+                            ['Safari',    8.5],
+                            ['Opera',     6.2],
+                            ['Others',   0.7]
+                        ]
+                    }]
+                    , 
+                    dataLabels: {
+                        enabled: false
+                        , line: {
+                            start: 0
+                            , length: 40
+                        }
+                    }					
+                    , "legend": {
+                        //					"enabled": false
+                        //					, "direction": "MIDDLE_RIGHT"
+                    }
+                    , "tooltip": {
+                        "enabled": true
+                    }
+                    , "animation": {
+                        //					"enabled": true
+                        //					, "duration": 1
+                    }
+                    , "radius": {
+                        "width": 20
+                    }
+                    , innerRadius: {
+                        "enabled": true
+                        //					, "thickness": 2
+                    }
+                    , selectable: {
+    //					"enabled": false
+                    }
+                    , angle: {
+                        offset: 270
+                        , margin: .6
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+                    "chart":
+                    {
+                        "type": "dount",
+                        "bgColor": 16777215, 
+                        "bgAlpha": 1
+                        , "graphic": {
+                            bgColor: 0xffffff
+                            , borderColor: 0xffffff
+                        }
+                    }, 
+                    xAxis: {
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        }
+                        , subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }
+                    },
+                    yAxis: {
+                        title: {
+                            text: '中文 vtitle'
+                            , enabled: false
+                        }
+                    },
+                    series:[{
+                        name: 'Browser share',
+                        data: [
+                            ['Firefox',   45.0],
+                            ['IE',       26.8],
+                            {
+                                name: 'Chrome',
+                                y: 12.8,
+                                selected: true
+                            },
+                            ['Safari',    8.5],
+                            ['Opera',     6.2],
+                            ['Others',   0.7]
+                        ]
+                    }]
+                    , 
+                    dataLabels: {
+                        enabled: true
+                        , line: {
+                            start: 0
+                            , length: 40
+                        }
+                    }					
+                    , "legend": {
+                        //					"enabled": false
+                        //					, "direction": "MIDDLE_RIGHT"
+                    }
+                    , "tooltip": {
+                        "enabled": true
+                    }
+                    , "animation": {
+                        "enabled": true
+                        , "duration": 1
+                    }
+                    , "radius": {
+                        "width": 20
+                    }
+                    , innerRadius: {
+                        "enabled": true
+    //					, "thickness": 2
+                    }
+                    , selectable: {
+                        "enabled": false
+                    }
+                    , angle: {
+                        offset: 270
+                        , margin: .6
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+                    "chart":
+                    {
+                        "type": "dount",
+                        "bgColor": 16777215, 
+                        "bgAlpha": 1
+                        , "graphic": {
+                            bgColor: 0xffffff
+                            , borderColor: 0xffffff
+                        }
+                    }, 
+                    xAxis: {
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        }
+                        , subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }
+                    },
+                    yAxis: {
+                        title: {
+                            text: '中文 vtitle'
+                            , enabled: false
+                        }
+                    },
+                    series:[{
+                        name: 'Browser share',
+                        data: [
+                            ['Firefox',   45.0],
+                            ['IE',       26.8],
+                            {
+                                name: 'Chrome',
+                                y: 12.8,
+                                selected: true
+                            },
+                            ['Safari',    8.5],
+                            ['Opera',     6.2],
+                            ['Others',   0.7]
+                        ]
+                    }]
+                    , 
+                    dataLabels: {
+                        enabled: true
+                        , line: {
+                            start: 0
+                            , length: 40
+                        }
+                    }					
+                    , "legend": {
+                        //					"enabled": false
+                        //					, "direction": "MIDDLE_RIGHT"
+                    }
+                    , "tooltip": {
+                        "enabled": true
+                    }
+                    , "animation": {
+                        "enabled": true
+                        , "duration": 1
+                    }
+                    , "radius": {
+                        "width": 50
+                        , "space": 2
+                    }
+                    , innerRadius: {
+                        "enabled": true
+                        , "thickness": 2
+                    }
+                    , selectable: {
+    //					"enabled": false
+                    }
+                    , angle: {
+                        margin: .6
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/dount/demo.simple.html b/modules/JC.FChart/0.1/_demo/dount/demo.simple.html
new file mode 100644
index 0000000..231b988
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/dount/demo.simple.html
@@ -0,0 +1,342 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - dount chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 0
+                        , plotOptions: {
+                            dount: {
+                                dataLabels: {
+                                    enabled: false
+                                }
+                            }
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 90
+                        , dataLabels: {
+                            enabled: false
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 180
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  100]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "dount",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/dount/demo.update.html b/modules/JC.FChart/0.1/_demo/dount/demo.update.html
new file mode 100644
index 0000000..8db7aa5
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/dount/demo.update.html
@@ -0,0 +1,176 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - dount chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="600"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'dount' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        dount data update
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "chart": {
+            "type": "dount"
+        }, 
+        "title": {
+            "text": "浏览器使用份额"
+        }, 
+        "subtitle": {
+            "text": "for PC"
+        }, 
+        "series": [
+            {
+                "name": "Browser share", 
+                "data": [
+                    [
+                        "Firefox", 
+                        45
+                    ], 
+                    [
+                        "IE", 
+                        26.8
+                    ], 
+                    {
+                        "name": "Chrome", 
+                        "y": 12.8, 
+                        "selected": true
+                    }, 
+                    [
+                        "Safari", 
+                        8.5
+                    ], 
+                    [
+                        "Opera", 
+                        6.2
+                    ], 
+                    [
+                        "Others", 
+                        0.7
+                    ]
+                ]
+            }
+        ], 
+        "offsetAngle": 0, 
+        "plotOptions": {
+            "dount": {
+                "dataLabels": {
+                    "enabled": false
+                }
+            }
+        }, 
+        "legend": {
+            "enabled": false
+        }
+    }
+                    </textarea>
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hcolumn/demo.html b/modules/JC.FChart/0.1/_demo/hcolumn/demo.html
new file mode 100644
index 0000000..2b168ca
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/demo.html
@@ -0,0 +1,247 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hcolumn chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hcolumn' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ] 
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800 ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'hcolumn' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "升级", "降级", "不变" ]
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 9, 20, 30 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 10, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 5, 30 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 8, 12, 32 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 7, 9, 12]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                        , interval: 20
+                        , direction: 'TOP_CENTER'
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    },
+                    vline: {
+                        enabled: false
+                    },
+                    plotOptions: {
+                        line: {
+                            dashStyle: 'ShortDash'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: true
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'hcolumn' 
+                        , bgColor: 0xffffff
+                    }, 
+                    subtitle: {
+                    }, 
+                    xAxis: {
+                        categories: [ "A级客户", "B级客户", "C级客户", "D级客户" ]
+                    }, 
+                    yAxis: {
+                        format: '{0}'
+                    },
+                    tooltip: {                  
+                        "pointFormat": "{0}",
+                        "headerFormat": "{0}"
+                    },
+                    series:[{
+                        name: '销售一部'
+                        , data: [ 20, 30, 40, 50 ]
+                        , format: '{0}'
+                    }
+                        , {
+                            name: '销售二部'
+                            , data: [ 10, 20, 35, 50 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售三部'
+                            , data: [ 5, 30, 20, 10 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售四部'
+                            , data: [ 12, 32, 13, 23 ]
+                            , format: '{0}'
+                        }
+                        , {
+                            name: '销售五部'
+                            , data: [ 9, 12, 31, 23]
+                            , format: '{0}'
+                        }
+                    ],
+                    credits: {
+                        enabled: false
+                        , text: 'fchart.openjavascript.org'
+                        , href: 'http://fchart.openjavascript.org/'
+                    },
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: true
+                    },
+                    animation: {
+                        enabled: true
+                        , duration: .75
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hcolumn/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/hcolumn/demo.labelRotation.html
new file mode 100644
index 0000000..f9b4023
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/demo.labelRotation.html
@@ -0,0 +1,617 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hcolumn chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+                            , "angle": 45
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+                            , "angle": 50
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+                            , "angle": 0
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+                            , "angle": -90
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hcolumn"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+						}
+						, "wordwrap": false
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+                            , "angle": 90
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								87625,
+								85015,
+								120000,
+								86120,
+								74182
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hcolumn/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/hcolumn/demo.legendUpdate.html
new file mode 100644
index 0000000..d68696e
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/demo.legendUpdate.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hcolumn chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />iphone</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />samsung</label>
+                <label><input type="checkbox" data-index="2" checked="checked" />huawei</label>
+                <label><input type="checkbox" data-index="3" checked="checked" />mi</label>
+                <label><input type="checkbox" data-index="4" checked="checked" />meizu</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hcolumn' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ] 
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800 ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/zbar/demo.html b/modules/JC.FChart/0.1/_demo/hcolumn/demo.simple.html
similarity index 75%
rename from modules/JC.FChart/0.1/_demo/zbar/demo.html
rename to modules/JC.FChart/0.1/_demo/hcolumn/demo.simple.html
index 61d49fc..02b3016 100644
--- a/modules/JC.FChart/0.1/_demo/zbar/demo.html
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/demo.simple.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - zbar chart 示例</h2>
+    <h2>JC.FChart - hcolumn chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
@@ -38,22 +38,15 @@ <h2>JC.FChart - zbar chart 示例</h2>
                 <script type="text/template">
                     {
                         chart: {
-                            type: 'zbar' 
+                            type: 'hcolumn' 
                         }, 
-                        title: {
-                            text:'Chart Title'
-                        },
                         subtitle: {
-                            text: 'sub title'
                         }, 
                         xAxis: {
-                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                            categories: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
                         }, 
                         yAxis: {
-                            title: {
-                                text: '(Vertical Title - 中文)'
-                            }
-                            , format: '{0}'
+                            format: '{0}'
                         },
                         tooltip: {                  
                             "pointFormat": "{0}",
@@ -62,16 +55,14 @@ <h2>JC.FChart - zbar chart 示例</h2>
                         series:[{
                             name: 'Phone'
                             , data: [ 27000, 23600, 16200, 14100, 8400 ]
-                            , label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
                             , format: '{0}台 占{1}%'
                         }, {
                             name: 'Computer',
-                            data: [19170, 32060, 13600, 7000, 14800, 21800 ]
-                            , label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", "ThinkPad" ]
+                            data: [19170, 32060, 13600, 7000, 14800 ]
                             , format: '{0}台 约占{1}%'
                         }],
                         credits: {
-                            enabled: true
+                            enabled: false
                             , text: 'fchart.openjavascript.org'
                             , href: 'http://fchart.openjavascript.org/'
                         },
diff --git a/modules/JC.FChart/0.1/_demo/hcolumn/demo.update.html b/modules/JC.FChart/0.1/_demo/hcolumn/demo.update.html
new file mode 100644
index 0000000..0015c91
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/demo.update.html
@@ -0,0 +1,323 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - hcolumn chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hcolumn' 
+                        },
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                            , format: '{0}'
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: 'Phone'
+                            , data: [ 27000, 23600, 16200, 14100, 8400 ]
+                            //, label: [ "iphone", "samsung", "huawei", "mi", "meizu" ]
+                            , format: '{0}台 占{1}%'
+                        }, {
+                            name: 'Computer',
+                            data: [19170, 32060, 13600, 7000, 14800, ]
+                            //, label: [ "Dell", "Asus", "Sony", "Lenovo", "iMac", ]
+                            , format: '{0}台 约占{1}%'
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: false
+                            , duration: .75
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                            hcolumn Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {   
+        "xAxis": {
+            "categories": [
+                "升级", 
+                "降级", 
+                "不变"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    9, 
+                    20, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    10, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    5, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    8, 
+                    12, 
+                    32
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    7, 
+                    9, 
+                    12
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true, 
+            "interval": 20, 
+            "direction": "TOP_CENTER"
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }, 
+        "vline": {
+            "enabled": false
+        }, 
+        "dataLabels": {
+            "enabled": true
+        }, 
+        "plotOptions": {
+            "line": {
+                "dashStyle": "ShortDash"
+            }
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        hcolumn Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "Chart Title"
+        }, 
+        "subtitle": {
+            "text": "sub title"
+        }, 
+        "xAxis": {
+            "categories": [
+                "1", 
+                "2", 
+                "3", 
+                "4", 
+                "5", 
+                "6", 
+                "7", 
+                "8", 
+                "9", 
+                "10", 
+                "11", 
+                "12"
+            ]
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "(Vertical Title - 中文)"
+            }, 
+            "format": "{0}%"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    1, 
+                    2, 
+                    4, 
+                    8, 
+                    8, 
+                    33, 
+                    60, 
+                    0, 
+                    50.33, 
+                    66, 
+                    77, 
+                    88
+                ], 
+                "style": {
+                    "stroke": "#ff7100"
+                }, 
+                "pointStyle": { }
+            }, 
+            {
+                "name": "Rainfall", 
+                "data": [
+                    1.01, 
+                    44, 
+                    3, 
+                    55, 
+                    3, 
+                    5, 
+                    83, 
+                    1, 
+                    33, 
+                    55, 
+                    44, 
+                    33
+                ]
+            }
+        ], 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": false
+        }, 
+        "isPercent": true
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hcolumn/index.php b/modules/JC.FChart/0.1/_demo/hcolumn/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hcolumn/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.animation.html b/modules/JC.FChart/0.1/_demo/hstack/demo.animation.html
new file mode 100644
index 0000000..c029712
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.animation.html
@@ -0,0 +1,342 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                            , "enabled": false
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+                        , hoverBg: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0,
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                        , dataLabels: {
+                            "enabled": true
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: false
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false,
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.autoRate.html b/modules/JC.FChart/0.1/_demo/hstack/demo.autoRate.html
new file mode 100644
index 0000000..e2d6fc6
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.autoRate.html
@@ -0,0 +1,453 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2 style="">JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "hstack"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": true
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                            , bgColor: 0xffffff
+                        }, 
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ "升级", "降级", "不变" ]
+                        }, 
+                        yAxis: {
+                            format: '{0}'
+                            , "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: '销售一部'
+                            , data: [ 9, 20, 30 ]
+                            , format: '{0}'
+                        }
+                            , {
+                                name: '销售二部'
+                                , data: [ 10, 10, 10 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售三部'
+                                , data: [ 5, 5, 30 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售四部'
+                                , data: [ 8, 12, 32 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售五部'
+                                , data: [ 7, 9, 12]
+                                , format: '{0}'
+                            }
+                        ],
+                        credits: {
+                            enabled: false
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                            , interval: 20
+                            , direction: 'TOP_CENTER'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        },
+                        vbar: {
+                            enabled: false
+                        },         
+                        plotOptions: {
+                            hstack: {
+                                dashStyle: 'ShortDash'
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                {
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+                        , "autoRate": {
+                            "enabled": true
+                            , "deep": 2
+                        }
+					},
+					"hbar":
+					{
+						"enabled": true
+					}, 
+					"vbar":
+					{
+						"enabled": false
+					}, 
+					"vsidebar":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+                        "bgColor": 16777215,
+                        "type": "hstack"
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						hstack: {
+							dashStyle: 'LongDash'
+						}
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.chartDataVar.html b/modules/JC.FChart/0.1/_demo/hstack/demo.chartDataVar.html
new file mode 100644
index 0000000..bd2e5a5
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.chartDataVar.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartDataVar="chartData"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script>
+                    var chartData = {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    };
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.custom.flash.params.html b/modules/JC.FChart/0.1/_demo/hstack/demo.custom.flash.params.html
new file mode 100644
index 0000000..494f194
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.custom.flash.params.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.custom.tooltip.html b/modules/JC.FChart/0.1/_demo/hstack/demo.custom.tooltip.html
new file mode 100644
index 0000000..2b5ae30
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.custom.tooltip.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: "hstack"
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }
+                        , xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {					
+                            enabled: false	
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}"			
+                            , "pointFormat": "{0}%"
+                            //, enabled: false
+                            , afterSerial: [
+                                {
+                                    name: '区分度',
+                                    data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                                }
+                            ]
+                            
+                            , headerYSpace: 6
+                            , itemYSpace: 6
+                            , valueLabelXSpace: 0
+                            
+                            , headerStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 14
+                                , color: 0x777777
+                            }
+                            , labelStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0xaaaaaa
+                            }
+                            , valueStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0x5dc068
+                            }
+                            
+                            , headerIcon: {
+                                enabled: true
+                                , style: {
+                                    color: 0x5DC068
+                                }
+                            }
+                            
+                        }
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.dataLabel.html b/modules/JC.FChart/0.1/_demo/hstack/demo.dataLabel.html
new file mode 100644
index 0000000..815d65d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.dataLabel.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "hstack",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                        }, 
+                        "colors":
+                        [
+                            44015, 
+                            10333619, 
+                            639232, 
+                            816836, 
+                            16713241
+                        ], 
+                        "vline":
+                        {
+                            "enabled": false
+                        }, 
+                        "xAxis":
+                        {
+                            "wordwrap": true, 
+                            "categories":
+                            [
+                                "pos.baidu.com", 
+                                "www.baidu.com", 
+                                "hao.360.cn", 
+                                "wd.360.cn", 
+                                "internal.host.com", 
+                                "eclick.baidu.com", 
+                                "googleads.g.doubleclick.net", 
+                                "user.qzone.qq.com", 
+                                "www.so.com", 
+                                "ptlogin2.qq.com"
+                            ]
+                        }, 
+                        "dataLabels":
+                        {
+                            "format": "{0}", 
+                            "enabled": true
+                        }, 
+                        "yAxis":
+                        {
+                            "enabled": false
+                        }, 
+                        "legend":
+                        {
+                            "enabled": false
+                        }, 
+                        "displayAllLabel": true, 
+                        "maxItem":
+                        {
+                            "style":
+                            {
+                                "size": 18, 
+                                "color": 6146425
+                            }
+                        }, 
+                        "tooltip":
+                        {
+                            "enabled": true
+                        }, 
+                        "hline":
+                        {
+                            "enabled": false
+                        }, 
+                        "series":
+                        [
+                            {
+                                "name": "pv", 
+                                "data":
+                                [
+                                    "7026299386", 
+                                    "2243248546", 
+                                    "1918390720", 
+                                    "1887903406", 
+                                    "1517144906", 
+                                    "1463547200", 
+                                    "958396100", 
+                                    "951335880", 
+                                    "941430913", 
+                                    "914735040"
+                                ]
+                                , "labelData": [
+                                    "70.26亿", 
+                                    "22.43亿", 
+                                    "19.18亿", 
+                                    "18.87亿", 
+                                    "15.17亿", 
+                                    "14.63亿", 
+                                    "9.58亿", 
+                                    "9.51亿", 
+                                    "9.41亿", 
+                                    "9.14亿"
+                                ]
+                            }
+                        ]
+                    }               
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.displayAll.mod.html b/modules/JC.FChart/0.1/_demo/hstack/demo.displayAll.mod.html
new file mode 100644
index 0000000..4648eb8
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.displayAll.mod.html
@@ -0,0 +1,528 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 0, mod = 7</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 1, mod = 3</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 3
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.html b/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.html
new file mode 100644
index 0000000..1e598cf
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }, 
+                        xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {
+                            enabled: false
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}"			
+                            , "pointFormat": "{0}"
+                            , enabled: true
+                            , "serial": [
+                                {
+                                    "name": "总体"
+                                    , "data": [ 
+                                        1000, 2000, 3000, 4000, 5000, 6000
+                                        , 1000, 2000, 3000, 4000, 5000
+                                    ]
+                                }
+                            ]
+                            , "afterSerial": [
+                                {
+                                    "name": "区分度"
+                                    , "data": [ 
+                                        1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                        , 2.01, 2.02, 2.03, 2.04, 2.05
+                                    ]
+                                }
+                            ]
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.percent.html b/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.percent.html
new file mode 100644
index 0000000..21640d6
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.double.line.percent.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }, 
+                        xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {
+                            enabled: false
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}%"			
+                            , "pointFormat": "{0}%"
+                            , enabled: true
+                            , "serial": [
+                                {
+                                    "name": "总体"
+                                    , "data": [ 
+                                        1000, 2000, 3000, 4000, 5000, 6000
+                                        , 1000, 2000, 3000, 4000, 5000
+                                    ]
+                                }
+                            ]
+                            , "afterSerial": [
+                                {
+                                    "name": "区分度"
+                                    , "data": [ 
+                                        1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                        , 2.01, 2.02, 2.03, 2.04, 2.05
+                                    ]
+                                }
+                            ]
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.html b/modules/JC.FChart/0.1/_demo/hstack/demo.html
new file mode 100644
index 0000000..3e028e7
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.itemBg.html b/modules/JC.FChart/0.1/_demo/hstack/demo.itemBg.html
new file mode 100644
index 0000000..c50c145
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.itemBg.html
@@ -0,0 +1,119 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                    {
+                        
+                        xAxis: {
+                            categories: [ 
+                                '网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+                                , '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+                            ]
+                        }
+                        , yAxis: {
+                            format: '{0}'
+                            , enabled: false
+                        }
+                        , series:[{
+                            name: '最大区分度 - 兴趣'
+                            , data: [
+                                0.98, 1.99, 1.01, 1.02, 1.05
+                                , 1.98, 2.99, 0.001, 3.02, 3.05
+                            ]
+                        }]
+                        , tooltip: {		
+                            enabled: false
+                            , "headerFormat": "{0}"			
+                            , "pointFormat": "{0}"
+                            
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x03ACEF
+                            , 0x5DC979
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]    				
+                        , chart: {
+                            bgColor: 0xffffff
+                            , bgAlpha: 1
+                            , type: 'hstack' 
+                            /*, graphicHeight: 220*/
+                        }
+                        , itemBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 0
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/hstack/demo.labelRotation.html
new file mode 100644
index 0000000..a39c457
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.labelRotation.html
@@ -0,0 +1,1030 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111111111111111111111111111111111123",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999456",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle":50
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "hstack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/hstack/demo.legendUpdate.html
new file mode 100644
index 0000000..81ac091
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.legendUpdate.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Temperature</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.no_rate.html b/modules/JC.FChart/0.1/_demo/hstack/demo.no_rate.html
new file mode 100644
index 0000000..564de8d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.no_rate.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        xAxis: {
+                            categories: [ 
+                                '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                            ]
+                            , wordwrap: true
+                        }, 
+                        yAxis: {
+                            format: '{0}%'
+                            , maxvalue: 100
+                            , enabled: false
+                        },
+                        series:[{
+                            name: '时段分布'
+                            , data: [
+                                80.12, 70.12, 50.12, 30.12, 10.12
+                            ]
+                        }],
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: true
+                        }
+                        , tooltip: {		
+                            "headerFormat": "{0} 日"			
+                            , "pointFormat": "{0}%"
+                            , enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                        ]
+                        , maxItem: {
+                            style: { color: 0x5DC979, size: 18 }
+                        }
+                        , dataLabels: {
+                            enabled: true,
+                            format: '{0}%'
+                        }, 
+                        chart: {
+                            bgColor: 0xffffff
+                            , bgAlpha: 1
+                            , type: 'hstack' 
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline.html b/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline.html
new file mode 100644
index 0000000..1e02504
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                        , 'type': 'hstack'
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline_hline.html b/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline_hline.html
new file mode 100644
index 0000000..6813fed
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.no_vline_hline.html
@@ -0,0 +1,90 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    } 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    , series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }]
+                    , rateLabel: {
+                        enabled: false
+                    }
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                        , type: 'hstack'
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.normal.html b/modules/JC.FChart/0.1/_demo/hstack/demo.normal.html
new file mode 100644
index 0000000..3c140f7
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.normal.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/demo.update.html b/modules/JC.FChart/0.1/_demo/hstack/demo.update.html
new file mode 100644
index 0000000..5030af4
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/demo.update.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - hstack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'hstack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        hstack Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "subtitle": { }, 
+        "xAxis": {
+            "categories": [
+                "A级客户", 
+                "B级客户", 
+                "C级客户", 
+                "D级客户"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    20, 
+                    30, 
+                    40, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    20, 
+                    35, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    30, 
+                    20, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    12, 
+                    32, 
+                    13, 
+                    23
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    9, 
+                    12, 
+                    31, 
+                    23
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        hstack Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "test title 中文"
+        }, 
+        "subtitle": {
+            "text": "test subtitle 中文"
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "vtitle 中文"
+            }
+        }, 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "xAxis": {
+            "categories": [
+                2111111111111, 
+                2, 
+                3, 
+                4, 
+                5, 
+                6, 
+                7, 
+                8, 
+                999999999999
+            ], 
+            "tipTitlePostfix": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    -50, 
+                    -1, 
+                    -3, 
+                    10.01, 
+                    -20, 
+                    -27, 
+                    -28, 
+                    -32, 
+                    -30
+                ]
+            }, 
+            {
+                "name": "Rainfall1", 
+                "data": [
+                    -20.1, 
+                    -21, 
+                    50, 
+                    100, 
+                    -10, 
+                    -210, 
+                    -220, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall2", 
+                "data": [
+                    -30, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -20, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall3", 
+                "data": [
+                    -40, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -120, 
+                    -100, 
+                    -20
+                ]
+            }
+        ], 
+        "legend": {
+            "enabled": true
+        }, 
+        "displayAllLabel": false
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/hstack/index.php b/modules/JC.FChart/0.1/_demo/hstack/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/hstack/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/line/CurveGram.html b/modules/JC.FChart/0.1/_demo/line/CurveGram.html
new file mode 100644
index 0000000..5e940e1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/CurveGram.html
@@ -0,0 +1,446 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" value="Temperature" data-index="0" checked="checked" />Temperature</label>
+                <span style="padding: 0 10px;"></span>
+                <label><input type="checkbox" value="Rainfall" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        },
+                        callback: {
+                            itemClickCallback: 'itemClickCallback'
+                            , groupClickCallback: 'groupClickCallback'
+                        },
+                        test: 'test'
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "line"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "customRate": true
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": false
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "animation": {
+                            "enabled": true
+                            , "duration": 1
+                        },
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+    "chart": {
+        "type": "line"
+    },
+    "title": {
+        "text": "日趋势"
+    },
+    "xAxis": {
+        "categories": [
+            "2014-11-17",
+            "2014-11-18",
+            "2014-11-19",
+            "2014-11-20",
+            "2014-11-21",
+            "2014-11-22",
+            "2014-11-23",
+            "2014-11-24",
+            "2014-11-25",
+            "2014-11-26",
+            "2014-11-27",
+            "2014-11-28",
+            "2014-11-29",
+            "2014-11-30",
+            "2014-12-01",
+            "2014-12-02",
+            "2014-12-03",
+            "2014-12-04",
+            "2014-12-05",
+            "2014-12-06",
+            "2014-12-07",
+            "2014-12-08",
+            "2014-12-09",
+            "2014-12-10",
+            "2014-12-11",
+            "2014-12-12",
+            "2014-12-13",
+            "2014-12-14",
+            "2014-12-15",
+            "2014-12-16"
+        ]
+    },
+    "yAxis": {
+        "autoRate": {
+            enabled: true
+        }
+    },
+    "series": [
+        {
+            "name": "北汽",
+            "data": [
+                81018,
+                80207,
+                81411,
+                85313,
+                84018,
+                81892,
+                82004,
+                87625,
+                85015,
+                83327,
+                86120,
+                74182,
+                71184,
+                72038,
+                72711,
+                74956,
+                81987,
+                75229,
+                86195,
+                76900,
+                78624,
+                84466,
+                84498,
+                83873,
+                83656,
+                85722,
+                77151,
+                79772,
+                107068,
+                90566
+            ],
+            "style": {
+                "stroke": "#ff7100"
+            },
+            "pointStyle": {}
+        },
+        {
+            "name": "MG名爵",
+            "data": [
+                84039,
+                82828,
+                81567,
+                85531,
+                83544,
+                75332,
+                74107,
+                82759,
+                83733,
+                79110,
+                80264,
+                68606,
+                61461,
+                61599,
+                70562,
+                75320,
+                79559,
+                78800,
+                84268,
+                72327,
+                73675,
+                83763,
+                81138,
+                79073,
+                79821,
+                76209,
+                69474,
+                70292,
+                82381,
+                79333
+            ],
+            "style": {
+                "stroke": "#ff7100"
+            },
+            "pointStyle": {}
+        }
+    ],
+    "displayAllLabel": true,
+    "legend": {
+        "enabled": false
+    },
+    "plotOptions": {
+        "area": {
+            "fillColor": {}
+        }
+    },
+    "colors": [
+        "0xbb9b3e",
+        "0x4673c0"
+    ],
+    "callback": {
+        "initedCallback": "initedCallback"
+    }
+}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+
+
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.CurveGram.no_vline_hline.html b/modules/JC.FChart/0.1/_demo/line/demo.CurveGram.no_vline_hline.html
index 5ec4f4d..ff2af8b 100644
--- a/modules/JC.FChart/0.1/_demo/line/demo.CurveGram.no_vline_hline.html
+++ b/modules/JC.FChart/0.1/_demo/line/demo.CurveGram.no_vline_hline.html
@@ -42,7 +42,7 @@ <h2>JC.FChart - line chart 示例</h2>
                         , wordwrap: true
                     }, 
                     yAxis: {
-                        enabled: false
+                        enabled: true
                     },
                     series:[{
                         name: '职业'
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.animation.html b/modules/JC.FChart/0.1/_demo/line/demo.animation.html
new file mode 100644
index 0000000..dcb5076
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.animation.html
@@ -0,0 +1,340 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                chartScroll="false"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1.4
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        }
+                        , subtitle: {
+                        } 
+                        , xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        } 
+                        , yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        }
+                        , series:[{
+                                name: 'Temperature',
+                                data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                            }, {
+                                name: 'Rainfall',
+                                data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                            }]
+                        , credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 0
+                        , animation: {
+                            enabled: true
+                            , duration: 1.4
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1.4
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1.4
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
+                        , animation: {
+                            enabled: true
+                            , duration: 1.4
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.autoRate.html b/modules/JC.FChart/0.1/_demo/line/demo.autoRate.html
new file mode 100644
index 0000000..a8b2a49
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.autoRate.html
@@ -0,0 +1,942 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "line"
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"displayAllLabel": false,
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+                    "animation": {
+                        "enabled": true
+                    },
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "line"
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 0
+							, "maxOffset": .15 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .15 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"displayAllLabel": false,
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+                    "animation": {
+                        "enabled": true
+                    },
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "line"
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"displayAllLabel": false,
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+                    "animation": {
+                        "enabled": true
+                    },
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+
+
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "line"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": true
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                            , bgColor: 0xffffff
+                        }, 
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ "升级", "降级", "不变" ]
+                        }, 
+                        yAxis: {
+                            format: '{0}'
+                            , "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: '销售一部'
+                            , data: [ 9, 20, 30 ]
+                            , format: '{0}'
+                        }
+                            , {
+                                name: '销售二部'
+                                , data: [ 10, 10, 10 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售三部'
+                                , data: [ 5, 5, 30 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售四部'
+                                , data: [ 8, 12, 32 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售五部'
+                                , data: [ 7, 9, 12]
+                                , format: '{0}'
+                            }
+                        ],
+                        credits: {
+                            enabled: false
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                            , interval: 20
+                            , direction: 'TOP_RIGHT'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        },
+                        vline: {
+                            enabled: false
+                        },         
+                        plotOptions: {
+                            line: {
+                                dashStyle: 'ShortDash'
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                {
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+                        , "autoRate": {
+                            "enabled": true
+                            , "deep": 2
+                        }
+					},
+					"hline":
+					{
+						"enabled": true
+					}, 
+					"vline":
+					{
+						"enabled": false
+					}, 
+					"vsideLine":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+                        "bgColor": 16777215,
+                        "type": "line"
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						line: {
+							dashStyle: 'LongDash'
+						}
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.callBack.html b/modules/JC.FChart/0.1/_demo/line/demo.callBack.html
new file mode 100644
index 0000000..c22eaef
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.callBack.html
@@ -0,0 +1,108 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <h3>Click回调数据显示在控制台中，请在F12 Console中查看</h3>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        },
+                        callback: {
+                            initedCallback: 'initedCallback'
+                            , itemClickCallback: 'itemClickCallback'
+                            , groupClickCallback: 'groupClickCallback'
+                        },
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function initedCallback() {
+            console.log( 'line inited !' );
+            console.log( $( '#jchart_gid_1' ) );
+        }
+        
+        function itemClickCallback( _data ) {
+            console.log( 'do itemClickCallback : ' );
+            console.log( _data );
+        }
+
+        function groupClickCallback( _data ) {
+            console.log( 'do groupClickCallback : ' );
+            console.log( _data );
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.chartDataVar.html b/modules/JC.FChart/0.1/_demo/line/demo.chartDataVar.html
index 2caf3f9..f02b0c3 100644
--- a/modules/JC.FChart/0.1/_demo/line/demo.chartDataVar.html
+++ b/modules/JC.FChart/0.1/_demo/line/demo.chartDataVar.html
@@ -77,6 +77,54 @@ <h2>JC.FChart - line chart 示例</h2>
             </div>
         </dd>
     </dl>
+
+    <dl class="defDl2">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartDataVar="chartData2"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script>
+                     var chartData2 = {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'月趋势'
+                        },
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '搜索指数1'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        },
+                        plotOptions: {
+                            area: {
+                                fillColor: {}
+                            }
+                        }
+                    };
+                </script>
+            </div>
+        </dd>
+    </dl>
 </body>
 </html>
 
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.dashStyle.html b/modules/JC.FChart/0.1/_demo/line/demo.dashStyle.html
index 3545919..ca71873 100644
--- a/modules/JC.FChart/0.1/_demo/line/demo.dashStyle.html
+++ b/modules/JC.FChart/0.1/_demo/line/demo.dashStyle.html
@@ -76,6 +76,10 @@ <h2>JC.FChart - line chart 示例</h2>
                             line: {
                                 dashStyle: 'ShortDash'
                             }
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
                         }
                     }
                 </script>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.dataLabel.html b/modules/JC.FChart/0.1/_demo/line/demo.dataLabel.html
index 1f30d5d..0743708 100644
--- a/modules/JC.FChart/0.1/_demo/line/demo.dataLabel.html
+++ b/modules/JC.FChart/0.1/_demo/line/demo.dataLabel.html
@@ -96,6 +96,7 @@ <h2>JC.FChart - line chart 示例</h2>
                         "tooltip":
                         {
                             "enabled": true
+                            , "type": "simple"
                         }, 
                         "hline":
                         {
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.displayAll.mod.html b/modules/JC.FChart/0.1/_demo/line/demo.displayAll.mod.html
new file mode 100644
index 0000000..e11cc5d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.displayAll.mod.html
@@ -0,0 +1,528 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 0, mod = 7</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 1, mod = 3</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 3
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.fillColor.html b/modules/JC.FChart/0.1/_demo/line/demo.fillColor.html
index 2d95a5e..7da3e69 100644
--- a/modules/JC.FChart/0.1/_demo/line/demo.fillColor.html
+++ b/modules/JC.FChart/0.1/_demo/line/demo.fillColor.html
@@ -76,6 +76,9 @@ <h2>JC.FChart - line chart 示例</h2>
                             area: {
                                 fillColor: {}
                             }
+                        },
+                        animation: {
+                            "enabled": true
                         }
                     }
                 </script>
@@ -137,6 +140,61 @@ <h2>JC.FChart - line chart 示例</h2>
             </div>
         </dd>
 
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                chartScroll="false"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '0xff0000' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        colors: [ 0xff0000, 0xD1DD93 ],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        },
+                        plotOptions: {
+                            area: {
+                                fillColor: {}
+                                , fillOpacity: .5
+                            }
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
 
         <dd>
             <div class="js_compFChart"
@@ -256,6 +314,10 @@ <h2>JC.FChart - line chart 示例</h2>
                             text: 'fchart.openjavascript.org',
                             href: 'http://fchart.openjavascript.org/'
                         }
+                        , animation: {
+                            enabled: true
+                        }
+
                     }
                 </script>
             </div>
@@ -319,6 +381,93 @@ <h2>JC.FChart - line chart 示例</h2>
                         }
                         , floatLen: 6
                         , displayAllLabel: false
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                            , fillColor: { linearGradient: true }
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        } ],
+                        group: {
+                            enabled: true,
+                            data: [
+                                "2014-01","2014-01","2014-01","2014-01","2014-01","2014-01"
+                                , "2014-01","2014-01"
+                                , "2014-02","2014-02","2014-02","2014-02","2014-02","2014-02"
+                                , "2014-02","2014-02", "2014-02","2014-02","2014-02","2014-02"
+                                , "2014-02","2014-02", "2014-02", "2014-02","2014-02","2014-02"
+                                , "2014-02","2014-02", "2014-02", "2014-02", "2014-02", "2014-02"
+                            ],
+                            background: {
+                                colors: [
+                                    0xF1FD93
+                                ]
+                                , lastColor: 0xFdcDcD
+                            },
+                            label: {
+                                style: {
+                                    
+                                }
+                            }
+                        },
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
                     }
                 </script>
             </div>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.group.html b/modules/JC.FChart/0.1/_demo/line/demo.group.html
new file mode 100644
index 0000000..9b83415
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.group.html
@@ -0,0 +1,231 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'line' 
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'subtitle' 
+                    },
+                    xAxis: {
+                        categories: [ 
+                            "01","02","03","04"
+                            ,"01","02","03","04"
+                            ,"01","02","03","04"
+                        ]
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        point: {  },
+                        data: [
+                            0.018773,0.021724,0.022130,0.021296
+                            ,0.022255,0.022128,0.020949,0.023862
+                            ,0.026974,0.028055,0.024992,0.024721
+                        ],
+                        tipsData: [
+                            "1.8773%","2.1724%","2.2130%","2.1296%"
+                            ,"2.2255%","2.2128%","2.0949%","2.3862%"
+                            ,"2.6974%","2.8055%","2.4992%","2.4721%"
+                        ]
+                    }, {
+                        name: '公司2',
+                        dashStyle: 'ShortDash',
+                        data: [
+                            0.018069,0.018495,0.018264,0.017527
+                            ,0.016857,0.017398,0.016539,0.017144
+                            ,0.018039,0.018798,0.018521,0.019580
+                        ],
+                        tipsData: [
+                            "1.8069%","1.8495%","1.8264%","1.7527%"
+                            ,"1.6857%","1.7398%","1.6539%","1.7144%"
+                            ,"1.8039%","1.8798%","1.8521%","1.9580%"
+                        ]
+                    }
+                    ],
+                    tooltip: {
+                        header: [
+                            "2014Q1","2014Q2","2014Q3","2014Q4"
+                            ,"2015Q1","2015Q2","2015Q3","2015Q4"
+                            ,"2016Q1","2016Q2","2016Q3","2016Q4"
+                        ]
+                    },
+                    group: {
+                        enabled: true,
+                        data: [
+                            "2014","2014","2014","2014"
+                            ,"2015","2015","2015","2015"
+                            ,"2016","2016","2016","2016"
+                        ],
+                        background: {
+                            colors: [
+                                0xf2f2f2
+                            ]
+                            , lastColor: 0xdbeccc
+                        },
+                        label: {
+                            style: {
+                                
+                            }
+                        }
+                    },
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: true
+                    , vline: {
+                    }
+                    , hline: {
+                    }
+                    , point: {
+                    }
+                    , animation: {
+                        enabled: true
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'line' 
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    xAxis: {
+                        categories: [ 
+                            "01","02","03","04"
+                            ,"01","02","03","04"
+                            ,"01","02","03","04"
+                    ]
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        point: {  },
+                        data: [
+                            0.018773,0.021724,0.022130,0.021296
+                            ,0.022255,0.022128,0.020949,0.023862
+                            ,0.026974,0.028055,0.024992,0.024721
+                        ],
+                        tipsData: [
+                            "1.8773%","2.1724%","2.2130%","2.1296%"
+                            ,"2.2255%","2.2128%","2.0949%","2.3862%"
+                            ,"2.6974%","2.8055%","2.4992%","2.4721%"
+                        ]
+                    }, {
+                        name: '公司2',
+                        dashStyle: 'Dot',
+                        data: [
+                            0.018069,0.018495,0.018264,0.017527
+                            ,0.016857,0.017398,0.016539,0.017144
+                            ,0.018039,0.018798,0.018521,0.019580
+                        ],
+                        tipsData: [
+                            "1.8069%","1.8495%","1.8264%","1.7527%"
+                            ,"1.6857%","1.7398%","1.6539%","1.7144%"
+                            ,"1.8039%","1.8798%","1.8521%","1.9580%"
+                        ]
+                    }
+                    ],
+                    tooltip: {
+                        header: [
+                            "2014Q1","2014Q2","2014Q3","2014Q4"
+                            ,"2015Q1","2015Q2","2015Q3","2015Q4"
+                            ,"2016Q1","2016Q2","2016Q3","2016Q4"
+                        ]
+                    },
+                    group: {
+                        enabled: true,
+                        data: [
+                            "2014","2014","2014","2014"
+                            ,"2015","2015","2015","2015"
+                            ,"2016","2016","2016","2016"
+                        ],
+                        background: {
+                            colors: [
+                                0xf2f2f2
+                            ]
+                            , lastColor: 0xdbeccc
+                        },
+                        label: {
+                            style: {
+                                
+                            }
+                        }
+                    },
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , displayAllLabel: true
+                    , vline: {
+                    }
+                    , hline: {
+                    }
+                    , point: {
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/line/demo.labelRotation.html
new file mode 100644
index 0000000..8f90dc0
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.labelRotation.html
@@ -0,0 +1,1103 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="290"
+                chartHeight="150"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            bgColor: 0xF6F6F6, 
+                            type: 'line' 
+                        },
+                        xAxis: {
+                           categories: [ '04-29' ,  '04-29' ,  '04-29' ,  '04-29' ,  '04-29' ],
+                           displayAll: {
+	                            enabled: true
+	                        }, 
+	                        rotation: {
+	                            enabled: true
+	                        }             
+                        },
+                        series:[
+                            {
+                                name: '1', 
+                                data: [2 ,  3 ,  9 ,  9 ,  1 ,  ]
+                            }
+                        ],
+                        legend: {
+                            enabled: false
+                        }, 
+                        vline: {
+                            enabled: false
+                        }, 
+                        colors:[ 0x2391F4 ],
+                        animation: {
+                            enabled: true, 
+                            duration: 1
+                        },
+                        
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"11-17",
+							"11-18",
+							"11-19",
+							"11-20",
+							"11-21",
+							"11-22",
+							"11-23",
+							"11-24",
+							"11-25",
+							"11-26",
+							"11-27",
+							"11-28",
+							"11-29",
+							"11-30",
+							"12-01",
+							"12-02",
+							"12-03",
+							"12-04",
+							"12-05",
+							"12-06",
+							"12-07",
+							"12-08",
+							"12-09",
+							"12-10",
+							"12-11",
+							"12-12",
+							"12-13",
+							"12-14",
+							"12-15",
+							"12-16"
+						]
+						, displayAll: {
+                            enabled: true
+                        }
+                        , rotation: {
+                            enabled: true
+                        }
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111111111111111111111111111111111123",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999456",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "angle":50
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "line"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "mod": 3
+						}
+						, "wordwrap": false
+						, "rotation": {
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/line/demo.legendUpdate.html
new file mode 100644
index 0000000..8e0dc70
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.legendUpdate.html
@@ -0,0 +1,282 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Temperature</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        },
+                        callback: {
+                            itemClickCallback: 'itemClickCallback'
+                            , groupClickCallback: 'groupClickCallback'
+                        },
+                        test: 'test'
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "line"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "customRate": true
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": false
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.line.point.html b/modules/JC.FChart/0.1/_demo/line/demo.line.point.html
new file mode 100644
index 0000000..5be5707
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.line.point.html
@@ -0,0 +1,260 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'line' 
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , floatLen: 6
+                    , displayAllLabel: false
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , point: {
+                        enabled: false
+                    }
+                    , animation: {
+                        enabled: true
+                    }
+                }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'line' 
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        point: { enabled: true },
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , floatLen: 6
+                    , displayAllLabel: false
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , point: {
+                        enabled: false
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+                    chart: {
+                        type: 'line' 
+                    }
+                    , title: {
+                        text:'Chart Title'
+                    },
+                    subtitle: {
+                        text: 'sub title'
+                    }, 
+                    xAxis: {
+                        categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                    }, 
+                    yAxis: {
+                    },
+                    series:[{
+                        name: '公司1',
+                        point: { enabled: false },
+                        data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                    }, {
+                        name: '公司2',
+                        data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                    }, {
+                        name: '公司3',
+                        data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                    }
+                    ],
+                    credits: {
+                        enabled: true,
+                        text: 'fchart.openjavascript.org',
+                        href: 'http://fchart.openjavascript.org/'
+                    }
+                    , floatLen: 6
+                    , displayAllLabel: false
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , point: {
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.lineBreak.html b/modules/JC.FChart/0.1/_demo/line/demo.lineBreak.html
new file mode 100644
index 0000000..19fb81c
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.lineBreak.html
@@ -0,0 +1,514 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                    "chart": {
+                        "type": "line"
+                    },
+                    "xAxis": {
+                        "categories": [
+                            "2014-11-22",
+                            "2014-11-23",
+                            "2014-11-24",
+                            "2014-11-25",
+                            "2014-11-26",
+                            "2014-11-27",
+                            "2014-11-28",
+                            "2014-11-29",
+                            "2014-11-30",
+                            "2014-12-01",
+                            "2014-12-02",
+                            "2014-12-03",
+                            "2014-12-04",
+                            "2014-12-05",
+                            "2014-12-06",
+                            "2014-12-07",
+                            "2014-12-08",
+                            "2014-12-09",
+                            "2014-12-10",
+                            "2014-12-11",
+                            "2014-12-12",
+                            "2014-12-13",
+                            "2014-12-14",
+                            "2014-12-15",
+                            "2014-12-16",
+                            "2014-12-17",
+                            "2014-12-18",
+                            "2014-12-19",
+                            "2014-12-20",
+                            "2014-12-21"
+                        ],
+                        "display": {
+                            "enabled": true,
+                            "startIndex": 0,
+                            "mod": 7
+                        }
+                    },
+                    "animation": {
+                        "enabled": true,
+                        "duration": 1
+                    },
+                    "yAxis": {
+                        "autoRate": {
+                            "rateUp": -1,
+                            "enabled": true,
+                            "deep": 1,
+                            "maxOffset": 0.1,
+                            "minOffset": 0.1
+                        }
+                    },
+                    "series": [
+                        {
+                            "name": "奥迪",
+                            "dashStyle": 'Dot',
+                            "data": [
+                                6394,
+                                6284,
+                                8345,
+                                8053,
+                                8524,
+                                7976,
+                                7833,
+                                9080,
+                                9000,
+                                5447,
+                                0,
+                                0,
+                                0,
+                                0,
+                                6277,
+                                6045,
+                                8713,
+                                8217,
+                                7738,
+                                7607,
+                                6978,
+                                6148,
+                                6434,
+                                8899,
+                                7972,
+                                8456,
+                                7750,
+                                7109,
+                                5923,
+                                5790
+                            ],
+                            "style": {
+                                "stroke": "#ff7100"
+                            },
+                            "pointStyle": {}
+                        }
+                    ],
+                    "legend": {
+                        "enabled": false
+                    },
+                    "plotOptions": {
+                        "area": {
+                            "fillColor": {}
+                        }
+                    },
+                    "tooltip": {
+                        "valueStyle": {
+                            "font": "Calibri"
+                        }
+                    },
+                    "colors": [
+                        "0xbb9b3e",
+                        "0x4673c0"
+                    ],
+                    "lineBreak":{
+                        "enabled": true
+                    },
+                    "callback": {
+                        "initedCallback": "initedCallback"
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                    "chart": {
+                        "type": "line"
+                    },
+                    "title": {
+                        "text": "日趋势"
+                    },
+                    "xAxis": {
+                        "categories": [
+                            "2014-11-17",
+                            "2014-11-18",
+                            "2014-11-19",
+                            "2014-11-20",
+                            "2014-11-21",
+                            "2014-11-22",
+                            "2014-11-23",
+                            "2014-11-24",
+                            "2014-11-25",
+                            "2014-11-26",
+                            "2014-11-27",
+                            "2014-11-28",
+                            "2014-11-29",
+                            "2014-11-30",
+                            "2014-12-01",
+                            "2014-12-02",
+                            "2014-12-03",
+                            "2014-12-04",
+                            "2014-12-05",
+                            "2014-12-06",
+                            "2014-12-07",
+                            "2014-12-08",
+                            "2014-12-09",
+                            "2014-12-10",
+                            "2014-12-11",
+                            "2014-12-12",
+                            "2014-12-13",
+                            "2014-12-14",
+                            "2014-12-15",
+                            "2014-12-16"
+                        ]
+                        , "displayAll": {
+                            "enabled": false
+                            , "mod": 3
+                        }
+                        , "wordwrap": false
+                        , "rotation": {
+                            "enabled": true
+                            , "dir": "right"
+                        }
+                    },
+                    "yAxis": {
+                        "autoRate": {
+                            "enabled": true
+                            , "deep": 1
+                            , "rateUp": 2
+                            , "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+                            , "minOffset": .1 /*最小值向下偏移 百分之多少*/
+                        }
+                    },
+                    "animation": {
+                        "enabled": true
+                    },
+                    "series": [
+                        {
+                            "name": "北汽",
+                            "data": [
+                                0,
+                                0,
+                                0,
+                                0,
+                                84018,
+                                81892,
+                                82004,
+                                87625,
+                                85015,
+                                120000,
+                                86120,
+                                74182,
+                                71184,
+                                72038,
+                                72711,
+                                74956,
+                                81987,
+                                75229,
+                                86195,
+                                76900,
+                                78624,
+                                84466,
+                                84498,
+                                83873,
+                                83656,
+                                85722,
+                                77151,
+                                79772,
+                                107068,
+                                90566
+                            ],
+                            "style": {
+                                "stroke": "#ff7100"
+                            },
+                            "pointStyle": {}
+                        },
+                        {
+                            "name": "MG名爵",
+                            "data": [
+                                84039,
+                                82828,
+                                81567,
+                                85531,
+                                83544,
+                                75332,
+                                74107,
+                                82759,
+                                83733,
+                                79110,
+                                80264,
+                                68606,
+                                61461,
+                                61599,
+                                70562,
+                                75320,
+                                0,
+                                0,
+                                0,
+                                0,
+                                73675,
+                                83763,
+                                81138,
+                                79073,
+                                79821,
+                                76209,
+                                69474,
+                                70292,
+                                82381,
+                                79333
+                            ],
+                            "style": {
+                                "stroke": "#ff7100"
+                            },
+                            "pointStyle": {}
+                        }
+                    ],
+                    "legend": {
+                        "enabled": true
+                    },
+                    "plotOptions": {
+                        "area": {
+                            "fillColor": {}
+                        }
+                    },
+                    "colors": [
+                        "0xbb9b3e",
+                        "0x4673c0"
+                    ],
+                    "lineBreak":{
+                        "enabled": true
+                    },
+                    "callback": {
+                        "initedCallback": "initedCallback"
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                    "chart": {
+                        "type": "line"
+                    },
+                    "title": {
+                        "text": "日趋势"
+                    },
+                    "xAxis": {
+                        "categories": [
+                            "2014-11-17",
+                            "2014-11-18",
+                            "2014-11-19",
+                            "2014-11-20",
+                            "2014-11-21",
+                            "2014-11-22",
+                            "2014-11-23",
+                            "2014-11-24",
+                            "2014-11-25",
+                            "2014-11-26",
+                            "2014-11-27",
+                            "2014-11-28",
+                            "2014-11-29",
+                            "2014-11-30",
+                            "2014-12-01",
+                            "2014-12-02",
+                            "2014-12-03",
+                            "2014-12-04",
+                            "2014-12-05",
+                            "2014-12-06",
+                            "2014-12-07",
+                            "2014-12-08",
+                            "2014-12-09",
+                            "2014-12-10",
+                            "2014-12-11",
+                            "2014-12-12",
+                            "2014-12-13",
+                            "2014-12-14",
+                            "2014-12-15",
+                            "2014-12-16"
+                        ]
+                        , "displayAll": {
+                            "enabled": false
+                            , "mod": 3
+                        }
+                        , "wordwrap": false
+                        , "rotation": {
+                            "enabled": true
+                            , "dir": "right"
+                        }
+                    },
+                    "yAxis": {
+                        "autoRate": {
+                            "enabled": true
+                            , "deep": 1
+                            , "rateUp": 2
+                            , "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+                            , "minOffset": .1 /*最小值向下偏移 百分之多少*/
+                        }
+                    },
+                    "animation": {
+                        "enabled": true
+                    },
+                    "series": [
+                        {
+                            "name": "北汽",
+                            "data": [
+                                0,
+                                0,
+                                0,
+                                0,
+                                84018,
+                                81892,
+                                82004,
+                                87625,
+                                85015,
+                                120000,
+                                86120,
+                                74182,
+                                71184,
+                                72038,
+                                72711,
+                                74956,
+                                81987,
+                                75229,
+                                86195,
+                                76900,
+                                78624,
+                                84466,
+                                84498,
+                                83873,
+                                83656,
+                                85722,
+                                77151,
+                                79772,
+                                107068,
+                                90566
+                            ],
+                            "style": {
+                                "stroke": "#ff7100"
+                            },
+                            "pointStyle": {}
+                        },
+                        {
+                            "name": "MG名爵",
+                            "data": [
+                                84039,
+                                82828,
+                                81567,
+                                85531,
+                                83544,
+                                75332,
+                                74107,
+                                82759,
+                                83733,
+                                79110,
+                                80264,
+                                68606,
+                                61461,
+                                61599,
+                                70562,
+                                75320,
+                                0,
+                                0,
+                                0,
+                                0,
+                                73675,
+                                83763,
+                                81138,
+                                79073,
+                                79821,
+                                76209,
+                                69474,
+                                70292,
+                                82381,
+                                79333
+                            ],
+                            "style": {
+                                "stroke": "#ff7100"
+                            },
+                            "pointStyle": {}
+                        }
+                    ],
+                    "legend": {
+                        "enabled": true
+                    },
+                    "plotOptions": {
+                        "area": {
+                        }
+                    },
+                    "colors": [
+                        "0xbb9b3e",
+                        "0x4673c0"
+                    ],
+                    "lineBreak":{
+                        "enabled": true
+                    },
+                    "callback": {
+                        "initedCallback": "initedCallback"
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/line/demo.update.html b/modules/JC.FChart/0.1/_demo/line/demo.update.html
new file mode 100644
index 0000000..106bc63
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/line/demo.update.html
@@ -0,0 +1,313 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - line chart 示例</h2>
+
+    <dl class="js_jchartTest">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        CurveGram Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "subtitle": { }, 
+        "xAxis": {
+            "categories": [
+                "升级", 
+                "降级", 
+                "不变"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    9, 
+                    20, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    10, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    5, 
+                    30
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    8, 
+                    12, 
+                    32
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    7, 
+                    9, 
+                    12
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true, 
+            "interval": 20, 
+            "direction": "TOP_CENTER"
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }, 
+        "vline": {
+            "enabled": false
+        }, 
+        "dataLabels": {
+            "enabled": true
+        }, 
+        "plotOptions": {
+            "line": {
+                "dashStyle": "ShortDash"
+            }
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        CurveGram ZoneChart
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "xAxis": {
+            "categories": [
+                "111111", 
+                "2", 
+                "3", 
+                "4", 
+                "5", 
+                "6", 
+                "7", 
+                "8", 
+                "9", 
+                "10", 
+                "11", 
+                "122222"
+            ]
+        }, 
+        "displayAllLabel": true, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    10, 
+                    0, 
+                    3, 
+                    10, 
+                    20, 
+                    27, 
+                    28, 
+                    32, 
+                    30, 
+                    25, 
+                    15, 
+                    5
+                ], 
+                "dashStyle": "Dash", 
+                "fillColor": { }
+            }, 
+            {
+                "name": "Rainfall", 
+                "data": [
+                    20, 
+                    21, 
+                    20, 
+                    100, 
+                    200, 
+                    210, 
+                    220, 
+                    100, 
+                    20, 
+                    10, 
+                    20, 
+                    10
+                ], 
+                "dashStyle": "Dot", 
+                "fillColor": { }
+            }
+        ], 
+        "title": { }, 
+        "credits": {
+            "enabled": false, 
+            "href": "http://fchart.openjavascript.org/", 
+            "text": "fchart.openjavascript.org"
+        }, 
+        "subtitle": { }, 
+        "yAxis": {
+            "title": { }
+        }
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                console.dir( $.parseJSON( _data ) );
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.WorldMap.html b/modules/JC.FChart/0.1/_demo/map/demo.WorldMap.html
index 289bdc1..534b6c4 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.WorldMap.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.WorldMap.html
@@ -27,7 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
 
         <dd>
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.callback.ChinaMap.html b/modules/JC.FChart/0.1/_demo/map/demo.callback.ChinaMap.html
index 901259e..487860f 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.callback.ChinaMap.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.callback.ChinaMap.html
@@ -27,7 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
 
         <dd>
@@ -71,10 +71,10 @@ <h2>JC.FChart - map chart 示例</h2>
                             zoomRate: .5,
                             zoomSpeed: .5
                         },
-                        callBack:{
-                            initedCallback: "inited",
-                            hoverCallback: "hovered",
-                            clickCallback: "clicked"
+                        callback: {
+                            itemHoverCallback: "hovered",
+                            itemClickCallback: "clicked",
+                            initedCallback: "inited"
                         },
                         series:[{
                             name: "平均房价",
@@ -233,13 +233,13 @@ <h2>JC.FChart - map chart 示例</h2>
             console.log('Map inited!');
         }
 
-        function hovered( a ) {
+        function hovered( data ) {
             //JC.dir( a.data );
-            console.log('hovered : '+ a.data.name);
+            console.log('hovered : '+ data.data.name);
         }
 
-        function clicked(a) {
-            alert('you clicked : '+ JSON.stringify( a.data ) );
+        function clicked( data ) {
+            alert('you clicked : '+ JSON.stringify( data.data ) );
         }
     </script>
 </body>
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.callback.WorldMap.html b/modules/JC.FChart/0.1/_demo/map/demo.callback.WorldMap.html
index 06af560..772a034 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.callback.WorldMap.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.callback.WorldMap.html
@@ -27,9 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
-        <dt></dt>
-
+    <dl class="defDl">
         <dd>
             <div class="js_compFChart"
                 chartScriptData="|script"
@@ -72,10 +70,10 @@ <h2>JC.FChart - map chart 示例</h2>
         					zoomRate: .5,
         					zoomSpeed: .5
         				},
-                        callBack: {
-                            initedCallback: "inited",
-                            hoverCallback: "hovered",
-                            clickCallback: "clicked"
+                        callback: {
+                            itemHoverCallback: "hovered",
+                            itemClickCallback: "clicked",
+                            initedCallback: "inited"
                         },
         				series:[{
         					name: "defaultData",
@@ -92,17 +90,18 @@ <h2>JC.FChart - map chart 示例</h2>
         </dd>          
     </dl>
     <script type="text/javascript">
+
         function inited() {
             console.log('Map inited!');
         }
 
-        function hovered( a ) {
+        function hovered( data ) {
             //JC.dir( a.data );
-            console.log('hovered : '+ a.data.name);
+            console.log('hovered : '+ data.data.name);
         }
 
-        function clicked(a) {
-            alert('you clicked : '+ JSON.stringify( a.data ) );
+        function clicked( data ) {
+            alert('you clicked : '+ JSON.stringify( data.data ) );
         }
     </script>
 </body>
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.no_title_and_change_color.html b/modules/JC.FChart/0.1/_demo/map/demo.no_title_and_change_color.html
index 8fefc4e..8961daa 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.no_title_and_change_color.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.no_title_and_change_color.html
@@ -27,7 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
         <dd>
             <div class="js_compFChart"
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.scroll.html b/modules/JC.FChart/0.1/_demo/map/demo.scroll.html
index 289bdc1..534b6c4 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.scroll.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.scroll.html
@@ -27,7 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
 
         <dd>
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.tips.html b/modules/JC.FChart/0.1/_demo/map/demo.tips.html
index 6c3940d..fa82a6e 100644
--- a/modules/JC.FChart/0.1/_demo/map/demo.tips.html
+++ b/modules/JC.FChart/0.1/_demo/map/demo.tips.html
@@ -27,7 +27,7 @@ <h2>JC.FChart - map chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
 
         <dd>
diff --git a/modules/JC.FChart/0.1/_demo/map/demo.update.html b/modules/JC.FChart/0.1/_demo/map/demo.update.html
new file mode 100644
index 0000000..8d2e154
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/map/demo.update.html
@@ -0,0 +1,361 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - map chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="600"
+                style="text-align:center;"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'map', 
+                            bgColor: 0xffffff
+                        }, 
+                        
+                        title: {
+                            text:'World Map'
+                        },
+                        subtitle: {
+                            text: 'callback demo'
+                        }, 
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        tooltip: {      
+                            "headerFormat": "{0}"
+                            , "pointFormat": "{0}"
+                        },
+                        yAxis: {
+                            enabled: true,
+                            format: '{0}',
+                            ratenum: 5
+                        },
+                        legend: {
+                            enabled: false
+                        },
+                        zoom: {
+                            enable: true,
+                            zoomRate: .5,
+                            zoomSpeed: .5
+                        },
+                        callBack: {
+                            initedCallback: "inited",
+                            hoverCallback: "hovered",
+                            clickCallback: "clicked"
+                        },
+                        series:[{
+                            name: "defaultData",
+                            mapType: "World",
+                            highColor: 0x8ec72f,
+                            hoverColor: 0xaf72c8,
+                            defaultData: 10,
+                            data: [ ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>          
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        map data update
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "chart": {
+            "type": "map", 
+            "bgColor": 16777215
+        }, 
+        "title": {
+            "text": "China Map"
+        }, 
+        "subtitle": {
+            "text": "sub title"
+        }, 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "tooltip": {
+            "headerFormat": "{0}", 
+            "pointFormat": "{0}"
+        }, 
+        "yAxis": {
+            "enabled": true, 
+            "format": "{0}", 
+            "ratenum": 5
+        }, 
+        "legend": { }, 
+        "zoom": {
+            "enable": true, 
+            "zoomRate": 0.5, 
+            "zoomSpeed": 0.5
+        }, 
+        "callBack": {
+            "initedCallback": "inited", 
+            "hoverCallback": "hovered", 
+            "clickCallback": "clicked"
+        }, 
+        "series": [
+            {
+                "name": "平均房价", 
+                "mapType": "China", 
+                "highColor": 3112664, 
+                "lowColor": 16777215, 
+                "hoverColor": 12245589, 
+                "data": [
+                    {
+                        "id": 1, 
+                        "name": "辽宁", 
+                        "value": 12601
+                    }, 
+                    {
+                        "id": 2, 
+                        "name": "河北", 
+                        "value": 18697
+                    }, 
+                    {
+                        "id": 3, 
+                        "name": "北京", 
+                        "value": 33288
+                    }, 
+                    {
+                        "id": 4, 
+                        "name": "上海", 
+                        "value": 30825
+                    }, 
+                    {
+                        "id": 5, 
+                        "name": "江苏", 
+                        "value": 18242
+                    }, 
+                    {
+                        "id": 6, 
+                        "name": "吉林", 
+                        "value": 16863
+                    }, 
+                    {
+                        "id": 7, 
+                        "name": "黑龙江", 
+                        "value": 10365
+                    }, 
+                    {
+                        "id": 8, 
+                        "name": "内蒙古", 
+                        "value": 6325
+                    }, 
+                    {
+                        "id": 9, 
+                        "name": "青海", 
+                        "value": 11952
+                    }, 
+                    {
+                        "id": 10, 
+                        "name": "山东", 
+                        "value": 15650
+                    }, 
+                    {
+                        "id": 11, 
+                        "name": "天津", 
+                        "value": 24829
+                    }, 
+                    {
+                        "id": 12, 
+                        "name": "宁夏", 
+                        "value": 18865
+                    }, 
+                    {
+                        "id": 13, 
+                        "name": "陕西", 
+                        "value": 15954
+                    }, 
+                    {
+                        "id": 14, 
+                        "name": "台湾", 
+                        "value": 26559
+                    }, 
+                    {
+                        "id": 15, 
+                        "name": "海南", 
+                        "value": 21820
+                    }, 
+                    {
+                        "id": 16, 
+                        "name": "河南", 
+                        "value": 17850
+                    }, 
+                    {
+                        "id": 17, 
+                        "name": "新疆", 
+                        "value": 6825
+                    }, 
+                    {
+                        "id": 18, 
+                        "name": "甘肃", 
+                        "value": 8843
+                    }, 
+                    {
+                        "id": 19, 
+                        "name": "香港", 
+                        "value": 27825
+                    }, 
+                    {
+                        "id": 20, 
+                        "name": "西藏", 
+                        "value": 7429
+                    }, 
+                    {
+                        "id": 21, 
+                        "name": "四川", 
+                        "value": 15281
+                    }, 
+                    {
+                        "id": 22, 
+                        "name": "云南", 
+                        "value": 8875
+                    }, 
+                    {
+                        "id": 23, 
+                        "name": "贵州", 
+                        "value": 7825
+                    }, 
+                    {
+                        "id": 24, 
+                        "name": "澳门", 
+                        "value": 28565
+                    }, 
+                    {
+                        "id": 25, 
+                        "name": "广西", 
+                        "value": 23845
+                    }, 
+                    {
+                        "id": 26, 
+                        "name": "广东", 
+                        "value": 25025
+                    }, 
+                    {
+                        "id": 27, 
+                        "name": "重庆", 
+                        "value": 22825
+                    }, 
+                    {
+                        "id": 28, 
+                        "name": "湖北", 
+                        "value": 18225
+                    }, 
+                    {
+                        "id": 29, 
+                        "name": "湖南", 
+                        "value": 21325
+                    }, 
+                    {
+                        "id": 30, 
+                        "name": "江西", 
+                        "value": 19620
+                    }, 
+                    {
+                        "id": 31, 
+                        "name": "安徽", 
+                        "value": 17826
+                    }, 
+                    {
+                        "id": 32, 
+                        "name": "福建", 
+                        "value": 20833
+                    }, 
+                    {
+                        "id": 33, 
+                        "name": "浙江", 
+                        "value": 22807
+                    }, 
+                    {
+                        "id": 34, 
+                        "name": "山西", 
+                        "value": 9638
+                    }
+                ]
+            }
+        ]
+    }
+                    </textarea>
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.bar.bar.html b/modules/JC.FChart/0.1/_demo/mix/demo.bar.bar.html
new file mode 100644
index 0000000..e6fda6d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.bar.bar.html
@@ -0,0 +1,808 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart - bar, bar 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+
+
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "bar",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+                            "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"data": [
+								11018,
+								10207,
+								14018,
+								15313,
+								14018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+                            , "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "BOTTOM_RIGHT"
+					},
+					"plotOptions": {
+						/*
+						"area": {
+							"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.bar.line.html b/modules/JC.FChart/0.1/_demo/mix/demo.bar.line.html
new file mode 100644
index 0000000..22e2c9d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.bar.line.html
@@ -0,0 +1,812 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart - bar, line 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , "rotation": {
+                            "enabled": true
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+                            "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								11018,
+								10207,
+								14018,
+								15313,
+								14018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+                            , "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "BOTTOM_RIGHT"
+					},
+					"plotOptions": {
+						/*
+						"area": {
+							"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+                    "dataLabels": {
+                        "enabled": true
+                    }
+
+				}
+                </script>
+            </div>
+        </dd>
+        
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.callBack.html b/modules/JC.FChart/0.1/_demo/mix/demo.callBack.html
new file mode 100644
index 0000000..9a81ea7
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.callBack.html
@@ -0,0 +1,213 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix 示例</h2>
+
+    <h3>Click回调数据显示在控制台中，请在F12 Console中查看</h3>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+                    callback: {
+                        initedCallback: 'initedCallback'
+                        , itemClickCallback: 'itemClickCallback'
+                        , groupClickCallback: 'groupClickCallback'
+                    }
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function initedCallback() {
+            console.log( 'line inited !' );
+            console.log( $( '#jchart_gid_1' ) );
+        }
+        
+        function itemClickCallback( _data ) {
+            console.log( 'do itemClickCallback : ' );
+            console.log( _data );
+        }
+
+        function groupClickCallback( _data ) {
+            console.log( 'do groupClickCallback : ' );
+            console.log( _data );
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/mix/demo.labelRotation.html
new file mode 100644
index 0000000..057359c
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.labelRotation.html
@@ -0,0 +1,1300 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                chartWidth="800"
+                >
+                <script type="text/template">
+
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 140
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 45
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18--日趋势日趋势日趋势日趋势日趋势日趋势日趋势日趋势123",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+						, "rotation": { 
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/mix/demo.legendUpdate.html
new file mode 100644
index 0000000..f628a4b
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.legendUpdate.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />MG名爵</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />MG名爵1</label>
+                <label><input type="checkbox" data-index="2" checked="checked" />北汽</label>
+                <label><input type="checkbox" data-index="3" checked="checked" />北汽1</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.line.line.html b/modules/JC.FChart/0.1/_demo/mix/demo.line.line.html
new file mode 100644
index 0000000..693155a
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.line.line.html
@@ -0,0 +1,807 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart - line, line 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+                            "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+						, {
+							opposite: true
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="800"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "MG名爵1",
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"data": [
+								11018,
+								10207,
+								14018,
+								15313,
+								14018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+                            , "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "BOTTOM_RIGHT"
+					},
+					"plotOptions": {
+						/*
+						"area": {
+							"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+        
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.stack.bar.line.html b/modules/JC.FChart/0.1/_demo/mix/demo.stack.bar.line.html
new file mode 100644
index 0000000..3b7de70
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.stack.bar.line.html
@@ -0,0 +1,1303 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - mix chart - stack, bar, line 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+                        , rotation: {
+                            "enabled": true
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							"title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 2,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , rotation: {
+                            "enabled": true
+                            , "angle": -90
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "stack",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , rotation: {
+                            "enabled": true
+                            , "angle": 90
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "bar",
+							"name": "北汽1",
+							"yAxis": 1,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 0,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 0,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 1,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							"title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 2,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "stack",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": false
+							}
+						}
+						, {
+							"type": "stack",
+							"name": "MG名爵1",
+							"yAxis": 0,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}						
+						, {
+							"type": "bar",
+							"name": "北汽1",
+							"yAxis": 1,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+							, "dataLabels": {
+								"enabled": true
+							}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -10 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					},
+					"dataLabels": {
+						"enabled": false
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/demo.update.html b/modules/JC.FChart/0.1/_demo/mix/demo.update.html
new file mode 100644
index 0000000..a4fef0c
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/demo.update.html
@@ -0,0 +1,398 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - mix chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "subtitle": {
+						"text": "日趋势 subtitle"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "test vtitle"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, "title": {
+								"text": "test vtitle 1"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "title": {
+								"text": "test vtitle 2"
+								, "enabled": 1
+							}
+						}
+						, {
+							opposite: true
+							, "autoRate": {
+								"enabled": true
+								, "rateUp": 0
+								, "maxOffset": .1
+								, "minOffset": .1
+							}
+							, "title": {
+								"text": "test vtitle 3"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"yAxis": 0,
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "MG名爵1",
+							"yAxis": 1,
+							"data": [
+								5039,
+								3828,
+								2567,
+								6531,
+								4544
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 2,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}						, {
+							"type": "line",
+							"name": "北汽1",
+							"yAxis": 3,
+							"data": [
+								34018,
+								41018,
+								40207,
+								34018,
+								25313
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"plotOptions": {
+						/*
+						"area": {
+						"fillColor": {}
+						}
+						*/
+					},
+					/*
+					"colors": [
+					"0xbb9b3e",
+					"0x4673c0"
+					],
+					*/
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        MixChart Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							"opposite": true
+                            , "autoRate": {
+                                "enabled": true
+                                , "minOffset": 0.1
+                            }
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": 0xff7100
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": 0xff7100
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "BOTTOM_RIGHT"
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        MixChart Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "日趋势"
+					}
+					, "xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+					},
+					"yAxis": [
+						{
+						}
+						, {
+							opposite: true
+                            , "autoRate": {
+                                "enabled": true
+                                , "minOffset": .1
+                            }
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "MG名爵",
+							"data": [
+								4039,
+								2828,
+								1567,
+								5531,
+								3544
+							],
+							"style": {
+								"stroke": 0xff7100
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "bar",
+							"name": "北汽",
+							"yAxis": 1,
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018
+							],
+							"style": {
+								"stroke": 0xff7100
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "BOTTOM_RIGHT"
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+                $( '.js_compFChart object' )[ 0 ].update( eval( '(' + _data + ')' ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/mix/index.php b/modules/JC.FChart/0.1/_demo/mix/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/mix/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/pie/demo.animation.html b/modules/JC.FChart/0.1/_demo/pie/demo.animation.html
new file mode 100644
index 0000000..e02d2bb
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/pie/demo.animation.html
@@ -0,0 +1,364 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - pie chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: true
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 0
+                        , plotOptions: {
+                            pie: {
+                                dataLabels: {
+                                    enabled: false
+                                }
+                            }
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 90
+                        , dataLabels: {
+                            enabled: false
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 180
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  100]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/pie/demo.dataLabels.html b/modules/JC.FChart/0.1/_demo/pie/demo.dataLabels.html
new file mode 100644
index 0000000..6d3d24f
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/pie/demo.dataLabels.html
@@ -0,0 +1,267 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - pie chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: true
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                        , dataLabels: {
+                            format: "~{0}~"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            format: "{0}, {1}"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            format: "{0}, {1}, {2}%"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                        , animation: {
+                            enabled: true
+                            , "duration": 2
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        , dataLabels: {
+                            enabled: true
+                        }
+                        , totalLabel: {
+                            enabled: true
+                            , bgStyle: {
+                                color: 0xffffff
+                                , alpha: 1
+                            }
+                            , rate: .4
+                            , format: "{0}~"
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+                        , animation: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/pie/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/pie/demo.legendUpdate.html
new file mode 100644
index 0000000..7e7db33
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/pie/demo.legendUpdate.html
@@ -0,0 +1,108 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - pie chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Firefox</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />IE</label>
+                <label><input type="checkbox" data-index="2" checked="checked" />Chrome</label>
+                <label><input type="checkbox" data-index="3" checked="checked" />Safari</label>
+                <label><input type="checkbox" data-index="4" checked="checked" />Opera</label>
+                <label><input type="checkbox" data-index="5" checked="checked" />Others</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'pie' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: false
+                        }
+                        , animation: {
+                            "enabled": true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/pie/demo.simple.html b/modules/JC.FChart/0.1/_demo/pie/demo.simple.html
new file mode 100644
index 0000000..4d2557a
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/pie/demo.simple.html
@@ -0,0 +1,342 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - pie chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                            , "enabled": false
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 0
+                        , plotOptions: {
+                            pie: {
+                                dataLabels: {
+                                    enabled: false
+                                }
+                            }
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "MIDDLE_RIGHT"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 90
+                        , dataLabels: {
+                            enabled: false
+                        }
+                        , legend: {
+                            enabled: true
+                            , "direction": "RIGHT_BOTTOM"
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   0.7]
+                            ]
+                        }]
+                        ,offsetAngle: 180
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  100]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "pie",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                            , "graphic": {
+                                bgColor: 0xffffff
+                                , borderColor: 0xffffff
+                            }
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',  99]
+                                , ['chrome',  1]
+                            ]
+                        }]
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/pie/demo.update.html b/modules/JC.FChart/0.1/_demo/pie/demo.update.html
new file mode 100644
index 0000000..0ef2fa5
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/pie/demo.update.html
@@ -0,0 +1,171 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - pie chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="600"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'pie' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                ['Firefox',   45.0],
+                                ['IE',       26.8],
+                                {
+                                    name: 'Chrome',
+                                    y: 12.8,
+                                    selected: true
+                                },
+                                ['Safari',    8.5],
+                                ['Opera',     6.2],
+                                ['Others',   50]
+                            ]
+                        }]
+                        , legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        pie data update
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "chart": {
+            "type": "pie"
+        }, 
+        "title": {
+            "text": "浏览器使用份额"
+        }, 
+        "subtitle": {
+            "text": "for PC"
+        }, 
+        "series": [
+            {
+                "name": "Browser share", 
+                "data": [
+                    [
+                        "Firefox", 
+                        45
+                    ], 
+                    [
+                        "IE", 
+                        26.8
+                    ], 
+                    {
+                        "name": "Chrome", 
+                        "y": 12.8, 
+                        "selected": true
+                    }, 
+                    [
+                        "Safari", 
+                        8.5
+                    ], 
+                    [
+                        "Opera", 
+                        6.2
+                    ], 
+                    [
+                        "Others", 
+                        0.7
+                    ]
+                ]
+            }
+        ] 
+        , "angle": {
+            "offset": 90
+        }
+        , "animation": {
+            "enabled": true
+        }
+    }
+                    </textarea>
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/rate/demo.html b/modules/JC.FChart/0.1/_demo/rate/demo.html
index e387026..e968fbc 100644
--- a/modules/JC.FChart/0.1/_demo/rate/demo.html
+++ b/modules/JC.FChart/0.1/_demo/rate/demo.html
@@ -32,8 +32,263 @@ <h2>JC.FChart - rate chart 示例</h2>
         <dd>
             <div class="js_compFChart"
                 chartScriptData="/script"
-                chartWidth="600"
-                chartHeight="500"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 100
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 90
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 80
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 70
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 60
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
                 >
                 <script type="text/template">
                     {
@@ -51,7 +306,7 @@ <h2>JC.FChart - rate chart 示例</h2>
                             data: [
                                 {
                                     name: 'Firefox'
-                                    ,  y: 50.01
+                                    ,  y: 50
                                     , style: { size: 40 }
                                     , borderBgColor: 0xECECEC
                                     , borderBgFillColor: 0xffffff
@@ -61,7 +316,7 @@ <h2>JC.FChart - rate chart 示例</h2>
                             ]
                         }]
                         , radius: {
-                            borderWidth: 20
+                            borderWidth: 10
                         }
                         , yAxis: {
                             maxvalue: 100
@@ -80,6 +335,263 @@ <h2>JC.FChart - rate chart 示例</h2>
                 </script>
             </div>
         </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 40
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 30
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 20
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 10
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="200"
+                chartHeight="200"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 0
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 10
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
         <dd>
             <div class="js_compFChart"
                 chartScriptData="/script"
diff --git a/modules/JC.FChart/0.1/_demo/rate/demo.update.html b/modules/JC.FChart/0.1/_demo/rate/demo.update.html
new file mode 100644
index 0000000..7f361c0
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/rate/demo.update.html
@@ -0,0 +1,171 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - rate chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'rate' 
+                        }, 
+                        title: {
+                            text:'浏览器使用份额'
+                        },
+                        subtitle: {
+                            text: 'for PC'
+                        }, 
+                        series:[{
+                            name: 'Browser share',
+                            data: [
+                                {
+                                    name: 'Firefox'
+                                    ,  y: 50.01
+                                    , style: { size: 40 }
+                                    , borderBgColor: 0xECECEC
+                                    , borderBgFillColor: 0xffffff
+                                    , dataBorderBgColor: 0xFEB556
+                                    , dataBorderBgFillColor: 0xFDF0F2
+                                }
+                            ]
+                        }]
+                        , radius: {
+                            borderWidth: 20
+                        }
+                        , yAxis: {
+                            maxvalue: 100
+                        }
+                        
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+
+                        , tooltip: {
+                            enabled: true
+                            , pointFormat: '{0}%'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        Rate data Update
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "chart": {
+            "type": "rate"
+        }, 
+        "title": {
+            "text": "浏览器使用份额"
+        }, 
+        "subtitle": {
+            "text": "for PC"
+        }, 
+        "series": [
+            {
+                "name": "Browser share", 
+                "data": [
+                    [
+                        "Firefox", 
+                        200
+                    ]
+                ]
+            }
+        ], 
+        "yAxis": {
+            "maxvalue": 1000
+        }, 
+        "offsetAngle": 0, 
+        "plotOptions": {
+            "rate": {
+                "dataLabels": {
+                    "enabled": false
+                }
+            }
+        }, 
+        "legend": {
+            "enabled": false
+        }
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.animation.html b/modules/JC.FChart/0.1/_demo/stack/demo.animation.html
new file mode 100644
index 0000000..05b6c02
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.animation.html
@@ -0,0 +1,342 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                            , "enabled": false
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                            , "enabled": false
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+                        , hoverBg: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0,
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+                        , dataLabels: {
+                            "enabled": true
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: false
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false,
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.autoRate.html b/modules/JC.FChart/0.1/_demo/stack/demo.autoRate.html
new file mode 100644
index 0000000..87ed7bc
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.autoRate.html
@@ -0,0 +1,453 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2 style="">JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "stack"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": true
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                            , bgColor: 0xffffff
+                        }, 
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ "升级", "降级", "不变" ]
+                        }, 
+                        yAxis: {
+                            format: '{0}'
+                            , "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: '销售一部'
+                            , data: [ 9, 20, 30 ]
+                            , format: '{0}'
+                        }
+                            , {
+                                name: '销售二部'
+                                , data: [ 10, 10, 10 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售三部'
+                                , data: [ 5, 5, 30 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售四部'
+                                , data: [ 8, 12, 32 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售五部'
+                                , data: [ 7, 9, 12]
+                                , format: '{0}'
+                            }
+                        ],
+                        credits: {
+                            enabled: false
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                            , interval: 20
+                            , direction: 'TOP_CENTER'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        },
+                        vbar: {
+                            enabled: false
+                        },         
+                        plotOptions: {
+                            stack: {
+                                dashStyle: 'ShortDash'
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                {
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+                        , "autoRate": {
+                            "enabled": true
+                            , "deep": 2
+                        }
+					},
+					"hbar":
+					{
+						"enabled": true
+					}, 
+					"vbar":
+					{
+						"enabled": false
+					}, 
+					"vsidebar":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+                        "bgColor": 16777215,
+                        "type": "stack"
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						stack: {
+							dashStyle: 'LongDash'
+						}
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.chartDataVar.html b/modules/JC.FChart/0.1/_demo/stack/demo.chartDataVar.html
new file mode 100644
index 0000000..a0486d4
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.chartDataVar.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartDataVar="chartData"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script>
+                    var chartData = {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    };
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.custom.flash.params.html b/modules/JC.FChart/0.1/_demo/stack/demo.custom.flash.params.html
new file mode 100644
index 0000000..83b52b8
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.custom.flash.params.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.custom.tooltip.html b/modules/JC.FChart/0.1/_demo/stack/demo.custom.tooltip.html
new file mode 100644
index 0000000..2c3586b
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.custom.tooltip.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: "stack"
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }
+                        , xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {					
+                            enabled: false	
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}"			
+                            , "pointFormat": "{0}%"
+                            //, enabled: false
+                            , afterSerial: [
+                                {
+                                    name: '区分度',
+                                    data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                                }
+                            ]
+                            
+                            , headerYSpace: 6
+                            , itemYSpace: 6
+                            , valueLabelXSpace: 0
+                            
+                            , headerStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 14
+                                , color: 0x777777
+                            }
+                            , labelStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0xaaaaaa
+                            }
+                            , valueStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0x5dc068
+                            }
+                            
+                            , headerIcon: {
+                                enabled: true
+                                , style: {
+                                    color: 0x5DC068
+                                }
+                            }
+                            
+                        }
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.dataLabel.html b/modules/JC.FChart/0.1/_demo/stack/demo.dataLabel.html
new file mode 100644
index 0000000..03fcff5
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.dataLabel.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "stack",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                        }, 
+                        "colors":
+                        [
+                            44015, 
+                            10333619, 
+                            639232, 
+                            816836, 
+                            16713241
+                        ], 
+                        "vline":
+                        {
+                            "enabled": false
+                        }, 
+                        "xAxis":
+                        {
+                            "wordwrap": true, 
+                            "categories":
+                            [
+                                "pos.baidu.com", 
+                                "www.baidu.com", 
+                                "hao.360.cn", 
+                                "wd.360.cn", 
+                                "internal.host.com", 
+                                "eclick.baidu.com", 
+                                "googleads.g.doubleclick.net", 
+                                "user.qzone.qq.com", 
+                                "www.so.com", 
+                                "ptlogin2.qq.com"
+                            ]
+                        }, 
+                        "dataLabels":
+                        {
+                            "format": "{0}", 
+                            "enabled": true
+                        }, 
+                        "yAxis":
+                        {
+                            "enabled": false
+                        }, 
+                        "legend":
+                        {
+                            "enabled": false
+                        }, 
+                        "displayAllLabel": true, 
+                        "maxItem":
+                        {
+                            "style":
+                            {
+                                "size": 18, 
+                                "color": 6146425
+                            }
+                        }, 
+                        "tooltip":
+                        {
+                            "enabled": true
+                        }, 
+                        "hline":
+                        {
+                            "enabled": false
+                        }, 
+                        "series":
+                        [
+                            {
+                                "name": "pv", 
+                                "data":
+                                [
+                                    "7026299386", 
+                                    "2243248546", 
+                                    "1918390720", 
+                                    "1887903406", 
+                                    "1517144906", 
+                                    "1463547200", 
+                                    "958396100", 
+                                    "951335880", 
+                                    "941430913", 
+                                    "914735040"
+                                ]
+                                , "labelData": [
+                                    "70.26亿", 
+                                    "22.43亿", 
+                                    "19.18亿", 
+                                    "18.87亿", 
+                                    "15.17亿", 
+                                    "14.63亿", 
+                                    "9.58亿", 
+                                    "9.51亿", 
+                                    "9.41亿", 
+                                    "9.14亿"
+                                ]
+                            }
+                        ]
+                    }               
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.displayAll.mod.html b/modules/JC.FChart/0.1/_demo/stack/demo.displayAll.mod.html
new file mode 100644
index 0000000..c93dc17
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.displayAll.mod.html
@@ -0,0 +1,528 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 0, mod = 7</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 1, mod = 3</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 3
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.double.line.html b/modules/JC.FChart/0.1/_demo/stack/demo.double.line.html
new file mode 100644
index 0000000..60682af
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.double.line.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }, 
+                        xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {
+                            enabled: false
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}"			
+                            , "pointFormat": "{0}"
+                            , enabled: true
+                            , "serial": [
+                                {
+                                    "name": "总体"
+                                    , "data": [ 
+                                        1000, 2000, 3000, 4000, 5000, 6000
+                                        , 1000, 2000, 3000, 4000, 5000
+                                    ]
+                                }
+                            ]
+                            , "afterSerial": [
+                                {
+                                    "name": "区分度"
+                                    , "data": [ 
+                                        1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                        , 2.01, 2.02, 2.03, 2.04, 2.05
+                                    ]
+                                }
+                            ]
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.double.line.percent.html b/modules/JC.FChart/0.1/_demo/stack/demo.double.line.percent.html
new file mode 100644
index 0000000..6fcb06d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.double.line.percent.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }, 
+                        xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {
+                            enabled: false
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}%"			
+                            , "pointFormat": "{0}%"
+                            , enabled: true
+                            , "serial": [
+                                {
+                                    "name": "总体"
+                                    , "data": [ 
+                                        1000, 2000, 3000, 4000, 5000, 6000
+                                        , 1000, 2000, 3000, 4000, 5000
+                                    ]
+                                }
+                            ]
+                            , "afterSerial": [
+                                {
+                                    "name": "区分度"
+                                    , "data": [ 
+                                        1.04, 1.05, 1.06, 1.07, 1.08, 1.09
+                                        , 2.01, 2.02, 2.03, 2.04, 2.05
+                                    ]
+                                }
+                            ]
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.html b/modules/JC.FChart/0.1/_demo/stack/demo.html
new file mode 100644
index 0000000..ebdf5dd
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.itemBg.html b/modules/JC.FChart/0.1/_demo/stack/demo.itemBg.html
new file mode 100644
index 0000000..7987723
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.itemBg.html
@@ -0,0 +1,119 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                    {
+                        
+                        xAxis: {
+                            categories: [ 
+                                '网页游戏1\n游戏', '网页游戏2\n游戏', '网页游戏3\n游戏', '网页游戏4\n游戏', '网页游戏5\n游戏'
+                                , '网页游戏6\n游戏', '网页游戏7\n游戏', '网页游戏8\n游戏', '网页游戏9\n游戏', '网页游戏9\n游戏'
+                            ]
+                        }
+                        , yAxis: {
+                            format: '{0}'
+                            , enabled: false
+                        }
+                        , series:[{
+                            name: '最大区分度 - 兴趣'
+                            , data: [
+                                0.98, 1.99, 1.01, 1.02, 1.05
+                                , 1.98, 2.99, 0.001, 3.02, 3.05
+                            ]
+                        }]
+                        , tooltip: {		
+                            enabled: false
+                            , "headerFormat": "{0}"			
+                            , "pointFormat": "{0}"
+                            
+                        }
+                        /*isPercent: true,*/
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x03ACEF
+                            , 0x5DC979
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]    				
+                        , chart: {
+                            bgColor: 0xffffff
+                            , bgAlpha: 1
+                            , type: 'stack' 
+                            /*, graphicHeight: 220*/
+                        }
+                        , itemBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 0
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/stack/demo.labelRotation.html
new file mode 100644
index 0000000..8d33c69
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.labelRotation.html
@@ -0,0 +1,1030 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111111111111111111111111111111111123",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999456",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle":50
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "stack"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "rotation": {
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/stack/demo.legendUpdate.html
new file mode 100644
index 0000000..65b72f8
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.legendUpdate.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Temperature</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.no_rate.html b/modules/JC.FChart/0.1/_demo/stack/demo.no_rate.html
new file mode 100644
index 0000000..2ccd749
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.no_rate.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        xAxis: {
+                            categories: [ 
+                                '兴趣点1', '兴趣点2', '兴趣点3', '兴趣点4', '兴趣点5'
+                            ]
+                            , wordwrap: true
+                        }, 
+                        yAxis: {
+                            format: '{0}%'
+                            , maxvalue: 100
+                            , enabled: false
+                        },
+                        series:[{
+                            name: '时段分布'
+                            , data: [
+                                80.12, 70.12, 50.12, 30.12, 10.12
+                            ]
+                        }],
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: true
+                        }
+                        , tooltip: {		
+                            "headerFormat": "{0} 日"			
+                            , "pointFormat": "{0}%"
+                            , enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                        ]
+                        , maxItem: {
+                            style: { color: 0x5DC979, size: 18 }
+                        }
+                        , dataLabels: {
+                            enabled: true,
+                            format: '{0}%'
+                        }, 
+                        chart: {
+                            bgColor: 0xffffff
+                            , bgAlpha: 1
+                            , type: 'stack' 
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.no_vline.html b/modules/JC.FChart/0.1/_demo/stack/demo.no_vline.html
new file mode 100644
index 0000000..6dcb470
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.no_vline.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                {
+                    xAxis: {
+                        categories: [ 
+                            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+                            , '10', '11', '12', '13', '14', '15', '16', '17', '18', '19'
+                            , '20', '21', '22', '23', '0'
+                        ]
+                        , wordwrap: false
+                    }, 
+                    yAxis: {
+                        format: '{0}%'
+                    },
+                    series:[{
+                        name: '时段分布'
+                        , data: [
+                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9
+                            , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19
+                            , 20, 21, 22, 23, 0
+                        ]
+                    }],
+                    isPercent: true,
+                    displayAllLabel: true,
+                    legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: true
+                    }
+                    , tooltip: {
+                        "headerFormat": "{0}"			
+                        , "pointFormat": "{0} %"			
+                        , enabled: true
+
+                        , header: [
+                            '0 时~', '1 时~', '2 时~', '3 时~', '4 时~', '5 时~', '6 时~', '7 时~', '8 时~', '9 时~'
+                            , '10 时~', '11 时~', '12 时~', '13 时~', '14 时~', '15 时~', '16 时~', '17 时~', '18 时~', '19 时~'
+                            , '20 时~', '21 时~', '22 时~', '23 时~', '0 时~'
+                        ]
+
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                        , 'type': 'stack'
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.no_vline_hline.html b/modules/JC.FChart/0.1/_demo/stack/demo.no_vline_hline.html
new file mode 100644
index 0000000..32f49e8
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.no_vline_hline.html
@@ -0,0 +1,90 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+
+                {
+                    xAxis: {
+                        categories: [ '学生', '公司职员', '公司管理者', '公务员', '事业单位', '个体经营', '自由职业', '产业\n服务员\n工人', '农业\n劳动者', '其他' ]
+                        , wordwrap: true
+                    } 
+                    , yAxis: {
+                        enabled: true,
+                        format: '{0}%'
+                    }
+                    , series:[{
+                        name: '职业'
+                        , data: [ 11, 14, 43, 12, 21, 8, 4, 6, 8, 5 ]
+                    }]
+                    , rateLabel: {
+                        enabled: false
+                    }
+                    , displayAllLabel: true
+                    , legend: {
+                        enabled: false
+                    }
+                    , vline: {
+                        enabled: false
+                    }
+                    , hline: {
+                        enabled: false
+                    }
+                    , tooltip: {
+                        enabled: false
+                    }
+                    , colors: [
+                        0x00ABEF
+                        , 0x9DADB3
+                        , 0x09c100
+                        , 0x0c76c4 				
+                        , 0xff0619
+                    ]
+                    , maxItem: {
+                        style: { color: 0x5DC979, size: 18 }
+                    }
+                    , chart: {
+                        bgColor: 0xffffff
+                        , bgAlpha: 1
+                        , type: 'stack'
+                    }
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.normal.html b/modules/JC.FChart/0.1/_demo/stack/demo.normal.html
new file mode 100644
index 0000000..81ae119
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.normal.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/demo.update.html b/modules/JC.FChart/0.1/_demo/stack/demo.update.html
new file mode 100644
index 0000000..c254d26
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/demo.update.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - stack chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        stack Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "subtitle": { }, 
+        "xAxis": {
+            "categories": [
+                "A级客户", 
+                "B级客户", 
+                "C级客户", 
+                "D级客户"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    20, 
+                    30, 
+                    40, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    20, 
+                    35, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    30, 
+                    20, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    12, 
+                    32, 
+                    13, 
+                    23
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    9, 
+                    12, 
+                    31, 
+                    23
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        stack Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "test title 中文"
+        }, 
+        "subtitle": {
+            "text": "test subtitle 中文"
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "vtitle 中文"
+            }
+        }, 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "xAxis": {
+            "categories": [
+                2111111111111, 
+                2, 
+                3, 
+                4, 
+                5, 
+                6, 
+                7, 
+                8, 
+                999999999999
+            ], 
+            "tipTitlePostfix": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    -50, 
+                    -1, 
+                    -3, 
+                    10.01, 
+                    -20, 
+                    -27, 
+                    -28, 
+                    -32, 
+                    -30
+                ]
+            }, 
+            {
+                "name": "Rainfall1", 
+                "data": [
+                    -20.1, 
+                    -21, 
+                    50, 
+                    100, 
+                    -10, 
+                    -210, 
+                    -220, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall2", 
+                "data": [
+                    -30, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -20, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall3", 
+                "data": [
+                    -40, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -120, 
+                    -100, 
+                    -20
+                ]
+            }
+        ], 
+        "legend": {
+            "enabled": true
+        }, 
+        "displayAllLabel": false
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/stack/index.php b/modules/JC.FChart/0.1/_demo/stack/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/stack/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/trend/demo - fixed_tips_char.html b/modules/JC.FChart/0.1/_demo/trend/demo - fixed_tips_char.html
index 011300a..8317521 100644
--- a/modules/JC.FChart/0.1/_demo/trend/demo - fixed_tips_char.html	
+++ b/modules/JC.FChart/0.1/_demo/trend/demo - fixed_tips_char.html	
@@ -27,9 +27,8 @@ <h2>JC.FChart - trend chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
-
         <dd>
             <div class="js_compFChart"
                 chartScriptData="|script"
diff --git a/modules/JC.FChart/0.1/_demo/trend/demo - for_day_chart.html b/modules/JC.FChart/0.1/_demo/trend/demo - for_day_chart.html
index b60caa5..655261c 100644
--- a/modules/JC.FChart/0.1/_demo/trend/demo - for_day_chart.html	
+++ b/modules/JC.FChart/0.1/_demo/trend/demo - for_day_chart.html	
@@ -27,9 +27,8 @@ <h2>JC.FChart - trend chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
-
         <dd>
             <div class="js_compFChart"
                 chartScriptData="|script"
diff --git a/modules/JC.FChart/0.1/_demo/trend/demo - for_month_chart.html b/modules/JC.FChart/0.1/_demo/trend/demo - for_month_chart.html
index 4717726..0316b9f 100644
--- a/modules/JC.FChart/0.1/_demo/trend/demo - for_month_chart.html	
+++ b/modules/JC.FChart/0.1/_demo/trend/demo - for_month_chart.html	
@@ -27,9 +27,8 @@ <h2>JC.FChart - trend chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
-
         <dd>
             <div class="js_compFChart"
                 chartScriptData="|script"
diff --git a/modules/JC.FChart/0.1/_demo/trend/demo - for_year_chart.html b/modules/JC.FChart/0.1/_demo/trend/demo - for_year_chart.html
index bf9ed7b..41c65b2 100644
--- a/modules/JC.FChart/0.1/_demo/trend/demo - for_year_chart.html	
+++ b/modules/JC.FChart/0.1/_demo/trend/demo - for_year_chart.html	
@@ -27,9 +27,8 @@ <h2>JC.FChart - trend chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
-    <dl id="wrap" class="defDl">
+    <dl class="defDl">
         <dt></dt>
-
         <dd>
             <div class="js_compFChart"
                 chartScriptData="|script"
diff --git a/modules/JC.FChart/0.1/_demo/trend/demo - update.html b/modules/JC.FChart/0.1/_demo/trend/demo - update.html
new file mode 100644
index 0000000..56b0c48
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/trend/demo - update.html	
@@ -0,0 +1,3323 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - trend chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="1000"
+                chartHeight="400"
+                chartScroll="false"
+                style="text-align:center;"
+                >
+                <script type="text/template">
+                {
+                chart: {
+                    type: 'trend', 
+                    bgColor: 0xF9F9F9
+                }, 
+                title: {
+                    text:'奇虎股票走势图'
+                },
+                subtitle: {
+                    text: '数据来自官方'
+                }, 
+                xAxis: {
+                    num: 5
+                }, 
+                yAxis: {
+                    title: {
+                        text: '每股价格（元）'
+                    }
+                    , format: '{0}'
+                },
+                tooltip: {
+                    enabled: true,
+                    fixed: false,
+                    dynLoading: true,
+                    "headerFormat": "{0} {1}",
+                    afterSerial: [ {
+                            name: '当前价',
+                            format: '{0}元',
+                            data: 'c'
+                        }, {
+                            name: '涨跌幅',
+                            format: '{0}%',
+                            data: 'p'
+                        }, {
+                            name: '成交量',
+                            data: 'v'
+                        } ]
+                },
+                vline: {
+                    enabled: true
+                },
+                series:[{
+                    dataName: "qihu",
+                    startDate: "2011-09-02",
+                    endDate: "2014-10-13",
+                    data: [
+                    {d:"2011-03-30",o:"27.00",h:"34.40",l:"26.70",c:"34.00",v:"25036841",p:"1.23"},
+                    {d:"2011-03-31",o:"36.12",h:"36.21",l:"29.00",c:"29.59",v:"16754375",p:"1.23"},
+                    {d:"2011-04-01",o:"29.80",h:"30.82",l:"28.52",c:"29.50",v:"7038955",p:"1.23"},
+                    {d:"2011-04-04",o:"30.04",h:"31.38",l:"29.60",c:"30.30",v:"3113575",p:"1.23"},
+                    {d:"2011-04-05",o:"29.86",h:"30.77",l:"29.15",c:"29.26",v:"2094943",p:"1.23"},
+                    {d:"2011-04-06",o:"29.76",h:"30.10",l:"27.00",c:"27.98",v:"3451517",p:"1.23"},
+                    {d:"2011-04-07",o:"27.84",h:"29.04",l:"27.13",c:"27.88",v:"2797789",p:"1.23"},
+                    {d:"2011-04-08",o:"27.72",h:"28.50",l:"25.48",c:"25.48",v:"2932608",p:"1.23"},
+                    {d:"2011-04-11",o:"25.33",h:"26.45",l:"24.26",c:"24.80",v:"5961331",p:"1.23"},
+                    {d:"2011-04-12",o:"24.65",h:"26.40",l:"24.01",c:"24.10",v:"8045258",p:"1.23"},
+                    {d:"2011-04-13",o:"24.74",h:"25.93",l:"24.16",c:"25.65",v:"3891432",p:"1.23"},
+                    {d:"2011-04-14",o:"25.61",h:"29.40",l:"25.55",c:"29.10",v:"7136717",p:"1.23"},
+                    {d:"2011-04-15",o:"29.28",h:"30.96",l:"28.12",c:"29.42",v:"6255671",p:"1.23"},
+                    {d:"2011-04-18",o:"28.68",h:"31.97",l:"28.10",c:"31.92",v:"3793010",p:"1.23"},
+                    {d:"2011-04-19",o:"33.07",h:"35.15",l:"32.98",c:"34.04",v:"7382086",p:"1.23"},
+                    {d:"2011-04-20",o:"35.05",h:"35.72",l:"31.92",c:"31.98",v:"4928458",p:"1.23"},
+                    {d:"2011-04-25",o:"32.37",h:"34.19",l:"31.28",c:"33.47",v:"3671314",p:"1.23"},
+                    {d:"2011-04-26",o:"34.08",h:"35.16",l:"32.00",c:"32.22",v:"3690479",p:"1.23"},
+                    {d:"2011-04-27",o:"32.69",h:"32.87",l:"28.65",c:"30.24",v:"4719962",p:"1.23"},
+                    {d:"2011-04-28",o:"30.00",h:"30.86",l:"29.00",c:"29.02",v:"1774855",p:"1.23"},
+                    {d:"2011-04-29",o:"29.45",h:"29.99",l:"28.28",c:"28.50",v:"1597280",p:"1.23"},
+                    {d:"2011-05-02",o:"28.81",h:"28.95",l:"27.68",c:"27.73",v:"1432447",p:"1.23"},
+                    {d:"2011-05-03",o:"27.99",h:"27.99",l:"25.83",c:"25.85",v:"1935872",p:"1.23"},
+                    {d:"2011-05-04",o:"25.90",h:"27.88",l:"25.00",c:"27.87",v:"2801658",p:"1.23"},
+                    {d:"2011-05-05",o:"27.56",h:"28.50",l:"26.09",c:"26.13",v:"1680639",p:"1.23"},
+                    {d:"2011-05-06",o:"26.77",h:"27.74",l:"26.60",c:"26.93",v:"1098862",p:"1.23"},
+                    {d:"2011-05-09",o:"26.98",h:"27.89",l:"26.95",c:"27.25",v:"673340",p:"1.23"},
+                    {d:"2011-05-10",o:"27.82",h:"27.95",l:"25.61",c:"25.75",v:"1094647",p:"1.23"},
+                    {d:"2011-05-11",o:"26.40",h:"26.59",l:"25.25",c:"25.33",v:"1332076",p:"1.23"},
+                    {d:"2011-05-12",o:"25.45",h:"26.68",l:"25.23",c:"26.52",v:"1160327",p:"1.23"},
+                    {d:"2011-05-13",o:"26.50",h:"27.18",l:"25.86",c:"26.20",v:"1287493",p:"1.23"},
+                    {d:"2011-05-16",o:"25.86",h:"26.66",l:"24.95",c:"24.96",v:"1290013",p:"1.23"},
+                    {d:"2011-05-17",o:"24.92",h:"26.79",l:"24.05",c:"26.79",v:"1485137",p:"1.23"},
+                    {d:"2011-05-18",o:"27.00",h:"28.63",l:"26.03",c:"27.37",v:"1789543",p:"1.23"},
+                    {d:"2011-05-19",o:"27.50",h:"29.12",l:"27.44",c:"28.52",v:"1560048",p:"1.23"},
+                    {d:"2011-05-20",o:"29.58",h:"29.79",l:"28.75",c:"29.43",v:"1286789",p:"1.23"},
+                    {d:"2011-05-23",o:"28.41",h:"28.96",l:"27.25",c:"27.81",v:"1099997",p:"1.23"},
+                    {d:"2011-05-24",o:"28.60",h:"28.61",l:"27.72",c:"28.30",v:"847138",p:"1.23"},
+                    {d:"2011-05-25",o:"29.75",h:"29.90",l:"26.05",c:"26.77",v:"1955079",p:"1.23"},
+                    {d:"2011-05-26",o:"27.00",h:"27.10",l:"25.30",c:"26.48",v:"1182071",p:"1.23"},
+                    {d:"2011-05-31",o:"26.05",h:"26.43",l:"25.72",c:"26.10",v:"735872",p:"1.23"},
+                    {d:"2011-06-01",o:"26.49",h:"26.98",l:"25.95",c:"26.25",v:"971375",p:"1.23"},
+                    {d:"2011-06-02",o:"26.11",h:"26.64",l:"25.80",c:"25.86",v:"438743",p:"1.23"},
+                    {d:"2011-06-03",o:"25.50",h:"25.67",l:"23.70",c:"23.73",v:"1237749",p:"1.23"},
+                    {d:"2011-06-06",o:"23.75",h:"23.77",l:"20.10",c:"20.25",v:"2878567",p:"1.23"},
+                    {d:"2011-06-07",o:"21.05",h:"25.74",l:"20.81",c:"23.80",v:"3850283",p:"1.23"},
+                    {d:"2011-06-08",o:"23.69",h:"24.71",l:"21.50",c:"21.82",v:"1145586",p:"1.23"},
+                    {d:"2011-06-09",o:"22.36",h:"23.13",l:"21.84",c:"22.62",v:"930946",p:"1.23"},
+                    {d:"2011-06-10",o:"22.89",h:"22.89",l:"21.32",c:"21.50",v:"943726",p:"1.23"},
+                    {d:"2011-06-13",o:"22.69",h:"22.69",l:"21.01",c:"21.50",v:"866910",p:"1.23"},
+                    {d:"2011-06-14",o:"22.48",h:"22.48",l:"21.30",c:"21.68",v:"745284",p:"1.23"},
+                    {d:"2011-06-15",o:"21.14",h:"21.65",l:"20.99",c:"21.03",v:"452792",p:"1.23"},
+                    {d:"2011-06-16",o:"21.90",h:"22.02",l:"20.36",c:"20.45",v:"672768",p:"1.23"},
+                    {d:"2011-06-17",o:"21.28",h:"21.30",l:"16.53",c:"17.48",v:"3060346",p:"1.23"},
+                    {d:"2011-06-20",o:"17.25",h:"17.89",l:"16.22",c:"16.75",v:"1603778",p:"1.23"},
+                    {d:"2011-06-21",o:"16.84",h:"18.77",l:"16.84",c:"18.54",v:"1807122",p:"1.23"},
+                    {d:"2011-06-22",o:"18.12",h:"19.10",l:"17.75",c:"18.43",v:"521440",p:"1.23"},
+                    {d:"2011-06-23",o:"17.80",h:"18.26",l:"17.46",c:"18.00",v:"464604",p:"1.23"},
+                    {d:"2011-06-24",o:"17.98",h:"17.98",l:"16.14",c:"16.24",v:"1687812",p:"1.23"},
+                    {d:"2011-06-27",o:"16.63",h:"16.95",l:"16.01",c:"16.78",v:"803102",p:"1.23"},
+                    {d:"2011-06-28",o:"17.45",h:"19.89",l:"17.09",c:"18.12",v:"2400158",p:"1.23"},
+                    {d:"2011-06-29",o:"18.60",h:"19.85",l:"18.36",c:"19.69",v:"1452295",p:"1.23"},
+                    {d:"2011-06-30",o:"19.98",h:"20.11",l:"19.02",c:"19.41",v:"666602",p:"1.23"},
+                    {d:"2011-07-04",o:"19.17",h:"21.36",l:"19.17",c:"21.14",v:"925750",p:"1.23"},
+                    {d:"2011-07-05",o:"21.35",h:"23.34",l:"21.35",c:"23.28",v:"1270574",p:"1.23"},
+                    {d:"2011-07-06",o:"23.39",h:"23.50",l:"22.00",c:"22.89",v:"881070",p:"1.23"},
+                    {d:"2011-07-07",o:"23.26",h:"23.67",l:"22.28",c:"22.47",v:"831179",p:"1.23"},
+                    {d:"2011-07-08",o:"20.96",h:"22.34",l:"20.35",c:"22.12",v:"649628",p:"1.23"},
+                    {d:"2011-07-11",o:"21.46",h:"22.80",l:"21.46",c:"22.30",v:"749418",p:"1.23"},
+                    {d:"2011-07-12",o:"22.16",h:"23.00",l:"21.57",c:"22.02",v:"514971",p:"1.23"},
+                    {d:"2011-07-13",o:"22.00",h:"23.92",l:"21.65",c:"23.92",v:"1676471",p:"1.23"},
+                    {d:"2011-07-14",o:"23.99",h:"24.95",l:"22.89",c:"24.28",v:"1066229",p:"1.23"},
+                    {d:"2011-07-15",o:"24.68",h:"24.75",l:"23.94",c:"24.11",v:"434291",p:"1.23"},
+                    {d:"2011-07-18",o:"23.87",h:"24.71",l:"23.02",c:"24.56",v:"360788",p:"1.23"},
+                    {d:"2011-07-19",o:"24.90",h:"24.90",l:"23.77",c:"24.69",v:"431689",p:"1.23"},
+                    {d:"2011-07-20",o:"24.77",h:"25.73",l:"24.08",c:"25.01",v:"670812",p:"1.23"},
+                    {d:"2011-07-21",o:"25.19",h:"25.75",l:"23.31",c:"24.74",v:"625783",p:"1.23"},
+                    {d:"2011-07-22",o:"24.74",h:"25.19",l:"23.33",c:"23.56",v:"453556",p:"1.23"},
+                    {d:"2011-07-25",o:"22.86",h:"23.53",l:"22.20",c:"23.14",v:"583856",p:"1.23"},
+                    {d:"2011-07-26",o:"23.26",h:"24.75",l:"23.23",c:"24.26",v:"443904",p:"1.23"},
+                    {d:"2011-07-27",o:"23.65",h:"24.35",l:"23.23",c:"24.02",v:"310571",p:"1.23"},
+                    {d:"2011-07-28",o:"24.52",h:"24.60",l:"23.66",c:"23.78",v:"211361",p:"1.23"},
+                    {d:"2011-07-29",o:"23.48",h:"23.57",l:"22.80",c:"23.05",v:"303444",p:"1.23"},
+                    {d:"2011-08-01",o:"23.80",h:"23.95",l:"21.92",c:"22.01",v:"394240",p:"1.23"},
+                    {d:"2011-08-02",o:"22.12",h:"22.19",l:"20.53",c:"20.57",v:"264870",p:"1.23"},
+                    {d:"2011-08-03",o:"21.49",h:"21.50",l:"20.50",c:"20.95",v:"1053576",p:"1.23"},
+                    {d:"2011-08-04",o:"20.89",h:"20.99",l:"20.00",c:"20.43",v:"539003",p:"1.23"},
+                    {d:"2011-08-05",o:"20.63",h:"21.51",l:"18.71",c:"19.65",v:"1041963",p:"1.23"},
+                    {d:"2011-08-08",o:"18.70",h:"18.70",l:"17.10",c:"18.00",v:"1026728",p:"1.23"},
+                    {d:"2011-08-09",o:"18.15",h:"20.26",l:"18.01",c:"20.26",v:"732199",p:"1.23"},
+                    {d:"2011-08-10",o:"20.03",h:"20.67",l:"19.42",c:"19.77",v:"749875",p:"1.23"},
+                    {d:"2011-08-11",o:"21.46",h:"22.00",l:"20.01",c:"21.57",v:"648918",p:"1.23"},
+                    {d:"2011-08-12",o:"21.84",h:"22.40",l:"21.09",c:"21.82",v:"688051",p:"1.23"},
+                    {d:"2011-08-15",o:"22.42",h:"23.44",l:"22.34",c:"23.04",v:"344849",p:"1.23"},
+                    {d:"2011-08-16",o:"22.58",h:"22.58",l:"21.33",c:"21.75",v:"226179",p:"1.23"},
+                    {d:"2011-08-17",o:"21.51",h:"23.49",l:"21.50",c:"23.25",v:"493118",p:"1.23"},
+                    {d:"2011-08-18",o:"24.40",h:"25.59",l:"22.53",c:"24.72",v:"2157346",p:"1.23"},
+                    {d:"2011-08-19",o:"24.05",h:"26.08",l:"24.05",c:"24.56",v:"1950038",p:"1.23"},
+                    {d:"2011-08-22",o:"25.11",h:"25.43",l:"22.55",c:"23.32",v:"965527",p:"1.23"},
+                    {d:"2011-08-23",o:"23.63",h:"24.00",l:"22.93",c:"23.77",v:"181492",p:"1.23"},
+                    {d:"2011-08-24",o:"23.35",h:"24.00",l:"23.10",c:"23.53",v:"244510",p:"1.23"},
+                    {d:"2011-08-25",o:"24.09",h:"24.40",l:"22.61",c:"22.86",v:"169921",p:"1.23"},
+                    {d:"2011-08-26",o:"22.58",h:"22.75",l:"22.36",c:"22.45",v:"327554",p:"1.23"},
+                    {d:"2011-08-29",o:"22.75",h:"23.49",l:"22.22",c:"23.21",v:"544506",p:"1.23"},
+                    {d:"2011-08-30",o:"22.93",h:"24.27",l:"22.93",c:"23.87",v:"556668",p:"1.23"},
+                    {d:"2011-08-31",o:"23.90",h:"24.38",l:"23.72",c:"23.80",v:"338853",p:"1.23"},
+                    {d:"2011-09-01",o:"23.56",h:"23.99",l:"23.54",c:"23.80",v:"159735",p:"1.23"},
+                    {d:"2011-09-02",o:"23.11",h:"23.64",l:"22.50",c:"22.77",v:"184776",p:"1.23"},
+                    {d:"2011-09-06",o:"21.98",h:"22.88",l:"21.68",c:"22.33",v:"275359",p:"1.23"},
+                    {d:"2011-09-07",o:"22.36",h:"23.26",l:"22.25",c:"22.76",v:"252093",p:"1.23"},
+                    {d:"2011-09-08",o:"22.60",h:"22.95",l:"22.30",c:"22.56",v:"135578",p:"1.23"},
+                    {d:"2011-09-09",o:"22.27",h:"22.70",l:"21.80",c:"21.94",v:"122981",p:"1.23"},
+                    {d:"2011-09-12",o:"21.23",h:"21.94",l:"21.23",c:"21.58",v:"204994",p:"1.23"},
+                    {d:"2011-09-13",o:"22.31",h:"22.49",l:"21.30",c:"21.58",v:"124434",p:"1.23"},
+                    {d:"2011-09-14",o:"21.51",h:"21.91",l:"21.22",c:"21.30",v:"191788",p:"1.23"},
+                    {d:"2011-09-15",o:"21.35",h:"21.49",l:"21.08",c:"21.11",v:"202124",p:"1.23"},
+                    {d:"2011-09-16",o:"21.10",h:"21.31",l:"20.55",c:"20.64",v:"245238",p:"1.23"},
+                    {d:"2011-09-19",o:"20.54",h:"20.54",l:"19.76",c:"19.91",v:"261780",p:"1.23"},
+                    {d:"2011-09-20",o:"19.90",h:"20.62",l:"18.00",c:"18.38",v:"651253",p:"1.23"},
+                    {d:"2011-09-21",o:"18.41",h:"19.00",l:"17.95",c:"18.00",v:"384554",p:"1.23"},
+                    {d:"2011-09-22",o:"17.06",h:"18.39",l:"16.64",c:"16.95",v:"1104233",p:"1.23"},
+                    {d:"2011-09-23",o:"16.95",h:"17.98",l:"16.95",c:"17.55",v:"427616",p:"1.23"},
+                    {d:"2011-09-26",o:"17.55",h:"17.78",l:"16.92",c:"17.31",v:"324095",p:"1.23"},
+                    {d:"2011-09-27",o:"17.98",h:"18.97",l:"17.40",c:"17.69",v:"737564",p:"1.23"},
+                    {d:"2011-09-28",o:"18.50",h:"18.87",l:"17.51",c:"17.75",v:"406307",p:"1.23"},
+                    {d:"2011-09-29",o:"17.70",h:"18.40",l:"16.30",c:"17.09",v:"659709",p:"1.23"},
+                    {d:"2011-09-30",o:"16.50",h:"16.95",l:"16.07",c:"16.34",v:"351562",p:"1.23"},
+                    {d:"2011-10-03",o:"16.55",h:"16.99",l:"15.15",c:"15.25",v:"586946",p:"1.23"},
+                    {d:"2011-10-04",o:"15.01",h:"15.40",l:"14.30",c:"14.81",v:"648285",p:"1.23"},
+                    {d:"2011-10-05",o:"14.69",h:"16.00",l:"14.52",c:"15.81",v:"377663",p:"1.23"},
+                    {d:"2011-10-06",o:"16.70",h:"17.45",l:"16.07",c:"16.72",v:"336991",p:"1.23"},
+                    {d:"2011-10-07",o:"16.91",h:"16.99",l:"15.37",c:"15.54",v:"340124",p:"1.23"},
+                    {d:"2011-10-10",o:"15.83",h:"17.00",l:"15.31",c:"16.95",v:"347431",p:"1.23"},
+                    {d:"2011-10-11",o:"16.31",h:"17.32",l:"16.17",c:"16.76",v:"609780",p:"1.23"},
+                    {d:"2011-10-12",o:"17.03",h:"18.49",l:"17.03",c:"18.23",v:"1289440",p:"1.23"},
+                    {d:"2011-10-13",o:"18.39",h:"18.75",l:"17.70",c:"18.15",v:"539824",p:"1.23"},
+                    {d:"2011-10-14",o:"18.50",h:"19.24",l:"18.18",c:"18.51",v:"441403",p:"1.23"},
+                    {d:"2011-10-17",o:"18.58",h:"19.19",l:"17.97",c:"19.14",v:"450254",p:"1.23"},
+                    {d:"2011-10-18",o:"18.77",h:"19.00",l:"17.62",c:"18.01",v:"559297",p:"1.23"},
+                    {d:"2011-10-19",o:"18.20",h:"18.44",l:"17.26",c:"17.54",v:"495891",p:"1.23"},
+                    {d:"2011-10-20",o:"17.45",h:"18.10",l:"17.24",c:"17.95",v:"288733",p:"1.23"},
+                    {d:"2011-10-21",o:"18.37",h:"18.42",l:"17.88",c:"18.25",v:"265592",p:"1.23"},
+                    {d:"2011-10-24",o:"18.51",h:"20.49",l:"18.50",c:"20.00",v:"954631",p:"1.23"},
+                    {d:"2011-10-25",o:"20.14",h:"20.14",l:"19.02",c:"19.61",v:"772030",p:"1.23"},
+                    {d:"2011-10-26",o:"19.77",h:"20.00",l:"19.16",c:"19.50",v:"512033",p:"1.23"},
+                    {d:"2011-10-27",o:"20.43",h:"20.93",l:"19.82",c:"20.49",v:"1587817",p:"1.23"},
+                    {d:"2011-10-28",o:"20.50",h:"21.49",l:"20.48",c:"21.02",v:"1791011",p:"1.23"},
+                    {d:"2011-10-31",o:"20.40",h:"21.03",l:"19.78",c:"20.21",v:"1272724",p:"1.23"},
+                    {d:"2011-11-01",o:"18.50",h:"18.99",l:"17.32",c:"18.12",v:"5588258",p:"1.23"},
+                    {d:"2011-11-02",o:"18.41",h:"18.89",l:"17.90",c:"18.12",v:"896805",p:"1.23"},
+                    {d:"2011-11-03",o:"18.19",h:"18.29",l:"16.51",c:"16.69",v:"1263386",p:"1.23"},
+                    {d:"2011-11-04",o:"16.43",h:"17.79",l:"16.35",c:"17.28",v:"960442",p:"1.23"},
+                    {d:"2011-11-08",o:"17.80",h:"18.24",l:"17.65",c:"17.95",v:"827795",p:"1.23"},
+                    {d:"2011-11-09",o:"17.89",h:"18.16",l:"17.65",c:"18.04",v:"765924",p:"1.23"},
+                    {d:"2011-11-10",o:"17.90",h:"19.07",l:"17.70",c:"18.07",v:"1312063",p:"1.23"},
+                    {d:"2011-11-11",o:"18.02",h:"18.10",l:"17.56",c:"17.89",v:"474207",p:"1.23"},
+                    {d:"2011-11-14",o:"17.76",h:"19.47",l:"17.76",c:"19.47",v:"1030826",p:"1.23"},
+                    {d:"2011-11-15",o:"19.06",h:"20.50",l:"18.68",c:"20.34",v:"2247057",p:"1.23"},
+                    {d:"2011-11-16",o:"19.00",h:"19.98",l:"18.64",c:"18.92",v:"2102352",p:"1.23"},
+                    {d:"2011-11-17",o:"20.25",h:"20.25",l:"17.10",c:"17.58",v:"3291729",p:"1.23"},
+                    {d:"2011-11-18",o:"17.73",h:"18.65",l:"17.70",c:"18.38",v:"1895789",p:"1.23"},
+                    {d:"2011-11-21",o:"18.10",h:"18.12",l:"16.52",c:"16.89",v:"2500377",p:"1.23"},
+                    {d:"2011-11-22",o:"16.85",h:"17.50",l:"15.53",c:"16.00",v:"1541488",p:"1.23"},
+                    {d:"2011-11-23",o:"16.00",h:"16.11",l:"15.41",c:"15.97",v:"746954",p:"1.23"},
+                    {d:"2011-11-25",o:"16.00",h:"16.40",l:"15.50",c:"15.63",v:"464262",p:"1.23"},
+                    {d:"2011-11-28",o:"16.41",h:"16.70",l:"15.50",c:"15.67",v:"860701",p:"1.23"},
+                    {d:"2011-11-29",o:"15.90",h:"16.30",l:"15.51",c:"16.10",v:"1096707",p:"1.23"},
+                    {d:"2011-11-30",o:"16.70",h:"17.07",l:"16.12",c:"16.42",v:"705642",p:"1.23"},
+                    {d:"2011-12-01",o:"16.39",h:"17.41",l:"16.09",c:"17.32",v:"570485",p:"1.23"},
+                    {d:"2011-12-02",o:"17.37",h:"18.73",l:"17.02",c:"18.33",v:"978628",p:"1.23"},
+                    {d:"2011-12-05",o:"18.41",h:"18.75",l:"17.22",c:"17.62",v:"1466487",p:"1.23"},
+                    {d:"2011-12-06",o:"18.28",h:"18.75",l:"17.65",c:"18.21",v:"1194098",p:"1.23"},
+                    {d:"2011-12-07",o:"18.07",h:"18.40",l:"17.28",c:"17.95",v:"864063",p:"1.23"},
+                    {d:"2011-12-08",o:"18.73",h:"18.73",l:"17.54",c:"18.40",v:"584907",p:"1.23"},
+                    {d:"2011-12-09",o:"18.33",h:"19.40",l:"18.33",c:"19.31",v:"1464635",p:"1.23"},
+                    {d:"2011-12-12",o:"19.01",h:"19.49",l:"18.33",c:"19.00",v:"815549",p:"1.23"},
+                    {d:"2011-12-13",o:"18.92",h:"19.42",l:"18.25",c:"18.70",v:"1136313",p:"1.23"},
+                    {d:"2011-12-14",o:"18.67",h:"18.69",l:"17.70",c:"18.07",v:"599439",p:"1.23"},
+                    {d:"2011-12-15",o:"18.31",h:"18.31",l:"16.90",c:"17.11",v:"1075641",p:"1.23"},
+                    {d:"2011-12-16",o:"16.90",h:"17.66",l:"16.90",c:"17.49",v:"773152",p:"1.23"},
+                    {d:"2011-12-19",o:"17.99",h:"19.10",l:"16.66",c:"16.92",v:"570284",p:"1.23"},
+                    {d:"2011-12-20",o:"17.11",h:"17.11",l:"15.82",c:"16.16",v:"1519227",p:"1.23"},
+                    {d:"2011-12-21",o:"15.90",h:"16.20",l:"15.51",c:"15.73",v:"707284",p:"1.23"},
+                    {d:"2011-12-22",o:"15.73",h:"16.18",l:"15.57",c:"16.09",v:"498092",p:"1.23"},
+                    {d:"2011-12-23",o:"16.11",h:"16.65",l:"16.11",c:"16.51",v:"300403",p:"1.23"},
+                    {d:"2011-12-27",o:"16.52",h:"16.70",l:"16.21",c:"16.57",v:"267553",p:"1.23"},
+                    {d:"2011-12-28",o:"16.60",h:"17.27",l:"16.27",c:"17.10",v:"591452",p:"1.23"},
+                    {d:"2011-12-29",o:"17.10",h:"17.30",l:"16.05",c:"16.51",v:"682104",p:"1.23"},
+                    {d:"2011-12-30",o:"16.53",h:"16.66",l:"15.57",c:"15.69",v:"997355",p:"1.23"},
+                    {d:"2012-01-03",o:"16.44",h:"16.44",l:"15.06",c:"15.33",v:"1060855",p:"1.23"},
+                    {d:"2012-01-04",o:"15.54",h:"15.54",l:"13.81",c:"13.98",v:"1950585",p:"1.23"},
+                    {d:"2012-01-05",o:"14.39",h:"14.72",l:"13.71",c:"14.51",v:"1437807",p:"1.23"},
+                    {d:"2012-01-06",o:"14.41",h:"14.48",l:"13.81",c:"13.95",v:"1247836",p:"1.23"},
+                    {d:"2012-01-09",o:"13.91",h:"14.73",l:"13.86",c:"14.56",v:"948513",p:"1.23"},
+                    {d:"2012-01-10",o:"15.23",h:"15.98",l:"15.23",c:"15.75",v:"1915066",p:"1.23"},
+                    {d:"2012-01-11",o:"15.60",h:"16.97",l:"15.52",c:"16.87",v:"1259517",p:"1.23"},
+                    {d:"2012-01-12",o:"16.87",h:"17.27",l:"16.55",c:"16.75",v:"2052180",p:"1.23"},
+                    {d:"2012-01-13",o:"16.73",h:"16.73",l:"15.76",c:"16.00",v:"806893",p:"1.23"},
+                    {d:"2012-01-17",o:"16.39",h:"16.84",l:"16.31",c:"16.44",v:"789234",p:"1.23"},
+                    {d:"2012-01-18",o:"16.67",h:"17.21",l:"16.11",c:"16.50",v:"826953",p:"1.23"},
+                    {d:"2012-01-19",o:"16.45",h:"17.14",l:"16.21",c:"16.96",v:"1044725",p:"1.23"},
+                    {d:"2012-01-20",o:"16.89",h:"17.90",l:"16.78",c:"17.50",v:"919780",p:"1.23"},
+                    {d:"2012-01-23",o:"17.60",h:"17.90",l:"17.00",c:"17.68",v:"1067886",p:"1.23"},
+                    {d:"2012-01-24",o:"17.23",h:"17.80",l:"16.80",c:"17.00",v:"915848",p:"1.23"},
+                    {d:"2012-01-25",o:"17.00",h:"17.47",l:"16.51",c:"16.99",v:"1130183",p:"1.23"},
+                    {d:"2012-01-26",o:"16.98",h:"17.40",l:"16.68",c:"16.90",v:"707008",p:"1.23"},
+                    {d:"2012-01-27",o:"17.20",h:"18.45",l:"17.14",c:"18.11",v:"1821902",p:"1.23"},
+                    {d:"2012-01-30",o:"18.24",h:"18.24",l:"17.00",c:"17.45",v:"1507071",p:"1.23"},
+                    {d:"2012-01-31",o:"17.93",h:"18.40",l:"17.07",c:"18.10",v:"1265728",p:"1.23"},
+                    {d:"2012-02-01",o:"17.90",h:"18.72",l:"17.70",c:"18.53",v:"1045596",p:"1.23"},
+                    {d:"2012-02-02",o:"19.15",h:"19.23",l:"18.39",c:"18.73",v:"1258748",p:"1.23"},
+                    {d:"2012-02-03",o:"19.00",h:"19.35",l:"18.74",c:"19.05",v:"1479453",p:"1.23"},
+                    {d:"2012-02-06",o:"17.78",h:"18.31",l:"16.78",c:"17.89",v:"1693666",p:"1.23"},
+                    {d:"2012-02-07",o:"18.05",h:"18.32",l:"17.16",c:"17.17",v:"1682647",p:"1.23"},
+                    {d:"2012-02-08",o:"17.81",h:"17.81",l:"17.00",c:"17.05",v:"1015952",p:"1.23"},
+                    {d:"2012-02-09",o:"17.20",h:"17.35",l:"16.83",c:"17.02",v:"1362242",p:"1.23"},
+                    {d:"2012-02-10",o:"17.01",h:"17.02",l:"16.72",c:"16.76",v:"1241444",p:"1.23"},
+                    {d:"2012-02-13",o:"16.72",h:"17.25",l:"16.10",c:"16.20",v:"1501281",p:"1.23"},
+                    {d:"2012-02-14",o:"16.58",h:"17.02",l:"16.26",c:"16.98",v:"807397",p:"1.23"},
+                    {d:"2012-02-15",o:"17.00",h:"17.45",l:"17.00",c:"17.08",v:"715175",p:"1.23"},
+                    {d:"2012-02-16",o:"17.00",h:"17.34",l:"16.81",c:"17.11",v:"682104",p:"1.23"},
+                    {d:"2012-02-17",o:"16.90",h:"17.76",l:"16.90",c:"17.48",v:"891772",p:"1.23"},
+                    {d:"2012-02-21",o:"17.71",h:"17.98",l:"17.17",c:"17.17",v:"2287458",p:"1.23"},
+                    {d:"2012-02-22",o:"17.20",h:"17.99",l:"16.65",c:"17.50",v:"2783765",p:"1.23"},
+                    {d:"2012-02-23",o:"18.25",h:"18.70",l:"17.42",c:"18.32",v:"4302985",p:"1.23"},
+                    {d:"2012-02-24",o:"18.36",h:"19.94",l:"18.36",c:"19.72",v:"4506302",p:"1.23"},
+                    {d:"2012-02-27",o:"19.54",h:"19.98",l:"19.09",c:"19.49",v:"2322780",p:"1.23"},
+                    {d:"2012-02-28",o:"19.27",h:"20.60",l:"19.03",c:"19.84",v:"2322613",p:"1.23"},
+                    {d:"2012-02-29",o:"19.86",h:"21.19",l:"19.53",c:"21.14",v:"2274330",p:"1.23"},
+                    {d:"2012-03-01",o:"21.17",h:"21.39",l:"20.65",c:"21.00",v:"1355336",p:"1.23"},
+                    {d:"2012-03-02",o:"21.31",h:"22.23",l:"21.00",c:"22.13",v:"2046759",p:"1.23"},
+                    {d:"2012-03-05",o:"21.92",h:"22.08",l:"21.41",c:"21.86",v:"1165157",p:"1.23"},
+                    {d:"2012-03-06",o:"21.05",h:"21.30",l:"20.50",c:"21.22",v:"1242576",p:"1.23"},
+                    {d:"2012-03-07",o:"21.06",h:"22.06",l:"21.01",c:"21.86",v:"1372734",p:"1.23"},
+                    {d:"2012-03-08",o:"21.77",h:"23.07",l:"21.60",c:"22.97",v:"3187519",p:"1.23"},
+                    {d:"2012-03-09",o:"23.07",h:"23.20",l:"21.64",c:"22.04",v:"1605290",p:"1.23"},
+                    {d:"2012-03-12",o:"22.57",h:"22.60",l:"21.65",c:"21.86",v:"1273655",p:"1.23"},
+                    {d:"2012-03-13",o:"22.11",h:"23.13",l:"22.11",c:"23.10",v:"1828055",p:"1.23"},
+                    {d:"2012-03-14",o:"23.06",h:"23.87",l:"22.00",c:"22.89",v:"1548064",p:"1.23"},
+                    {d:"2012-03-15",o:"23.67",h:"23.67",l:"21.50",c:"22.30",v:"1781177",p:"1.23"},
+                    {d:"2012-03-16",o:"22.30",h:"22.84",l:"21.50",c:"22.45",v:"4389125",p:"1.23"},
+                    {d:"2012-03-19",o:"22.29",h:"22.79",l:"21.75",c:"22.39",v:"1495983",p:"1.23"},
+                    {d:"2012-03-20",o:"22.10",h:"22.65",l:"21.81",c:"22.58",v:"1328633",p:"1.23"},
+                    {d:"2012-03-21",o:"22.51",h:"23.65",l:"22.33",c:"23.55",v:"1578186",p:"1.23"},
+                    {d:"2012-03-22",o:"23.32",h:"24.87",l:"23.15",c:"24.30",v:"2896491",p:"1.23"},
+                    {d:"2012-03-23",o:"24.20",h:"24.99",l:"23.93",c:"24.87",v:"2950727",p:"1.23"},
+                    {d:"2012-03-26",o:"25.00",h:"26.06",l:"24.93",c:"26.01",v:"2046596",p:"1.23"},
+                    {d:"2012-03-27",o:"25.81",h:"26.35",l:"25.34",c:"25.96",v:"2258889",p:"1.23"},
+                    {d:"2012-03-28",o:"25.82",h:"25.95",l:"24.70",c:"25.01",v:"1866218",p:"1.23"},
+                    {d:"2012-03-29",o:"24.87",h:"25.10",l:"23.85",c:"24.93",v:"1419675",p:"1.23"},
+                    {d:"2012-03-30",o:"24.50",h:"24.75",l:"24.13",c:"24.45",v:"2218928",p:"1.23"},
+                    {d:"2012-04-02",o:"24.19",h:"25.09",l:"24.19",c:"25.00",v:"1177199",p:"1.23"},
+                    {d:"2012-04-03",o:"24.09",h:"24.32",l:"21.00",c:"23.83",v:"8819277",p:"1.23"},
+                    {d:"2012-04-04",o:"23.10",h:"23.49",l:"22.65",c:"23.00",v:"1683255",p:"1.23"},
+                    {d:"2012-04-05",o:"22.88",h:"23.47",l:"22.21",c:"22.98",v:"1704494",p:"1.23"},
+                    {d:"2012-04-06",o:"22.88",h:"23.47",l:"22.21",c:"22.98",v:"1704494",p:"1.23"},
+                    {d:"2012-04-09",o:"22.45",h:"23.39",l:"22.40",c:"22.65",v:"822736",p:"1.23"},
+                    {d:"2012-04-10",o:"22.67",h:"23.10",l:"22.09",c:"22.20",v:"724898",p:"1.23"},
+                    {d:"2012-04-11",o:"22.27",h:"22.78",l:"22.07",c:"22.10",v:"1102217",p:"1.23"},
+                    {d:"2012-04-12",o:"22.20",h:"23.03",l:"22.20",c:"22.89",v:"1815411",p:"1.23"},
+                    {d:"2012-04-13",o:"22.89",h:"23.16",l:"21.74",c:"21.78",v:"1441784",p:"1.23"},
+                    {d:"2012-04-16",o:"21.70",h:"22.33",l:"20.14",c:"20.14",v:"2193307",p:"1.23"},
+                    {d:"2012-04-17",o:"20.24",h:"21.68",l:"20.01",c:"21.26",v:"2306618",p:"1.23"},
+                    {d:"2012-04-18",o:"21.06",h:"21.23",l:"20.48",c:"20.63",v:"2293337",p:"1.23"},
+                    {d:"2012-04-19",o:"25.69",h:"26.18",l:"23.83",c:"24.08",v:"8274550",p:"1.23"},
+                    {d:"2012-04-20",o:"24.15",h:"24.44",l:"23.70",c:"24.02",v:"1579688",p:"1.23"},
+                    {d:"2012-04-23",o:"23.39",h:"24.07",l:"23.20",c:"23.87",v:"1029188",p:"1.23"},
+                    {d:"2012-04-24",o:"23.87",h:"24.30",l:"22.61",c:"23.18",v:"1705120",p:"1.23"},
+                    {d:"2012-04-25",o:"23.19",h:"23.36",l:"22.61",c:"22.83",v:"905382",p:"1.23"},
+                    {d:"2012-04-26",o:"23.00",h:"23.93",l:"22.98",c:"23.70",v:"772169",p:"1.23"},
+                    {d:"2012-04-27",o:"23.70",h:"24.00",l:"23.65",c:"23.95",v:"438463",p:"1.23"},
+                    {d:"2012-04-30",o:"23.95",h:"25.00",l:"23.80",c:"24.57",v:"1235564",p:"1.23"},
+                    {d:"2012-05-01",o:"24.50",h:"25.45",l:"24.17",c:"24.95",v:"1543317",p:"1.23"},
+                    {d:"2012-05-02",o:"24.96",h:"24.96",l:"22.97",c:"23.54",v:"2782054",p:"1.23"},
+                    {d:"2012-05-03",o:"24.98",h:"24.98",l:"22.77",c:"23.98",v:"1838437",p:"1.23"},
+                    {d:"2012-05-04",o:"24.14",h:"24.28",l:"23.00",c:"23.01",v:"778364",p:"1.23"},
+                    {d:"2012-05-07",o:"22.87",h:"23.51",l:"22.20",c:"23.41",v:"873546",p:"1.23"},
+                    {d:"2012-05-08",o:"23.14",h:"23.44",l:"22.56",c:"23.02",v:"1259927",p:"1.23"},
+                    {d:"2012-05-09",o:"23.02",h:"23.22",l:"22.80",c:"23.07",v:"879343",p:"1.23"},
+                    {d:"2012-05-10",o:"23.07",h:"23.15",l:"22.17",c:"22.54",v:"1199239",p:"1.23"},
+                    {d:"2012-05-11",o:"22.25",h:"22.33",l:"20.76",c:"21.20",v:"2527077",p:"1.23"},
+                    {d:"2012-05-14",o:"21.00",h:"21.18",l:"18.80",c:"19.01",v:"3266613",p:"1.23"},
+                    {d:"2012-05-15",o:"19.01",h:"20.15",l:"19.01",c:"19.79",v:"1970991",p:"1.23"},
+                    {d:"2012-05-16",o:"19.68",h:"21.15",l:"19.23",c:"20.72",v:"3035813",p:"1.23"},
+                    {d:"2012-05-17",o:"20.80",h:"21.30",l:"20.22",c:"20.64",v:"1935975",p:"1.23"},
+                    {d:"2012-05-18",o:"20.64",h:"21.72",l:"20.32",c:"20.88",v:"2229585",p:"1.23"},
+                    {d:"2012-05-21",o:"20.88",h:"20.98",l:"19.69",c:"20.40",v:"2776681",p:"1.23"},
+                    {d:"2012-05-22",o:"20.36",h:"21.77",l:"20.36",c:"21.40",v:"2327215",p:"1.23"},
+                    {d:"2012-05-23",o:"21.81",h:"21.81",l:"18.50",c:"20.62",v:"3893507",p:"1.23"},
+                    {d:"2012-05-24",o:"20.50",h:"21.01",l:"19.66",c:"19.99",v:"837657",p:"1.23"},
+                    {d:"2012-05-25",o:"20.76",h:"21.07",l:"20.27",c:"20.50",v:"954292",p:"1.23"},
+                    {d:"2012-05-28",o:"20.76",h:"21.07",l:"20.27",c:"20.50",v:"954292",p:"1.23"},
+                    {d:"2012-05-30",o:"21.34",h:"21.43",l:"19.81",c:"20.53",v:"783596",p:"1.23"},
+                    {d:"2012-05-31",o:"20.27",h:"20.41",l:"19.80",c:"20.00",v:"830625",p:"1.23"},
+                    {d:"2012-06-01",o:"19.04",h:"19.50",l:"18.77",c:"19.40",v:"1807478",p:"1.23"},
+                    {d:"2012-06-04",o:"19.00",h:"19.10",l:"17.87",c:"18.70",v:"2092886",p:"1.23"},
+                    {d:"2012-06-05",o:"18.70",h:"19.75",l:"18.70",c:"19.60",v:"669516",p:"1.23"},
+                    {d:"2012-06-06",o:"19.60",h:"19.99",l:"19.23",c:"19.78",v:"757645",p:"1.23"},
+                    {d:"2012-06-07",o:"20.24",h:"20.32",l:"19.50",c:"19.52",v:"747851",p:"1.23"},
+                    {d:"2012-06-08",o:"19.63",h:"19.63",l:"19.04",c:"19.19",v:"497232",p:"1.23"},
+                    {d:"2012-06-11",o:"19.19",h:"19.55",l:"19.19",c:"19.28",v:"385393",p:"1.23"},
+                    {d:"2012-06-12",o:"19.59",h:"19.59",l:"18.40",c:"18.74",v:"1763859",p:"1.23"},
+                    {d:"2012-06-13",o:"18.78",h:"18.96",l:"17.77",c:"17.99",v:"1581220",p:"1.23"},
+                    {d:"2012-06-14",o:"17.91",h:"18.31",l:"17.50",c:"17.68",v:"1204508",p:"1.23"},
+                    {d:"2012-06-15",o:"17.43",h:"18.50",l:"17.43",c:"18.39",v:"1182744",p:"1.23"},
+                    {d:"2012-06-18",o:"18.18",h:"18.50",l:"17.83",c:"18.20",v:"701487",p:"1.23"},
+                    {d:"2012-06-19",o:"18.50",h:"19.74",l:"18.20",c:"19.64",v:"845159",p:"1.23"},
+                    {d:"2012-06-20",o:"19.52",h:"19.52",l:"18.48",c:"18.50",v:"729930",p:"1.23"},
+                    {d:"2012-06-21",o:"18.98",h:"18.98",l:"17.85",c:"18.08",v:"467863",p:"1.23"},
+                    {d:"2012-06-22",o:"18.09",h:"18.21",l:"17.90",c:"17.92",v:"505455",p:"1.23"},
+                    {d:"2012-06-25",o:"17.80",h:"17.91",l:"16.59",c:"17.11",v:"1500394",p:"1.23"},
+                    {d:"2012-06-26",o:"17.10",h:"17.95",l:"17.05",c:"17.47",v:"781306",p:"1.23"},
+                    {d:"2012-06-27",o:"17.59",h:"17.96",l:"17.40",c:"17.54",v:"456229",p:"1.23"},
+                    {d:"2012-06-28",o:"17.87",h:"17.87",l:"17.03",c:"17.20",v:"725344",p:"1.23"},
+                    {d:"2012-06-29",o:"18.00",h:"18.00",l:"17.05",c:"17.29",v:"1447097",p:"1.23"},
+                    {d:"2012-07-02",o:"17.80",h:"18.20",l:"15.47",c:"16.00",v:"3896996",p:"1.23"},
+                    {d:"2012-07-03",o:"17.05",h:"17.27",l:"15.77",c:"16.82",v:"3960025",p:"1.23"},
+                    {d:"2012-07-05",o:"16.93",h:"17.03",l:"16.50",c:"16.79",v:"1433235",p:"1.23"},
+                    {d:"2012-07-06",o:"16.89",h:"16.94",l:"16.55",c:"16.83",v:"874744",p:"1.23"},
+                    {d:"2012-07-09",o:"16.56",h:"17.30",l:"16.31",c:"16.66",v:"651412",p:"1.23"},
+                    {d:"2012-07-10",o:"16.65",h:"16.91",l:"16.12",c:"16.27",v:"689274",p:"1.23"},
+                    {d:"2012-07-11",o:"16.26",h:"16.95",l:"16.26",c:"16.50",v:"1810210",p:"1.23"},
+                    {d:"2012-07-12",o:"16.50",h:"16.64",l:"16.10",c:"16.30",v:"663829",p:"1.23"},
+                    {d:"2012-07-13",o:"16.29",h:"16.59",l:"16.12",c:"16.43",v:"375567",p:"1.23"},
+                    {d:"2012-07-16",o:"16.13",h:"16.30",l:"15.64",c:"15.75",v:"1376923",p:"1.23"},
+                    {d:"2012-07-17",o:"15.43",h:"15.79",l:"14.70",c:"14.81",v:"2544378",p:"1.23"},
+                    {d:"2012-07-19",o:"15.15",h:"15.54",l:"14.90",c:"15.29",v:"1029726",p:"1.23"},
+                    {d:"2012-07-20",o:"15.51",h:"15.53",l:"14.95",c:"15.03",v:"821479",p:"1.23"},
+                    {d:"2012-07-23",o:"14.80",h:"15.75",l:"14.55",c:"15.57",v:"982398",p:"1.23"},
+                    {d:"2012-07-24",o:"15.57",h:"15.90",l:"14.87",c:"15.59",v:"625134",p:"1.23"},
+                    {d:"2012-07-25",o:"15.17",h:"15.60",l:"15.10",c:"15.33",v:"429775",p:"1.23"},
+                    {d:"2012-07-26",o:"15.97",h:"15.97",l:"14.63",c:"14.63",v:"1276460",p:"1.23"},
+                    {d:"2012-07-27",o:"14.60",h:"15.65",l:"14.60",c:"15.43",v:"706353",p:"1.23"},
+                    {d:"2012-07-30",o:"15.20",h:"15.43",l:"14.70",c:"14.83",v:"691289",p:"1.23"},
+                    {d:"2012-07-31",o:"15.00",h:"15.00",l:"14.48",c:"14.71",v:"632010",p:"1.23"},
+                    {d:"2012-08-01",o:"14.98",h:"15.03",l:"14.60",c:"14.75",v:"536627",p:"1.23"},
+                    {d:"2012-08-02",o:"14.55",h:"15.21",l:"13.80",c:"14.69",v:"1544874",p:"1.23"},
+                    {d:"2012-08-03",o:"14.80",h:"14.93",l:"14.60",c:"14.80",v:"485584",p:"1.23"},
+                    {d:"2012-08-06",o:"14.70",h:"16.55",l:"14.65",c:"15.51",v:"1957237",p:"1.23"},
+                    {d:"2012-08-07",o:"15.57",h:"17.49",l:"15.57",c:"16.97",v:"3425151",p:"1.23"},
+                    {d:"2012-08-08",o:"17.15",h:"17.39",l:"16.61",c:"16.81",v:"983039",p:"1.23"},
+                    {d:"2012-08-09",o:"16.80",h:"17.36",l:"16.50",c:"16.99",v:"399984",p:"1.23"},
+                    {d:"2012-08-10",o:"16.75",h:"17.30",l:"16.51",c:"16.84",v:"498196",p:"1.23"},
+                    {d:"2012-08-13",o:"17.21",h:"17.88",l:"17.01",c:"17.11",v:"1110737",p:"1.23"},
+                    {d:"2012-08-14",o:"17.83",h:"17.83",l:"16.86",c:"17.08",v:"568585",p:"1.23"},
+                    {d:"2012-08-15",o:"17.07",h:"17.80",l:"17.03",c:"17.70",v:"789970",p:"1.23"},
+                    {d:"2012-08-16",o:"18.25",h:"19.10",l:"17.80",c:"18.66",v:"1469266",p:"1.23"},
+                    {d:"2012-08-17",o:"19.00",h:"19.00",l:"18.30",c:"18.54",v:"1393282",p:"1.23"},
+                    {d:"2012-08-20",o:"19.19",h:"20.48",l:"18.88",c:"20.21",v:"3815153",p:"1.23"},
+                    {d:"2012-08-21",o:"20.92",h:"22.13",l:"20.67",c:"21.10",v:"6577141",p:"1.23"},
+                    {d:"2012-08-22",o:"22.49",h:"24.88",l:"22.09",c:"24.58",v:"13341500",p:"1.23"},
+                    {d:"2012-08-23",o:"24.13",h:"24.30",l:"22.82",c:"23.69",v:"7790141",p:"1.23"},
+                    {d:"2012-08-24",o:"23.38",h:"24.30",l:"22.90",c:"23.08",v:"4824998",p:"1.23"},
+                    {d:"2012-08-27",o:"23.72",h:"23.89",l:"22.88",c:"22.98",v:"2708057",p:"1.23"},
+                    {d:"2012-08-28",o:"22.74",h:"22.76",l:"21.05",c:"21.55",v:"4766107",p:"1.23"},
+                    {d:"2012-08-29",o:"21.92",h:"22.84",l:"21.72",c:"21.99",v:"2571667",p:"1.23"},
+                    {d:"2012-08-30",o:"22.10",h:"22.17",l:"21.10",c:"21.46",v:"1755630",p:"1.23"},
+                    {d:"2012-08-31",o:"21.78",h:"22.57",l:"21.48",c:"22.39",v:"1327326",p:"1.23"},
+                    {d:"2012-09-04",o:"22.51",h:"23.90",l:"22.46",c:"23.25",v:"2997624",p:"1.23"},
+                    {d:"2012-09-05",o:"23.38",h:"23.61",l:"22.65",c:"23.36",v:"1867654",p:"1.23"},
+                    {d:"2012-09-06",o:"23.20",h:"24.13",l:"22.92",c:"23.88",v:"3180873",p:"1.23"},
+                    {d:"2012-09-07",o:"23.61",h:"24.11",l:"23.11",c:"23.39",v:"1930171",p:"1.23"},
+                    {d:"2012-09-10",o:"23.42",h:"23.60",l:"22.71",c:"22.92",v:"1540928",p:"1.23"},
+                    {d:"2012-09-11",o:"23.12",h:"24.54",l:"22.92",c:"24.00",v:"5632947",p:"1.23"},
+                    {d:"2012-09-12",o:"24.75",h:"25.47",l:"24.03",c:"24.25",v:"4658898",p:"1.23"},
+                    {d:"2012-09-13",o:"24.04",h:"25.38",l:"23.90",c:"24.77",v:"4120404",p:"1.23"},
+                    {d:"2012-09-14",o:"24.53",h:"25.45",l:"24.31",c:"24.89",v:"4658348",p:"1.23"},
+                    {d:"2012-09-17",o:"25.00",h:"25.06",l:"24.43",c:"24.72",v:"1624037",p:"1.23"},
+                    {d:"2012-09-18",o:"24.95",h:"24.98",l:"24.01",c:"24.72",v:"1623390",p:"1.23"},
+                    {d:"2012-09-19",o:"24.96",h:"25.50",l:"24.61",c:"25.20",v:"3839482",p:"1.23"},
+                    {d:"2012-09-20",o:"24.69",h:"24.90",l:"24.21",c:"24.75",v:"3350404",p:"1.23"},
+                    {d:"2012-09-21",o:"24.50",h:"24.94",l:"23.25",c:"23.50",v:"2407431",p:"1.23"},
+                    {d:"2012-09-24",o:"23.58",h:"23.90",l:"23.09",c:"23.24",v:"1736936",p:"1.23"},
+                    {d:"2012-09-25",o:"23.50",h:"23.56",l:"22.75",c:"22.81",v:"1109284",p:"1.23"},
+                    {d:"2012-09-26",o:"22.62",h:"22.68",l:"22.00",c:"22.22",v:"1704247",p:"1.23"},
+                    {d:"2012-09-27",o:"22.41",h:"22.44",l:"21.38",c:"22.02",v:"3449178",p:"1.23"},
+                    {d:"2012-09-28",o:"22.31",h:"22.40",l:"21.80",c:"22.05",v:"2064274",p:"1.23"},
+                    {d:"2012-10-01",o:"22.03",h:"22.06",l:"21.50",c:"21.81",v:"2227839",p:"1.23"},
+                    {d:"2012-10-02",o:"21.97",h:"23.00",l:"21.80",c:"22.87",v:"2438519",p:"1.23"},
+                    {d:"2012-10-03",o:"22.64",h:"23.59",l:"22.59",c:"23.46",v:"1961425",p:"1.23"},
+                    {d:"2012-10-04",o:"23.12",h:"23.63",l:"23.10",c:"23.55",v:"1079327",p:"1.23"},
+                    {d:"2012-10-05",o:"23.56",h:"23.87",l:"23.15",c:"23.29",v:"544382",p:"1.23"},
+                    {d:"2012-10-08",o:"23.25",h:"23.29",l:"22.59",c:"22.65",v:"1076741",p:"1.23"},
+                    {d:"2012-10-09",o:"22.66",h:"22.85",l:"22.28",c:"22.49",v:"1022478",p:"1.23"},
+                    {d:"2012-10-10",o:"22.54",h:"23.00",l:"22.31",c:"22.49",v:"1195365",p:"1.23"},
+                    {d:"2012-10-11",o:"22.85",h:"23.00",l:"22.55",c:"22.69",v:"643090",p:"1.23"},
+                    {d:"2012-10-12",o:"22.88",h:"22.88",l:"21.82",c:"22.00",v:"1644038",p:"1.23"},
+                    {d:"2012-10-15",o:"22.40",h:"22.58",l:"21.62",c:"22.10",v:"2197763",p:"1.23"},
+                    {d:"2012-10-16",o:"22.22",h:"22.40",l:"21.92",c:"22.00",v:"1215494",p:"1.23"},
+                    {d:"2012-10-17",o:"21.99",h:"22.34",l:"21.96",c:"22.23",v:"831591",p:"1.23"},
+                    {d:"2012-10-18",o:"22.09",h:"22.25",l:"21.30",c:"21.66",v:"1071582",p:"1.23"},
+                    {d:"2012-10-19",o:"21.54",h:"22.25",l:"21.46",c:"21.96",v:"758053",p:"1.23"},
+                    {d:"2012-10-22",o:"21.86",h:"22.40",l:"21.78",c:"21.89",v:"1148216",p:"1.23"},
+                    {d:"2012-10-23",o:"21.46",h:"21.65",l:"21.00",c:"21.11",v:"1688469",p:"1.23"},
+                    {d:"2012-10-24",o:"21.43",h:"21.45",l:"20.19",c:"20.48",v:"2763186",p:"1.23"},
+                    {d:"2012-10-25",o:"20.71",h:"21.05",l:"20.48",c:"20.92",v:"1206490",p:"1.23"},
+                    {d:"2012-10-26",o:"20.51",h:"20.90",l:"20.01",c:"20.32",v:"1398188",p:"1.23"},
+                    {d:"2012-10-31",o:"20.30",h:"21.03",l:"20.03",c:"20.57",v:"1703785",p:"1.23"},
+                    {d:"2012-11-01",o:"20.62",h:"22.32",l:"20.55",c:"21.82",v:"1605642",p:"1.23"},
+                    {d:"2012-11-02",o:"21.52",h:"21.99",l:"21.40",c:"21.75",v:"1606329",p:"1.23"},
+                    {d:"2012-11-05",o:"21.75",h:"22.75",l:"21.74",c:"22.66",v:"1449076",p:"1.23"},
+                    {d:"2012-11-06",o:"22.70",h:"23.55",l:"22.60",c:"23.25",v:"1489313",p:"1.23"},
+                    {d:"2012-11-07",o:"23.11",h:"23.30",l:"22.72",c:"22.81",v:"1155765",p:"1.23"},
+                    {d:"2012-11-08",o:"22.90",h:"22.99",l:"22.08",c:"22.32",v:"763976",p:"1.23"},
+                    {d:"2012-11-09",o:"22.20",h:"23.38",l:"22.10",c:"22.94",v:"1063969",p:"1.23"},
+                    {d:"2012-11-12",o:"23.02",h:"23.76",l:"22.82",c:"23.69",v:"1405272",p:"1.23"},
+                    {d:"2012-11-13",o:"23.54",h:"24.30",l:"23.45",c:"23.51",v:"1509494",p:"1.23"},
+                    {d:"2012-11-14",o:"23.82",h:"24.00",l:"22.90",c:"23.01",v:"1179929",p:"1.23"},
+                    {d:"2012-11-15",o:"23.16",h:"23.45",l:"22.88",c:"23.03",v:"940536",p:"1.23"},
+                    {d:"2012-11-16",o:"23.02",h:"23.25",l:"22.41",c:"22.98",v:"2175364",p:"1.23"},
+                    {d:"2012-11-19",o:"23.27",h:"23.76",l:"22.99",c:"23.70",v:"2758619",p:"1.23"},
+                    {d:"2012-11-20",o:"24.44",h:"24.78",l:"23.55",c:"24.20",v:"5597529",p:"1.23"},
+                    {d:"2012-11-21",o:"24.30",h:"24.44",l:"23.41",c:"23.95",v:"2235271",p:"1.23"},
+                    {d:"2012-11-23",o:"23.97",h:"24.05",l:"23.38",c:"23.43",v:"1295808",p:"1.23"},
+                    {d:"2012-11-26",o:"23.54",h:"23.58",l:"22.67",c:"23.19",v:"2077985",p:"1.23"},
+                    {d:"2012-11-27",o:"22.91",h:"23.18",l:"22.82",c:"23.02",v:"1181749",p:"1.23"},
+                    {d:"2012-11-28",o:"22.95",h:"23.88",l:"22.95",c:"23.83",v:"1485380",p:"1.23"},
+                    {d:"2012-11-29",o:"23.81",h:"25.20",l:"23.77",c:"25.14",v:"3216171",p:"1.23"},
+                    {d:"2012-11-30",o:"25.15",h:"25.45",l:"24.36",c:"24.99",v:"2358035",p:"1.23"},
+                    {d:"2012-12-03",o:"25.47",h:"28.16",l:"25.23",c:"27.44",v:"11139930",p:"1.23"},
+                    {d:"2012-12-04",o:"27.57",h:"27.67",l:"25.83",c:"26.02",v:"6264703",p:"1.23"},
+                    {d:"2012-12-05",o:"26.43",h:"26.69",l:"24.24",c:"24.30",v:"5494319",p:"1.23"},
+                    {d:"2012-12-06",o:"24.44",h:"25.61",l:"24.40",c:"24.93",v:"2781934",p:"1.23"},
+                    {d:"2012-12-07",o:"25.14",h:"25.35",l:"24.50",c:"24.56",v:"1637055",p:"1.23"},
+                    {d:"2012-12-10",o:"24.62",h:"25.53",l:"24.60",c:"25.20",v:"2437758",p:"1.23"},
+                    {d:"2012-12-11",o:"25.20",h:"25.60",l:"24.73",c:"24.85",v:"2114585",p:"1.23"},
+                    {d:"2012-12-12",o:"25.25",h:"25.25",l:"24.36",c:"24.79",v:"1309655",p:"1.23"},
+                    {d:"2012-12-13",o:"24.57",h:"25.23",l:"24.50",c:"24.94",v:"1277919",p:"1.23"},
+                    {d:"2012-12-14",o:"25.02",h:"25.16",l:"24.52",c:"25.08",v:"1299016",p:"1.23"},
+                    {d:"2012-12-17",o:"25.00",h:"26.18",l:"25.00",c:"26.05",v:"2026479",p:"1.23"},
+                    {d:"2012-12-18",o:"26.20",h:"26.55",l:"26.02",c:"26.38",v:"2131589",p:"1.23"},
+                    {d:"2012-12-19",o:"26.48",h:"26.60",l:"25.83",c:"26.30",v:"1872304",p:"1.23"},
+                    {d:"2012-12-20",o:"26.50",h:"27.33",l:"26.01",c:"26.79",v:"2916924",p:"1.23"},
+                    {d:"2012-12-21",o:"25.97",h:"26.60",l:"25.89",c:"26.57",v:"1619996",p:"1.23"},
+                    {d:"2012-12-24",o:"26.35",h:"26.92",l:"26.21",c:"26.43",v:"454913",p:"1.23"},
+                    {d:"2012-12-26",o:"26.54",h:"27.47",l:"26.50",c:"27.08",v:"1228704",p:"1.23"},
+                    {d:"2012-12-27",o:"27.21",h:"27.29",l:"26.04",c:"26.80",v:"1394686",p:"1.23"},
+                    {d:"2012-12-28",o:"26.72",h:"27.44",l:"26.45",c:"27.33",v:"2037220",p:"1.23"},
+                    {d:"2012-12-31",o:"27.39",h:"29.80",l:"27.27",c:"29.69",v:"6651252",p:"1.23"},
+                    {d:"2013-01-02",o:"30.55",h:"30.88",l:"29.13",c:"29.79",v:"3393600",p:"1.23"},
+                    {d:"2013-01-03",o:"29.49",h:"31.13",l:"29.28",c:"31.09",v:"2318465",p:"1.23"},
+                    {d:"2013-01-04",o:"31.32",h:"31.70",l:"30.35",c:"31.67",v:"2140106",p:"1.23"},
+                    {d:"2013-01-07",o:"31.68",h:"33.13",l:"31.40",c:"32.49",v:"3630331",p:"1.23"},
+                    {d:"2013-01-08",o:"32.82",h:"32.82",l:"31.64",c:"32.48",v:"1767427",p:"1.23"},
+                    {d:"2013-01-09",o:"32.65",h:"32.70",l:"31.75",c:"32.48",v:"2280787",p:"1.23"},
+                    {d:"2013-01-10",o:"32.96",h:"33.04",l:"31.81",c:"32.90",v:"2110269",p:"1.23"},
+                    {d:"2013-01-11",o:"32.30",h:"33.02",l:"32.07",c:"33.00",v:"3129215",p:"1.23"},
+                    {d:"2013-01-14",o:"32.85",h:"32.97",l:"30.81",c:"31.63",v:"4457695",p:"1.23"},
+                    {d:"2013-01-15",o:"31.38",h:"31.72",l:"30.58",c:"30.82",v:"2699930",p:"1.23"},
+                    {d:"2013-01-16",o:"30.60",h:"31.17",l:"30.08",c:"30.50",v:"2182201",p:"1.23"},
+                    {d:"2013-01-17",o:"30.30",h:"31.91",l:"30.17",c:"31.83",v:"2929499",p:"1.23"},
+                    {d:"2013-01-18",o:"32.11",h:"32.52",l:"31.70",c:"31.93",v:"2513323",p:"1.23"},
+                    {d:"2013-01-22",o:"31.75",h:"32.15",l:"31.45",c:"31.77",v:"1436634",p:"1.23"},
+                    {d:"2013-01-23",o:"31.90",h:"32.74",l:"31.75",c:"32.63",v:"2102123",p:"1.23"},
+                    {d:"2013-01-24",o:"32.99",h:"34.37",l:"31.05",c:"31.70",v:"7967052",p:"1.23"},
+                    {d:"2013-01-25",o:"32.10",h:"32.20",l:"31.11",c:"31.99",v:"2333662",p:"1.23"},
+                    {d:"2013-01-28",o:"31.99",h:"32.48",l:"30.25",c:"31.50",v:"3261973",p:"1.23"},
+                    {d:"2013-01-29",o:"31.50",h:"31.54",l:"30.90",c:"31.14",v:"1439074",p:"1.23"},
+                    {d:"2013-01-30",o:"31.01",h:"31.24",l:"30.27",c:"30.43",v:"1985520",p:"1.23"},
+                    {d:"2013-01-31",o:"30.61",h:"31.12",l:"30.42",c:"30.57",v:"1917265",p:"1.23"},
+                    {d:"2013-02-01",o:"30.75",h:"30.88",l:"29.09",c:"30.50",v:"3389957",p:"1.23"},
+                    {d:"2013-02-04",o:"30.50",h:"30.97",l:"29.80",c:"30.83",v:"1934607",p:"1.23"},
+                    {d:"2013-02-05",o:"31.07",h:"32.17",l:"30.52",c:"31.72",v:"2356830",p:"1.23"},
+                    {d:"2013-02-06",o:"31.41",h:"32.40",l:"31.01",c:"31.37",v:"1682499",p:"1.23"},
+                    {d:"2013-02-07",o:"31.65",h:"31.67",l:"30.84",c:"30.99",v:"1270373",p:"1.23"},
+                    {d:"2013-02-08",o:"30.80",h:"31.24",l:"30.66",c:"30.96",v:"858545",p:"1.23"},
+                    {d:"2013-02-11",o:"30.98",h:"31.05",l:"30.60",c:"30.79",v:"709061",p:"1.23"},
+                    {d:"2013-02-12",o:"30.76",h:"31.29",l:"30.50",c:"30.84",v:"1186104",p:"1.23"},
+                    {d:"2013-02-13",o:"30.63",h:"32.14",l:"30.63",c:"31.83",v:"1828527",p:"1.23"},
+                    {d:"2013-02-14",o:"31.60",h:"32.98",l:"31.60",c:"32.54",v:"1772163",p:"1.23"},
+                    {d:"2013-02-15",o:"31.91",h:"32.83",l:"31.88",c:"32.64",v:"1410392",p:"1.23"},
+                    {d:"2013-02-19",o:"32.78",h:"33.06",l:"32.23",c:"32.90",v:"1829427",p:"1.23"},
+                    {d:"2013-02-20",o:"33.15",h:"33.63",l:"32.55",c:"32.66",v:"2374541",p:"1.23"},
+                    {d:"2013-02-21",o:"32.33",h:"32.36",l:"30.32",c:"31.13",v:"2637199",p:"1.23"},
+                    {d:"2013-02-22",o:"31.21",h:"32.45",l:"31.00",c:"32.44",v:"1481361",p:"1.23"},
+                    {d:"2013-02-25",o:"32.26",h:"32.70",l:"31.28",c:"31.53",v:"1453527",p:"1.23"},
+                    {d:"2013-02-26",o:"30.99",h:"31.19",l:"29.15",c:"29.97",v:"4840069",p:"1.23"},
+                    {d:"2013-02-27",o:"30.09",h:"31.03",l:"30.01",c:"30.52",v:"1640778",p:"1.23"},
+                    {d:"2013-02-28",o:"30.79",h:"31.00",l:"30.50",c:"30.77",v:"1725647",p:"1.23"},
+                    {d:"2013-03-01",o:"30.60",h:"32.42",l:"30.60",c:"32.04",v:"2808187",p:"1.23"},
+                    {d:"2013-03-04",o:"31.86",h:"33.47",l:"31.86",c:"32.75",v:"2765271",p:"1.23"},
+                    {d:"2013-03-05",o:"33.20",h:"34.90",l:"33.10",c:"34.82",v:"5656402",p:"1.23"},
+                    {d:"2013-03-06",o:"33.27",h:"33.43",l:"31.68",c:"32.19",v:"6212931",p:"1.23"},
+                    {d:"2013-03-07",o:"31.99",h:"32.46",l:"31.10",c:"31.97",v:"2353440",p:"1.23"},
+                    {d:"2013-03-08",o:"32.03",h:"32.49",l:"31.73",c:"32.06",v:"1987833",p:"1.23"},
+                    {d:"2013-03-11",o:"31.50",h:"32.00",l:"31.46",c:"31.81",v:"1245235",p:"1.23"},
+                    {d:"2013-03-12",o:"31.56",h:"31.80",l:"30.67",c:"31.34",v:"2569470",p:"1.23"},
+                    {d:"2013-03-13",o:"31.50",h:"31.50",l:"29.07",c:"29.56",v:"3048391",p:"1.23"},
+                    {d:"2013-03-14",o:"29.84",h:"30.33",l:"28.25",c:"28.71",v:"4705895",p:"1.23"},
+                    {d:"2013-03-15",o:"29.04",h:"29.40",l:"28.71",c:"29.02",v:"3802302",p:"1.23"},
+                    {d:"2013-03-18",o:"28.53",h:"29.15",l:"27.76",c:"28.67",v:"2183613",p:"1.23"},
+                    {d:"2013-03-19",o:"29.00",h:"29.26",l:"28.20",c:"28.29",v:"1629001",p:"1.23"},
+                    {d:"2013-03-20",o:"28.62",h:"29.68",l:"28.44",c:"29.35",v:"1945218",p:"1.23"},
+                    {d:"2013-03-21",o:"29.46",h:"29.74",l:"28.78",c:"29.20",v:"1107593",p:"1.23"},
+                    {d:"2013-03-22",o:"29.45",h:"29.89",l:"29.04",c:"29.55",v:"1160305",p:"1.23"},
+                    {d:"2013-03-25",o:"29.69",h:"30.66",l:"29.60",c:"30.50",v:"1977902",p:"1.23"},
+                    {d:"2013-03-26",o:"30.79",h:"30.81",l:"30.20",c:"30.67",v:"925739",p:"1.23"},
+                    {d:"2013-03-27",o:"30.60",h:"30.89",l:"30.39",c:"30.51",v:"953041",p:"1.23"},
+                    {d:"2013-03-28",o:"30.56",h:"30.56",l:"29.12",c:"29.63",v:"1848075",p:"1.23"},
+                    {d:"2013-04-01",o:"29.78",h:"30.20",l:"29.57",c:"29.98",v:"1074434",p:"1.23"},
+                    {d:"2013-04-02",o:"30.10",h:"30.18",l:"29.25",c:"29.47",v:"696698",p:"1.23"},
+                    {d:"2013-04-03",o:"29.56",h:"30.00",l:"28.30",c:"28.70",v:"1083178",p:"1.23"},
+                    {d:"2013-04-04",o:"28.52",h:"29.10",l:"28.27",c:"28.62",v:"1009348",p:"1.23"},
+                    {d:"2013-04-05",o:"28.36",h:"28.72",l:"28.11",c:"28.52",v:"802384",p:"1.23"},
+                    {d:"2013-04-08",o:"28.84",h:"29.09",l:"28.50",c:"28.80",v:"1129353",p:"1.23"},
+                    {d:"2013-04-09",o:"29.00",h:"29.06",l:"28.62",c:"28.80",v:"821434",p:"1.23"},
+                    {d:"2013-04-10",o:"28.85",h:"30.07",l:"28.81",c:"29.93",v:"1299956",p:"1.23"},
+                    {d:"2013-04-11",o:"29.99",h:"30.29",l:"29.40",c:"29.98",v:"1188102",p:"1.23"},
+                    {d:"2013-04-12",o:"29.99",h:"30.29",l:"29.47",c:"30.17",v:"1179753",p:"1.23"},
+                    {d:"2013-04-15",o:"29.80",h:"30.48",l:"29.48",c:"29.88",v:"1234922",p:"1.23"},
+                    {d:"2013-04-16",o:"30.00",h:"30.89",l:"29.95",c:"30.44",v:"1021850",p:"1.23"},
+                    {d:"2013-04-17",o:"30.50",h:"31.90",l:"30.46",c:"31.12",v:"2920738",p:"1.23"},
+                    {d:"2013-04-18",o:"31.74",h:"32.20",l:"31.41",c:"31.82",v:"1926847",p:"1.23"},
+                    {d:"2013-04-19",o:"32.45",h:"32.50",l:"31.80",c:"31.87",v:"1091369",p:"1.23"},
+                    {d:"2013-04-22",o:"31.96",h:"32.56",l:"31.17",c:"32.20",v:"977563",p:"1.23"},
+                    {d:"2013-04-23",o:"32.22",h:"32.22",l:"31.50",c:"32.05",v:"557153",p:"1.23"},
+                    {d:"2013-04-24",o:"31.97",h:"33.21",l:"31.96",c:"32.97",v:"1602884",p:"1.23"},
+                    {d:"2013-04-25",o:"33.24",h:"34.00",l:"32.58",c:"33.95",v:"1464141",p:"1.23"},
+                    {d:"2013-04-26",o:"34.00",h:"34.19",l:"33.47",c:"33.87",v:"1062256",p:"1.23"},
+                    {d:"2013-04-29",o:"34.24",h:"34.27",l:"33.91",c:"34.17",v:"1011418",p:"1.23"},
+                    {d:"2013-04-30",o:"34.17",h:"34.57",l:"33.92",c:"34.30",v:"1027485",p:"1.23"},
+                    {d:"2013-05-01",o:"34.31",h:"34.57",l:"33.88",c:"34.44",v:"624817",p:"1.23"},
+                    {d:"2013-05-02",o:"34.66",h:"34.83",l:"33.98",c:"34.47",v:"971404",p:"1.23"},
+                    {d:"2013-05-03",o:"34.50",h:"34.73",l:"34.04",c:"34.40",v:"693304",p:"1.23"},
+                    {d:"2013-05-06",o:"34.43",h:"37.60",l:"34.43",c:"37.30",v:"4961751",p:"1.23"},
+                    {d:"2013-05-07",o:"37.33",h:"37.68",l:"36.01",c:"36.86",v:"2498443",p:"1.23"},
+                    {d:"2013-05-08",o:"37.00",h:"38.07",l:"36.71",c:"38.00",v:"2127114",p:"1.23"},
+                    {d:"2013-05-09",o:"38.40",h:"39.39",l:"37.87",c:"38.88",v:"3219199",p:"1.23"},
+                    {d:"2013-05-10",o:"38.88",h:"40.79",l:"38.52",c:"40.22",v:"3144794",p:"1.23"},
+                    {d:"2013-05-13",o:"39.94",h:"39.96",l:"37.82",c:"38.53",v:"2966685",p:"1.23"},
+                    {d:"2013-05-14",o:"38.09",h:"38.93",l:"37.55",c:"38.77",v:"2090913",p:"1.23"},
+                    {d:"2013-05-15",o:"38.60",h:"40.29",l:"38.60",c:"39.92",v:"2546388",p:"1.23"},
+                    {d:"2013-05-16",o:"39.97",h:"41.26",l:"39.50",c:"40.80",v:"2508937",p:"1.23"},
+                    {d:"2013-05-17",o:"41.10",h:"41.38",l:"39.76",c:"41.05",v:"3075017",p:"1.23"},
+                    {d:"2013-05-20",o:"44.71",h:"45.11",l:"42.17",c:"44.19",v:"6892162",p:"1.23"},
+                    {d:"2013-05-21",o:"44.20",h:"44.58",l:"42.35",c:"44.22",v:"2607320",p:"1.23"},
+                    {d:"2013-05-22",o:"43.69",h:"45.49",l:"42.75",c:"43.23",v:"2438331",p:"1.23"},
+                    {d:"2013-05-23",o:"41.66",h:"43.22",l:"40.01",c:"42.78",v:"1447322",p:"1.23"},
+                    {d:"2013-05-24",o:"42.44",h:"43.43",l:"42.00",c:"43.06",v:"1277740",p:"1.23"},
+                    {d:"2013-05-28",o:"43.55",h:"44.30",l:"43.25",c:"43.88",v:"1377040",p:"1.23"},
+                    {d:"2013-05-29",o:"44.00",h:"44.89",l:"43.41",c:"43.99",v:"1444061",p:"1.23"},
+                    {d:"2013-05-30",o:"43.84",h:"44.27",l:"43.40",c:"44.05",v:"774199",p:"1.23"},
+                    {d:"2013-05-31",o:"44.25",h:"45.18",l:"43.78",c:"43.81",v:"1366693",p:"1.23"},
+                    {d:"2013-06-03",o:"44.12",h:"44.14",l:"41.85",c:"43.21",v:"2075231",p:"1.23"},
+                    {d:"2013-06-04",o:"43.21",h:"43.67",l:"41.61",c:"42.21",v:"1607366",p:"1.23"},
+                    {d:"2013-06-05",o:"41.71",h:"43.24",l:"41.60",c:"43.18",v:"1392354",p:"1.23"},
+                    {d:"2013-06-06",o:"42.75",h:"44.35",l:"42.51",c:"44.35",v:"1681265",p:"1.23"},
+                    {d:"2013-06-07",o:"44.03",h:"44.75",l:"43.47",c:"44.00",v:"1662645",p:"1.23"},
+                    {d:"2013-06-10",o:"44.90",h:"45.17",l:"44.42",c:"44.94",v:"2280509",p:"1.23"},
+                    {d:"2013-06-11",o:"44.35",h:"45.85",l:"43.79",c:"44.52",v:"1665894",p:"1.23"},
+                    {d:"2013-06-12",o:"44.76",h:"45.11",l:"44.04",c:"44.33",v:"930852",p:"1.23"},
+                    {d:"2013-06-13",o:"44.15",h:"44.30",l:"42.80",c:"43.55",v:"1275060",p:"1.23"},
+                    {d:"2013-06-14",o:"43.07",h:"44.15",l:"42.80",c:"43.65",v:"1140138",p:"1.23"},
+                    {d:"2013-06-17",o:"44.33",h:"47.49",l:"44.10",c:"47.48",v:"2928318",p:"1.23"},
+                    {d:"2013-06-18",o:"47.46",h:"47.81",l:"46.26",c:"47.08",v:"2083724",p:"1.23"},
+                    {d:"2013-06-19",o:"47.61",h:"49.09",l:"47.25",c:"48.38",v:"1834059",p:"1.23"},
+                    {d:"2013-06-20",o:"47.40",h:"47.51",l:"45.06",c:"45.40",v:"2657195",p:"1.23"},
+                    {d:"2013-06-21",o:"45.77",h:"45.79",l:"42.70",c:"42.88",v:"3165744",p:"1.23"},
+                    {d:"2013-06-24",o:"41.49",h:"44.00",l:"40.05",c:"43.46",v:"3450556",p:"1.23"},
+                    {d:"2013-06-25",o:"43.73",h:"44.74",l:"42.28",c:"44.14",v:"2652440",p:"1.23"},
+                    {d:"2013-06-26",o:"44.68",h:"45.30",l:"44.14",c:"44.97",v:"1924595",p:"1.23"},
+                    {d:"2013-06-27",o:"44.98",h:"46.97",l:"44.53",c:"46.71",v:"3176475",p:"1.23"},
+                    {d:"2013-06-28",o:"46.14",h:"47.40",l:"46.14",c:"46.17",v:"916877",p:"1.23"},
+                    {d:"2013-07-01",o:"46.84",h:"47.99",l:"46.65",c:"46.90",v:"1657388",p:"1.23"},
+                    {d:"2013-07-02",o:"47.94",h:"48.70",l:"46.60",c:"47.02",v:"1551520",p:"1.23"},
+                    {d:"2013-07-03",o:"46.76",h:"47.73",l:"46.43",c:"46.76",v:"769855",p:"1.23"},
+                    {d:"2013-07-05",o:"48.00",h:"48.88",l:"47.55",c:"48.30",v:"1735761",p:"1.23"},
+                    {d:"2013-07-08",o:"48.32",h:"50.67",l:"48.29",c:"49.55",v:"2227513",p:"1.23"},
+                    {d:"2013-07-09",o:"50.19",h:"50.19",l:"48.41",c:"49.47",v:"1579566",p:"1.23"},
+                    {d:"2013-07-10",o:"49.83",h:"51.09",l:"49.66",c:"50.75",v:"2094453",p:"1.23"},
+                    {d:"2013-07-11",o:"51.35",h:"53.20",l:"51.26",c:"52.53",v:"2128657",p:"1.23"},
+                    {d:"2013-07-12",o:"52.55",h:"54.08",l:"51.90",c:"52.90",v:"2522925",p:"1.23"},
+                    {d:"2013-07-15",o:"53.21",h:"55.92",l:"53.19",c:"55.28",v:"2821386",p:"1.23"},
+                    {d:"2013-07-16",o:"54.26",h:"54.40",l:"51.00",c:"52.81",v:"4159405",p:"1.23"},
+                    {d:"2013-07-17",o:"53.51",h:"55.87",l:"52.11",c:"55.71",v:"3128906",p:"1.23"},
+                    {d:"2013-07-18",o:"57.40",h:"58.00",l:"55.71",c:"57.32",v:"2806760",p:"1.23"},
+                    {d:"2013-07-19",o:"57.57",h:"59.75",l:"55.90",c:"58.34",v:"3348293",p:"1.23"},
+                    {d:"2013-07-22",o:"58.22",h:"59.30",l:"57.01",c:"57.87",v:"1784646",p:"1.23"},
+                    {d:"2013-07-23",o:"58.21",h:"58.94",l:"57.06",c:"57.69",v:"1040716",p:"1.23"},
+                    {d:"2013-07-24",o:"58.41",h:"60.23",l:"57.95",c:"60.00",v:"2064556",p:"1.23"},
+                    {d:"2013-07-25",o:"61.91",h:"64.32",l:"60.30",c:"62.10",v:"2417659",p:"1.23"},
+                    {d:"2013-07-26",o:"62.64",h:"63.88",l:"61.60",c:"62.50",v:"1688015",p:"1.23"},
+                    {d:"2013-07-29",o:"62.56",h:"63.04",l:"59.02",c:"60.72",v:"2867501",p:"1.23"},
+                    {d:"2013-07-30",o:"61.23",h:"62.68",l:"60.14",c:"62.43",v:"2019411",p:"1.23"},
+                    {d:"2013-07-31",o:"62.34",h:"65.90",l:"62.34",c:"65.06",v:"2075384",p:"1.23"},
+                    {d:"2013-08-01",o:"66.03",h:"68.43",l:"65.65",c:"67.90",v:"1615681",p:"1.23"},
+                    {d:"2013-08-02",o:"68.90",h:"69.20",l:"66.50",c:"67.40",v:"1744013",p:"1.23"},
+                    {d:"2013-08-05",o:"66.85",h:"67.48",l:"65.38",c:"66.02",v:"2243974",p:"1.23"},
+                    {d:"2013-08-06",o:"65.51",h:"66.80",l:"63.78",c:"65.27",v:"1747497",p:"1.23"},
+                    {d:"2013-08-07",o:"64.50",h:"66.32",l:"64.33",c:"65.86",v:"1386776",p:"1.23"},
+                    {d:"2013-08-08",o:"66.28",h:"67.98",l:"66.10",c:"66.77",v:"1575817",p:"1.23"},
+                    {d:"2013-08-09",o:"67.04",h:"69.23",l:"66.61",c:"69.16",v:"1549290",p:"1.23"},
+                    {d:"2013-08-12",o:"69.50",h:"69.67",l:"67.23",c:"68.87",v:"2235103",p:"1.23"},
+                    {d:"2013-08-13",o:"69.43",h:"71.00",l:"67.89",c:"70.46",v:"2308660",p:"1.23"},
+                    {d:"2013-08-14",o:"70.50",h:"71.00",l:"67.09",c:"67.34",v:"2264236",p:"1.23"},
+                    {d:"2013-08-15",o:"66.12",h:"66.12",l:"61.70",c:"62.54",v:"3226416",p:"1.23"},
+                    {d:"2013-08-16",o:"63.25",h:"69.80",l:"63.10",c:"69.44",v:"4707646",p:"1.23"},
+                    {d:"2013-08-19",o:"70.20",h:"76.00",l:"68.53",c:"73.47",v:"6388781",p:"1.23"},
+                    {d:"2013-08-20",o:"71.71",h:"72.48",l:"70.25",c:"70.78",v:"3783622",p:"1.23"},
+                    {d:"2013-08-21",o:"71.40",h:"73.25",l:"69.81",c:"71.30",v:"2739577",p:"1.23"},
+                    {d:"2013-08-22",o:"72.05",h:"73.21",l:"71.40",c:"72.86",v:"1775911",p:"1.23"},
+                    {d:"2013-08-23",o:"73.05",h:"73.97",l:"72.20",c:"73.13",v:"2544479",p:"1.23"},
+                    {d:"2013-08-26",o:"79.94",h:"81.38",l:"77.59",c:"78.80",v:"6859234",p:"1.23"},
+                    {d:"2013-08-27",o:"78.59",h:"81.94",l:"78.11",c:"79.26",v:"4627284",p:"1.23"},
+                    {d:"2013-08-28",o:"75.05",h:"79.60",l:"73.23",c:"77.88",v:"9247941",p:"1.23"},
+                    {d:"2013-08-29",o:"78.59",h:"80.60",l:"78.10",c:"79.46",v:"2769349",p:"1.23"},
+                    {d:"2013-08-30",o:"80.45",h:"80.63",l:"77.31",c:"77.93",v:"2276648",p:"1.23"},
+                    {d:"2013-09-03",o:"79.54",h:"81.73",l:"79.22",c:"81.55",v:"3509026",p:"1.23"},
+                    {d:"2013-09-04",o:"82.12",h:"82.99",l:"80.20",c:"81.79",v:"2307587",p:"1.23"},
+                    {d:"2013-09-05",o:"82.20",h:"85.58",l:"82.00",c:"84.20",v:"3113941",p:"1.23"},
+                    {d:"2013-09-06",o:"85.01",h:"85.14",l:"82.50",c:"83.08",v:"2053068",p:"1.23"},
+                    {d:"2013-09-09",o:"84.54",h:"85.91",l:"83.54",c:"85.56",v:"2592708",p:"1.23"},
+                    {d:"2013-09-10",o:"86.63",h:"89.80",l:"86.25",c:"89.77",v:"2836028",p:"1.23"},
+                    {d:"2013-09-11",o:"89.51",h:"94.90",l:"89.00",c:"90.85",v:"4158066",p:"1.23"},
+                    {d:"2013-09-12",o:"92.22",h:"92.50",l:"87.55",c:"90.17",v:"3534629",p:"1.23"},
+                    {d:"2013-09-13",o:"90.52",h:"90.60",l:"86.79",c:"87.86",v:"2633889",p:"1.23"},
+                    {d:"2013-09-16",o:"82.27",h:"85.94",l:"81.80",c:"82.93",v:"5838757",p:"1.23"},
+                    {d:"2013-09-17",o:"82.94",h:"84.97",l:"81.01",c:"84.51",v:"2992833",p:"1.23"},
+                    {d:"2013-09-18",o:"84.96",h:"86.50",l:"83.83",c:"85.94",v:"2432035",p:"1.23"},
+                    {d:"2013-09-19",o:"87.41",h:"90.00",l:"87.08",c:"89.97",v:"3720276",p:"1.23"},
+                    {d:"2013-09-20",o:"90.61",h:"91.00",l:"87.10",c:"88.03",v:"2267060",p:"1.23"},
+                    {d:"2013-09-23",o:"88.00",h:"88.12",l:"83.81",c:"87.15",v:"3033455",p:"1.23"},
+                    {d:"2013-09-24",o:"86.19",h:"89.35",l:"84.58",c:"87.22",v:"2534514",p:"1.23"},
+                    {d:"2013-09-25",o:"87.22",h:"88.98",l:"85.91",c:"86.96",v:"1918088",p:"1.23"},
+                    {d:"2013-09-26",o:"87.30",h:"88.50",l:"86.34",c:"88.13",v:"2146002",p:"1.23"},
+                    {d:"2013-09-27",o:"87.01",h:"87.76",l:"83.56",c:"83.93",v:"3394151",p:"1.23"},
+                    {d:"2013-09-30",o:"81.96",h:"85.09",l:"80.10",c:"83.20",v:"3799613",p:"1.23"},
+                    {d:"2013-10-01",o:"82.89",h:"86.67",l:"82.79",c:"86.67",v:"1881848",p:"1.23"},
+                    {d:"2013-10-02",o:"85.81",h:"89.21",l:"85.54",c:"85.91",v:"2352122",p:"1.23"},
+                    {d:"2013-10-03",o:"86.51",h:"88.64",l:"84.01",c:"85.29",v:"2431128",p:"1.23"},
+                    {d:"2013-10-04",o:"85.26",h:"87.29",l:"83.41",c:"86.17",v:"2011654",p:"1.23"},
+                    {d:"2013-10-07",o:"85.20",h:"85.58",l:"82.77",c:"83.07",v:"2310127",p:"1.23"},
+                    {d:"2013-10-08",o:"83.36",h:"84.90",l:"77.00",c:"77.24",v:"4409342",p:"1.23"},
+                    {d:"2013-10-09",o:"77.58",h:"79.85",l:"75.02",c:"78.85",v:"3944897",p:"1.23"},
+                    {d:"2013-10-10",o:"81.10",h:"83.80",l:"80.07",c:"82.27",v:"3065080",p:"1.23"},
+                    {d:"2013-10-11",o:"81.66",h:"83.36",l:"80.67",c:"82.92",v:"2265167",p:"1.23"},
+                    {d:"2013-10-14",o:"80.83",h:"83.98",l:"80.61",c:"83.07",v:"2243835",p:"1.23"},
+                    {d:"2013-10-15",o:"83.23",h:"87.90",l:"82.00",c:"85.54",v:"3791763",p:"1.23"},
+                    {d:"2013-10-16",o:"86.86",h:"87.48",l:"85.66",c:"87.03",v:"1764000",p:"1.23"},
+                    {d:"2013-10-17",o:"87.21",h:"89.10",l:"86.61",c:"87.61",v:"2339574",p:"1.23"},
+                    {d:"2013-10-18",o:"89.42",h:"94.79",l:"88.62",c:"94.67",v:"4427516",p:"1.23"},
+                    {d:"2013-10-21",o:"95.88",h:"96.74",l:"91.92",c:"92.27",v:"3410141",p:"1.23"},
+                    {d:"2013-10-22",o:"93.74",h:"94.98",l:"85.46",c:"89.34",v:"3285195",p:"1.23"},
+                    {d:"2013-10-23",o:"87.75",h:"88.87",l:"85.00",c:"87.56",v:"2208129",p:"1.23"},
+                    {d:"2013-10-24",o:"88.04",h:"91.09",l:"85.80",c:"89.00",v:"3662507",p:"1.23"},
+                    {d:"2013-10-25",o:"89.45",h:"90.74",l:"83.95",c:"84.74",v:"3627225",p:"1.23"},
+                    {d:"2013-10-28",o:"84.49",h:"85.71",l:"76.88",c:"81.90",v:"5987692",p:"1.23"},
+                    {d:"2013-10-29",o:"82.59",h:"84.47",l:"79.10",c:"83.81",v:"3058019",p:"1.23"},
+                    {d:"2013-10-30",o:"86.41",h:"88.00",l:"82.64",c:"83.81",v:"2798632",p:"1.23"},
+                    {d:"2013-10-31",o:"83.99",h:"84.96",l:"81.01",c:"82.64",v:"1859344",p:"1.23"},
+                    {d:"2013-11-01",o:"82.88",h:"88.45",l:"82.88",c:"86.46",v:"3729408",p:"1.23"},
+                    {d:"2013-11-04",o:"87.56",h:"89.68",l:"87.25",c:"89.61",v:"2531135",p:"1.23"},
+                    {d:"2013-11-05",o:"89.02",h:"89.50",l:"87.50",c:"89.18",v:"2267096",p:"1.23"},
+                    {d:"2013-11-06",o:"89.15",h:"89.69",l:"83.01",c:"84.40",v:"2913749",p:"1.23"},
+                    {d:"2013-11-07",o:"84.45",h:"84.45",l:"76.45",c:"77.95",v:"4281973",p:"1.23"},
+                    {d:"2013-11-08",o:"79.08",h:"79.99",l:"77.30",c:"79.31",v:"3682522",p:"1.23"},
+                    {d:"2013-11-11",o:"79.85",h:"83.59",l:"79.35",c:"83.42",v:"2620914",p:"1.23"},
+                    {d:"2013-11-12",o:"83.25",h:"84.63",l:"80.80",c:"81.41",v:"1587684",p:"1.23"},
+                    {d:"2013-11-13",o:"81.96",h:"89.45",l:"81.76",c:"89.38",v:"4082820",p:"1.23"},
+                    {d:"2013-11-14",o:"88.12",h:"89.09",l:"85.10",c:"87.90",v:"2578162",p:"1.23"},
+                    {d:"2013-11-15",o:"88.71",h:"89.41",l:"87.02",c:"87.88",v:"1752587",p:"1.23"},
+                    {d:"2013-11-18",o:"89.28",h:"92.64",l:"83.76",c:"84.11",v:"3741011",p:"1.23"},
+                    {d:"2013-11-19",o:"85.15",h:"87.15",l:"83.13",c:"84.37",v:"2301349",p:"1.23"},
+                    {d:"2013-11-20",o:"85.23",h:"86.87",l:"83.31",c:"84.04",v:"1314025",p:"1.23"},
+                    {d:"2013-11-21",o:"83.63",h:"84.98",l:"81.34",c:"84.48",v:"1878624",p:"1.23"},
+                    {d:"2013-11-22",o:"85.00",h:"88.62",l:"84.48",c:"86.60",v:"3489921",p:"1.23"},
+                    {d:"2013-11-25",o:"83.13",h:"84.49",l:"78.21",c:"78.40",v:"6670412",p:"1.23"},
+                    {d:"2013-11-26",o:"79.75",h:"84.08",l:"79.20",c:"82.78",v:"4435343",p:"1.23"},
+                    {d:"2013-11-27",o:"83.20",h:"83.89",l:"80.00",c:"82.15",v:"1970419",p:"1.23"},
+                    {d:"2013-11-29",o:"82.45",h:"83.02",l:"81.20",c:"81.52",v:"1037250",p:"1.23"},
+                    {d:"2013-12-02",o:"81.73",h:"84.33",l:"81.53",c:"83.70",v:"1712110",p:"1.23"},
+                    {d:"2013-12-03",o:"84.11",h:"86.35",l:"83.85",c:"85.96",v:"2940957",p:"1.23"},
+                    {d:"2013-12-04",o:"85.48",h:"86.35",l:"84.54",c:"86.02",v:"1852107",p:"1.23"},
+                    {d:"2013-12-05",o:"85.68",h:"85.89",l:"82.77",c:"83.67",v:"1922161",p:"1.23"},
+                    {d:"2013-12-06",o:"84.33",h:"84.80",l:"81.50",c:"82.76",v:"1877719",p:"1.23"},
+                    {d:"2013-12-09",o:"83.00",h:"83.45",l:"80.52",c:"81.24",v:"1702090",p:"1.23"},
+                    {d:"2013-12-10",o:"81.00",h:"83.25",l:"81.00",c:"82.89",v:"1842092",p:"1.23"},
+                    {d:"2013-12-11",o:"82.69",h:"83.64",l:"79.37",c:"79.91",v:"2642103",p:"1.23"},
+                    {d:"2013-12-12",o:"80.03",h:"82.24",l:"79.76",c:"80.87",v:"1205779",p:"1.23"},
+                    {d:"2013-12-13",o:"81.66",h:"82.48",l:"80.65",c:"80.96",v:"1231464",p:"1.23"},
+                    {d:"2013-12-16",o:"80.90",h:"81.55",l:"75.83",c:"76.76",v:"4306025",p:"1.23"},
+                    {d:"2013-12-17",o:"77.25",h:"79.44",l:"76.83",c:"77.48",v:"2115463",p:"1.23"},
+                    {d:"2013-12-18",o:"77.88",h:"77.91",l:"73.00",c:"76.40",v:"5426073",p:"1.23"},
+                    {d:"2013-12-19",o:"76.20",h:"78.82",l:"74.71",c:"77.61",v:"2891658",p:"1.23"},
+                    {d:"2013-12-20",o:"77.53",h:"79.02",l:"76.50",c:"78.72",v:"1756677",p:"1.23"},
+                    {d:"2013-12-23",o:"78.68",h:"81.15",l:"78.12",c:"81.08",v:"1440858",p:"1.23"},
+                    {d:"2013-12-24",o:"81.83",h:"82.28",l:"79.96",c:"80.81",v:"480351",p:"1.23"},
+                    {d:"2013-12-26",o:"80.48",h:"81.42",l:"79.77",c:"80.48",v:"1096441",p:"1.23"},
+                    {d:"2013-12-27",o:"80.61",h:"82.50",l:"80.08",c:"81.24",v:"2069390",p:"1.23"},
+                    {d:"2013-12-30",o:"80.96",h:"81.30",l:"79.57",c:"81.02",v:"1698641",p:"1.23"},
+                    {d:"2013-12-31",o:"82.12",h:"83.95",l:"81.51",c:"82.05",v:"2077470",p:"1.23"},
+                    {d:"2014-01-02",o:"81.85",h:"83.64",l:"81.15",c:"81.85",v:"2043904",p:"1.23"},
+                    {d:"2014-01-03",o:"81.99",h:"83.10",l:"78.70",c:"79.78",v:"1985197",p:"1.23"},
+                    {d:"2014-01-06",o:"79.98",h:"81.00",l:"79.10",c:"80.10",v:"1188195",p:"1.23"},
+                    {d:"2014-01-07",o:"80.20",h:"82.65",l:"80.20",c:"81.40",v:"1909738",p:"1.23"},
+                    {d:"2014-01-08",o:"85.60",h:"89.00",l:"85.00",c:"89.00",v:"9405070",p:"1.23"},
+                    {d:"2014-01-09",o:"86.21",h:"87.49",l:"81.00",c:"81.17",v:"5778892",p:"1.23"},
+                    {d:"2014-01-10",o:"81.42",h:"82.19",l:"79.99",c:"81.04",v:"2100432",p:"1.23"},
+                    {d:"2014-01-13",o:"84.75",h:"86.87",l:"83.11",c:"83.48",v:"4320673",p:"1.23"},
+                    {d:"2014-01-14",o:"84.41",h:"86.75",l:"83.70",c:"86.58",v:"2070680",p:"1.23"},
+                    {d:"2014-01-15",o:"87.36",h:"89.50",l:"86.25",c:"89.08",v:"3054164",p:"1.23"},
+                    {d:"2014-01-16",o:"89.12",h:"91.89",l:"87.35",c:"91.26",v:"3253905",p:"1.23"},
+                    {d:"2014-01-17",o:"92.22",h:"95.68",l:"88.80",c:"89.18",v:"4983669",p:"1.23"},
+                    {d:"2014-01-21",o:"91.38",h:"94.54",l:"90.37",c:"94.34",v:"2843218",p:"1.23"},
+                    {d:"2014-01-22",o:"95.38",h:"96.25",l:"92.35",c:"95.92",v:"2284460",p:"1.23"},
+                    {d:"2014-01-23",o:"89.90",h:"94.45",l:"86.00",c:"93.07",v:"7982363",p:"1.23"},
+                    {d:"2014-01-24",o:"89.21",h:"90.80",l:"84.61",c:"84.74",v:"5018120",p:"1.23"},
+                    {d:"2014-01-27",o:"86.43",h:"90.48",l:"83.38",c:"89.99",v:"4492445",p:"1.23"},
+                    {d:"2014-01-28",o:"90.28",h:"95.00",l:"90.17",c:"94.38",v:"4555765",p:"1.23"},
+                    {d:"2014-01-29",o:"92.93",h:"94.85",l:"90.50",c:"91.06",v:"2478375",p:"1.23"},
+                    {d:"2014-01-30",o:"94.76",h:"98.68",l:"93.40",c:"97.30",v:"4748150",p:"1.23"},
+                    {d:"2014-01-31",o:"94.83",h:"101.30",l:"94.33",c:"101.08",v:"3614564",p:"1.23"},
+                    {d:"2014-02-03",o:"101.72",h:"102.95",l:"92.81",c:"94.51",v:"4284104",p:"1.23"},
+                    {d:"2014-02-04",o:"96.36",h:"98.33",l:"95.21",c:"96.43",v:"2324350",p:"1.23"},
+                    {d:"2014-02-05",o:"96.05",h:"96.32",l:"88.56",c:"91.83",v:"4124391",p:"1.23"},
+                    {d:"2014-02-06",o:"92.79",h:"95.19",l:"90.85",c:"91.38",v:"2189347",p:"1.23"},
+                    {d:"2014-02-07",o:"92.26",h:"96.75",l:"92.00",c:"96.48",v:"3123854",p:"1.23"},
+                    {d:"2014-02-10",o:"96.01",h:"99.44",l:"95.88",c:"97.98",v:"2029189",p:"1.23"},
+                    {d:"2014-02-11",o:"99.22",h:"100.08",l:"94.05",c:"96.36",v:"2558134",p:"1.23"},
+                    {d:"2014-02-12",o:"97.07",h:"97.98",l:"96.44",c:"97.80",v:"1344785",p:"1.23"},
+                    {d:"2014-02-13",o:"96.68",h:"100.46",l:"96.02",c:"99.94",v:"2058593",p:"1.23"},
+                    {d:"2014-02-14",o:"101.02",h:"101.40",l:"97.25",c:"99.25",v:"1915664",p:"1.23"},
+                    {d:"2014-02-18",o:"100.21",h:"106.92",l:"100.21",c:"106.15",v:"3879182",p:"1.23"},
+                    {d:"2014-02-19",o:"106.58",h:"107.83",l:"103.61",c:"104.50",v:"1926201",p:"1.23"},
+                    {d:"2014-02-20",o:"103.91",h:"108.83",l:"102.51",c:"108.38",v:"2053957",p:"1.23"},
+                    {d:"2014-02-21",o:"108.38",h:"108.69",l:"104.23",c:"105.85",v:"2127174",p:"1.23"},
+                    {d:"2014-02-24",o:"106.50",h:"108.17",l:"104.25",c:"105.60",v:"1727416",p:"1.23"},
+                    {d:"2014-02-25",o:"105.00",h:"105.52",l:"102.32",c:"104.74",v:"1560933",p:"1.23"},
+                    {d:"2014-02-26",o:"105.98",h:"109.40",l:"105.56",c:"107.86",v:"1848885",p:"1.23"},
+                    {d:"2014-02-27",o:"107.86",h:"111.74",l:"107.86",c:"110.76",v:"2695560",p:"1.23"},
+                    {d:"2014-02-28",o:"111.76",h:"113.28",l:"107.22",c:"109.62",v:"2535576",p:"1.23"},
+                    {d:"2014-03-03",o:"107.42",h:"111.54",l:"107.04",c:"109.05",v:"2105434",p:"1.23"},
+                    {d:"2014-03-04",o:"112.58",h:"118.00",l:"112.50",c:"116.10",v:"4215418",p:"1.23"},
+                    {d:"2014-03-05",o:"118.92",h:"120.83",l:"115.77",c:"116.68",v:"4061008",p:"1.23"},
+                    {d:"2014-03-06",o:"119.00",h:"123.43",l:"118.37",c:"121.53",v:"5920522",p:"1.23"},
+                    {d:"2014-03-07",o:"124.42",h:"124.42",l:"118.05",c:"120.79",v:"6389665",p:"1.23"},
+                    {d:"2014-03-10",o:"119.94",h:"123.72",l:"115.73",c:"118.31",v:"3654519",p:"1.23"},
+                    {d:"2014-03-11",o:"119.81",h:"121.38",l:"114.50",c:"115.46",v:"2761720",p:"1.23"},
+                    {d:"2014-03-12",o:"113.82",h:"117.48",l:"109.87",c:"116.73",v:"3439224",p:"1.23"},
+                    {d:"2014-03-13",o:"119.93",h:"120.17",l:"112.53",c:"114.10",v:"2661435",p:"1.23"},
+                    {d:"2014-03-14",o:"112.14",h:"115.26",l:"108.02",c:"113.62",v:"3252376",p:"1.23"},
+                    {d:"2014-03-17",o:"115.82",h:"116.34",l:"111.30",c:"112.69",v:"1996969",p:"1.23"},
+                    {d:"2014-03-18",o:"114.40",h:"115.60",l:"113.00",c:"114.08",v:"2119380",p:"1.23"},
+                    {d:"2014-03-19",o:"114.65",h:"114.87",l:"110.51",c:"111.83",v:"1691332",p:"1.23"},
+                    {d:"2014-03-20",o:"111.03",h:"112.82",l:"108.01",c:"109.25",v:"2016763",p:"1.23"},
+                    {d:"2014-03-21",o:"111.93",h:"111.93",l:"106.61",c:"107.83",v:"2646005",p:"1.23"},
+                    {d:"2014-03-24",o:"108.75",h:"109.05",l:"99.48",c:"101.49",v:"3618114",p:"1.23"},
+                    {d:"2014-03-25",o:"103.23",h:"106.29",l:"100.88",c:"101.70",v:"2850104",p:"1.23"},
+                    {d:"2014-03-26",o:"103.25",h:"103.55",l:"92.52",c:"93.60",v:"4585763",p:"1.23"},
+                    {d:"2014-03-27",o:"91.44",h:"95.26",l:"87.50",c:"93.09",v:"7121819",p:"1.23"},
+                    {d:"2014-03-28",o:"94.11",h:"99.87",l:"93.63",c:"95.24",v:"4328784",p:"1.23"},
+                    {d:"2014-03-31",o:"98.00",h:"102.19",l:"97.80",c:"99.58",v:"3486355",p:"1.23"},
+                    {d:"2014-04-01",o:"102.19",h:"105.49",l:"100.12",c:"103.00",v:"4473136",p:"1.23"},
+                    {d:"2014-04-02",o:"104.73",h:"104.90",l:"96.77",c:"98.19",v:"4267596",p:"1.23"},
+                    {d:"2014-04-03",o:"98.19",h:"99.63",l:"91.89",c:"92.93",v:"4264568",p:"1.23"},
+                    {d:"2014-04-04",o:"93.65",h:"94.86",l:"88.13",c:"89.34",v:"4598442",p:"1.23"},
+                    {d:"2014-04-07",o:"87.94",h:"90.95",l:"82.52",c:"84.06",v:"6927433",p:"1.23"},
+                    {d:"2014-04-08",o:"87.17",h:"91.50",l:"85.75",c:"90.84",v:"4394787",p:"1.23"},
+                    {d:"2014-04-09",o:"92.41",h:"96.13",l:"88.75",c:"96.08",v:"4577494",p:"1.23"},
+                    {d:"2014-04-10",o:"96.77",h:"96.77",l:"86.15",c:"87.01",v:"4425213",p:"1.23"},
+                    {d:"2014-04-11",o:"84.76",h:"89.81",l:"84.00",c:"87.00",v:"4372114",p:"1.23"},
+                    {d:"2014-04-14",o:"89.55",h:"91.00",l:"86.55",c:"87.73",v:"3183233",p:"1.23"},
+                    {d:"2014-04-15",o:"87.79",h:"91.82",l:"84.28",c:"91.57",v:"4462761",p:"1.23"},
+                    {d:"2014-04-16",o:"93.74",h:"94.30",l:"88.63",c:"92.50",v:"3197372",p:"1.23"},
+                    {d:"2014-04-17",o:"91.51",h:"93.96",l:"89.90",c:"93.85",v:"2745614",p:"1.23"},
+                    {d:"2014-04-21",o:"94.04",h:"94.04",l:"88.50",c:"91.49",v:"2596932",p:"1.23"},
+                    {d:"2014-04-22",o:"92.03",h:"96.25",l:"92.01",c:"94.67",v:"3707550",p:"1.23"},
+                    {d:"2014-04-23",o:"94.04",h:"95.27",l:"92.25",c:"92.72",v:"1983269",p:"1.23"},
+                    {d:"2014-04-24",o:"94.31",h:"94.41",l:"89.40",c:"92.26",v:"2410941",p:"1.23"},
+                    {d:"2014-04-25",o:"90.76",h:"92.00",l:"88.52",c:"89.29",v:"3063938",p:"1.23"},
+                    {d:"2014-04-28",o:"89.98",h:"90.00",l:"82.30",c:"84.78",v:"5212263",p:"1.23"},
+                    {d:"2014-04-29",o:"85.12",h:"87.82",l:"83.03",c:"87.69",v:"2860227",p:"1.23"},
+                    {d:"2014-04-30",o:"86.70",h:"86.70",l:"82.10",c:"84.38",v:"4304446",p:"1.23"},
+                    {d:"2014-05-01",o:"84.43",h:"89.70",l:"84.43",c:"87.93",v:"3384709",p:"1.23"},
+                    {d:"2014-05-02",o:"88.25",h:"90.32",l:"86.81",c:"88.38",v:"1909984",p:"1.23"},
+                    {d:"2014-05-05",o:"86.64",h:"87.80",l:"85.21",c:"87.30",v:"1910061",p:"1.23"},
+                    {d:"2014-05-06",o:"86.47",h:"87.80",l:"83.24",c:"83.53",v:"2330544",p:"1.23"},
+                    {d:"2014-05-07",o:"83.46",h:"83.60",l:"74.10",c:"78.10",v:"6511951",p:"1.23"},
+                    {d:"2014-05-08",o:"76.07",h:"79.09",l:"75.70",c:"75.93",v:"3668706",p:"1.23"},
+                    {d:"2014-05-09",o:"75.95",h:"78.26",l:"75.32",c:"77.70",v:"3461333",p:"1.23"},
+                    {d:"2014-05-12",o:"78.85",h:"84.40",l:"78.82",c:"83.98",v:"3900725",p:"1.23"},
+                    {d:"2014-05-13",o:"84.23",h:"84.75",l:"79.66",c:"80.34",v:"3232088",p:"1.23"},
+                    {d:"2014-05-14",o:"81.51",h:"84.75",l:"80.68",c:"82.24",v:"2760596",p:"1.23"},
+                    {d:"2014-05-15",o:"81.80",h:"82.52",l:"77.48",c:"80.00",v:"2976462",p:"1.23"},
+                    {d:"2014-05-16",o:"80.18",h:"80.18",l:"77.10",c:"79.73",v:"2640265",p:"1.23"},
+                    {d:"2014-05-19",o:"78.90",h:"81.23",l:"78.50",c:"80.17",v:"1600283",p:"1.23"},
+                    {d:"2014-05-20",o:"80.86",h:"83.22",l:"79.54",c:"81.16",v:"2056724",p:"1.23"},
+                    {d:"2014-05-21",o:"81.56",h:"84.95",l:"81.22",c:"84.90",v:"2634802",p:"1.23"},
+                    {d:"2014-05-22",o:"84.86",h:"88.20",l:"84.78",c:"88.05",v:"3472338",p:"1.23"},
+                    {d:"2014-05-23",o:"87.96",h:"89.36",l:"85.76",c:"89.08",v:"2124596",p:"1.23"},
+                    {d:"2014-05-27",o:"90.06",h:"90.25",l:"87.38",c:"89.98",v:"4077985",p:"1.23"},
+                    {d:"2014-05-28",o:"94.31",h:"96.40",l:"92.80",c:"95.14",v:"7888780",p:"1.23"},
+                    {d:"2014-05-29",o:"95.90",h:"96.49",l:"94.25",c:"95.66",v:"2701774",p:"1.23"},
+                    {d:"2014-05-30",o:"94.77",h:"95.57",l:"90.72",c:"91.83",v:"3367763",p:"1.23"},
+                    {d:"2014-06-02",o:"92.12",h:"92.38",l:"87.50",c:"87.85",v:"3549673",p:"1.23"},
+                    {d:"2014-06-03",o:"88.06",h:"88.06",l:"85.10",c:"85.86",v:"2370618",p:"1.23"},
+                    {d:"2014-06-04",o:"85.14",h:"86.91",l:"83.30",c:"85.41",v:"2497417",p:"1.23"},
+                    {d:"2014-06-05",o:"86.30",h:"88.04",l:"85.55",c:"86.47",v:"2424586",p:"1.23"},
+                    {d:"2014-06-06",o:"86.52",h:"87.54",l:"84.60",c:"85.54",v:"2010658",p:"1.23"},
+                    {d:"2014-06-09",o:"85.76",h:"87.20",l:"84.79",c:"85.05",v:"1847515",p:"1.23"},
+                    {d:"2014-06-10",o:"85.64",h:"86.60",l:"83.70",c:"85.32",v:"1838810",p:"1.23"},
+                    {d:"2014-06-11",o:"85.18",h:"89.96",l:"84.20",c:"89.50",v:"2863932",p:"1.23"},
+                    {d:"2014-06-12",o:"89.50",h:"90.40",l:"86.75",c:"88.41",v:"2309283",p:"1.23"},
+                    {d:"2014-06-13",o:"89.16",h:"89.16",l:"86.13",c:"87.18",v:"1588139",p:"1.23"},
+                    {d:"2014-06-16",o:"87.00",h:"87.27",l:"85.13",c:"85.92",v:"1854520",p:"1.23"},
+                    {d:"2014-06-17",o:"86.66",h:"91.12",l:"86.02",c:"90.71",v:"2998178",p:"1.23"},
+                    {d:"2014-06-18",o:"91.22",h:"92.50",l:"89.56",c:"91.56",v:"2791323",p:"1.23"},
+                    {d:"2014-06-19",o:"91.57",h:"92.04",l:"88.28",c:"89.60",v:"1465365",p:"1.23"},
+                    {d:"2014-06-20",o:"90.10",h:"90.42",l:"86.90",c:"88.66",v:"1758442",p:"1.23"},
+                    {d:"2014-06-23",o:"88.21",h:"88.69",l:"87.00",c:"88.10",v:"1579563",p:"1.23"},
+                    {d:"2014-06-24",o:"88.20",h:"93.74",l:"88.02",c:"91.52",v:"3810572",p:"1.23"},
+                    {d:"2014-06-25",o:"90.42",h:"92.77",l:"90.07",c:"92.70",v:"2318116",p:"1.23"},
+                    {d:"2014-06-26",o:"93.30",h:"93.87",l:"91.43",c:"91.97",v:"1691006",p:"1.23"},
+                    {d:"2014-06-27",o:"91.97",h:"92.13",l:"90.50",c:"91.12",v:"1207770",p:"1.23"},
+                    {d:"2014-06-30",o:"91.42",h:"94.35",l:"91.24",c:"92.04",v:"1943129",p:"1.23"},
+                    {d:"2014-07-01",o:"92.54",h:"95.60",l:"92.54",c:"95.04",v:"2182984",p:"1.23"},
+                    {d:"2014-07-02",o:"95.65",h:"99.57",l:"95.44",c:"96.66",v:"3091376",p:"1.23"},
+                    {d:"2014-07-03",o:"97.32",h:"98.23",l:"93.59",c:"94.00",v:"1740852",p:"1.23"},
+                    {d:"2014-07-07",o:"94.46",h:"96.49",l:"92.34",c:"93.14",v:"2002939",p:"1.23"},
+                    {d:"2014-07-08",o:"93.11",h:"93.21",l:"86.27",c:"88.43",v:"3930909",p:"1.23"},
+                    {d:"2014-07-09",o:"88.56",h:"89.25",l:"86.22",c:"87.57",v:"2489019",p:"1.23"},
+                    {d:"2014-07-10",o:"85.38",h:"88.40",l:"84.38",c:"87.07",v:"2332032",p:"1.23"},
+                    {d:"2014-07-11",o:"87.20",h:"90.13",l:"87.00",c:"88.16",v:"2080648",p:"1.23"},
+                    {d:"2014-07-14",o:"89.26",h:"92.42",l:"89.05",c:"90.06",v:"2360600",p:"1.23"},
+                    {d:"2014-07-15",o:"92.26",h:"92.33",l:"88.88",c:"89.93",v:"2292783",p:"1.23"},
+                    {d:"2014-07-16",o:"90.52",h:"90.98",l:"88.97",c:"89.43",v:"881891",p:"1.23"},
+                    {d:"2014-07-17",o:"89.55",h:"90.77",l:"85.99",c:"86.57",v:"1882447",p:"1.23"},
+                    {d:"2014-07-18",o:"87.50",h:"88.33",l:"86.67",c:"87.83",v:"1309182",p:"1.23"},
+                    {d:"2014-07-21",o:"87.47",h:"90.95",l:"86.90",c:"90.56",v:"2154051",p:"1.23"},
+                    {d:"2014-07-22",o:"91.69",h:"95.53",l:"91.27",c:"95.04",v:"3185497",p:"1.23"},
+                    {d:"2014-07-23",o:"94.81",h:"95.87",l:"94.07",c:"95.01",v:"2060089",p:"1.23"},
+                    {d:"2014-07-24",o:"96.04",h:"96.12",l:"94.29",c:"95.61",v:"2089803",p:"1.23"},
+                    {d:"2014-07-25",o:"97.50",h:"101.60",l:"96.04",c:"99.15",v:"5650649",p:"1.23"},
+                    {d:"2014-07-28",o:"99.92",h:"104.63",l:"99.00",c:"104.26",v:"4671041",p:"1.23"},
+                    {d:"2014-07-29",o:"104.81",h:"104.81",l:"98.37",c:"100.06",v:"3771932",p:"1.23"},
+                    {d:"2014-07-30",o:"101.70",h:"101.75",l:"96.30",c:"99.00",v:"2653460",p:"1.23"},
+                    {d:"2014-07-31",o:"96.47",h:"96.70",l:"91.14",c:"91.15",v:"5636693",p:"1.23"},
+                    {d:"2014-08-01",o:"90.93",h:"91.78",l:"89.36",c:"90.52",v:"6638989",p:"1.23"},
+                    {d:"2014-08-04",o:"92.89",h:"95.25",l:"92.00",c:"94.16",v:"4352315",p:"1.23"},
+                    {d:"2014-08-05",o:"94.83",h:"94.96",l:"91.00",c:"92.38",v:"2542938",p:"1.23"},
+                    {d:"2014-08-06",o:"91.44",h:"94.69",l:"90.95",c:"93.98",v:"2283407",p:"1.23"},
+                    {d:"2014-08-07",o:"94.00",h:"94.92",l:"92.10",c:"93.38",v:"1805591",p:"1.23"},
+                    {d:"2014-08-08",o:"93.16",h:"94.80",l:"92.87",c:"93.87",v:"1370529",p:"1.23"},
+                    {d:"2014-08-11",o:"95.21",h:"97.25",l:"94.45",c:"96.64",v:"2441874",p:"1.23"},
+                    {d:"2014-08-12",o:"97.24",h:"97.46",l:"94.64",c:"96.66",v:"1644792",p:"1.23"},
+                    {d:"2014-08-13",o:"97.33",h:"99.28",l:"96.76",c:"98.63",v:"1874008",p:"1.23"},
+                    {d:"2014-08-14",o:"99.00",h:"99.68",l:"97.70",c:"98.48",v:"1809635",p:"1.23"},
+                    {d:"2014-08-15",o:"98.98",h:"101.83",l:"98.30",c:"99.93",v:"2915612",p:"1.23"},
+                    {d:"2014-08-18",o:"101.15",h:"102.58",l:"100.71",c:"102.10",v:"2208305",p:"1.23"},
+                    {d:"2014-08-19",o:"103.13",h:"103.98",l:"101.62",c:"102.02",v:"2984761",p:"1.23"},
+                    {d:"2014-08-20",o:"102.35",h:"102.68",l:"99.67",c:"101.99",v:"1364368",p:"1.23"},
+                    {d:"2014-08-21",o:"102.14",h:"103.00",l:"100.12",c:"101.63",v:"2276003",p:"1.23"},
+                    {d:"2014-08-22",o:"101.30",h:"103.39",l:"99.69",c:"101.75",v:"3993832",p:"1.23"},
+                    {d:"2014-08-25",o:"97.50",h:"97.51",l:"91.87",c:"93.87",v:"12814994",p:"1.23"},
+                    {d:"2014-08-26",o:"94.80",h:"94.80",l:"90.64",c:"92.15",v:"8473340",p:"1.23"},
+                    {d:"2014-08-27",o:"91.88",h:"92.10",l:"88.10",c:"88.43",v:"7041787",p:"1.23"},
+                    {d:"2014-08-28",o:"88.03",h:"90.52",l:"87.55",c:"88.34",v:"4330590",p:"1.23"},
+                    {d:"2014-08-29",o:"89.06",h:"89.60",l:"87.40",c:"87.83",v:"2247661",p:"1.23"},
+                    {d:"2014-09-02",o:"88.02",h:"89.55",l:"87.03",c:"88.76",v:"3266962",p:"1.23"},
+                    {d:"2014-09-03",o:"90.12",h:"90.35",l:"84.20",c:"85.67",v:"5774360",p:"1.23"},
+                    {d:"2014-09-04",o:"86.13",h:"87.65",l:"84.80",c:"85.97",v:"3270755",p:"1.23"},
+                    {d:"2014-09-05",o:"86.20",h:"87.58",l:"86.00",c:"86.73",v:"2421109",p:"1.23"},
+                    {d:"2014-09-08",o:"86.73",h:"88.29",l:"86.13",c:"86.48",v:"1920933",p:"1.23"},
+                    {d:"2014-09-09",o:"86.40",h:"86.94",l:"81.88",c:"82.71",v:"4086617",p:"1.23"},
+                    {d:"2014-09-10",o:"82.18",h:"82.83",l:"79.64",c:"80.59",v:"6442051",p:"1.23"},
+                    {d:"2014-09-11",o:"79.92",h:"81.55",l:"78.58",c:"79.70",v:"4978926",p:"1.23"},
+                    {d:"2014-09-12",o:"79.44",h:"80.30",l:"79.01",c:"79.72",v:"3444867",p:"1.23"},
+                    {d:"2014-09-15",o:"80.00",h:"80.97",l:"76.79",c:"77.85",v:"4604199",p:"1.23"},
+                    {d:"2014-09-16",o:"76.78",h:"79.43",l:"76.16",c:"77.97",v:"4231660",p:"1.23"},
+                    {d:"2014-09-17",o:"78.50",h:"79.87",l:"78.03",c:"78.87",v:"3526140",p:"1.23"},
+                    {d:"2014-09-18",o:"79.59",h:"79.96",l:"77.15",c:"77.99",v:"2938763",p:"1.23"},
+                    {d:"2014-09-19",o:"78.02",h:"78.78",l:"75.39",c:"76.63",v:"3775011",p:"1.23"},
+                    {d:"2014-09-22",o:"76.72",h:"77.20",l:"72.77",c:"74.94",v:"4155211",p:"1.23"},
+                    {d:"2014-09-23",o:"74.17",h:"77.50",l:"74.13",c:"75.13",v:"2442624",p:"1.23"},
+                    {d:"2014-09-24",o:"75.50",h:"76.66",l:"74.25",c:"74.95",v:"2564100",p:"1.23"},
+                    {d:"2014-09-25",o:"74.61",h:"74.92",l:"71.39",c:"72.32",v:"3908254",p:"1.23"},
+                    {d:"2014-09-26",o:"72.75",h:"73.37",l:"71.70",c:"72.38",v:"2033624",p:"1.23"},
+                    {d:"2014-09-29",o:"71.37",h:"71.88",l:"70.10",c:"70.62",v:"3257410",p:"1.23"},
+                    {d:"2014-09-30",o:"70.83",h:"70.83",l:"66.05",c:"67.47",v:"6021498",p:"1.23"},
+                    {d:"2014-10-01",o:"67.22",h:"67.81",l:"63.39",c:"63.89",v:"4514081",p:"1.23"},
+                    {d:"2014-10-02",o:"65.29",h:"67.63",l:"64.41",c:"67.20",v:"5456189",p:"1.23"},
+                    {d:"2014-10-03",o:"68.01",h:"69.40",l:"67.15",c:"68.53",v:"3307627",p:"1.23"},
+                    {d:"2014-10-06",o:"69.05",h:"70.42",l:"67.87",c:"68.16",v:"1927922",p:"1.23"},
+                    {d:"2014-10-07",o:"67.82",h:"68.84",l:"66.38",c:"66.48",v:"2026147",p:"1.23"},
+                    {d:"2014-10-08",o:"66.60",h:"67.90",l:"64.25",c:"67.90",v:"2719435",p:"1.23"},
+                    {d:"2014-10-09",o:"67.55",h:"67.88",l:"65.82",c:"66.57",v:"2041033",p:"1.23"},
+                    {d:"2014-10-10",o:"65.71",h:"66.25",l:"62.89",c:"63.36",v:"2940499",p:"1.23"},
+                    {d:"2014-10-13",o:"63.35",h:"64.98",l:"60.82",c:"63.00",v:"3089977",p:"1.23"}
+                    ]
+                }],
+                credits: {
+                    enabled: true
+                    , text: 'jchart.openjavascript.org'
+                    , href: 'http://jchart.openjavascript.org/'
+                },
+                displayAllLabel: true,
+                legend: {
+                    enabled: false
+                }
+                , isPercent: false
+                }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        trend data update
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "chart": {
+            "type": "trend", 
+            "bgColor": 16382457
+        }, 
+        "title": {
+            "text": "奇虎股票走势图"
+        }, 
+        "subtitle": {
+            "text": "数据来自官方"
+        }, 
+        "xAxis": {
+            "num": 5
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "每股价格（元）"
+            }, 
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "enabled": true, 
+            "fixed": false, 
+            "dynLoading": true, 
+            "headerFormat": "{0} {1}", 
+            "afterSerial": [
+                {
+                    "name": "当前价", 
+                    "format": "{0}元", 
+                    "data": "c"
+                }, 
+                {
+                    "name": "涨跌幅", 
+                    "format": "{0}%", 
+                    "data": "p"
+                }, 
+                {
+                    "name": "成交量", 
+                    "data": "v"
+                }
+            ]
+        }, 
+        "vline": {
+            "enabled": true
+        }, 
+        "series": [
+            {
+                "dataName": "qihu", 
+                "startDate": "2011-09-02", 
+                "endDate": "2014-10-13", 
+                "baseDate": "40.39", 
+                "data": [
+                    {
+                        "d": "09:30:00", 
+                        "v": "43602", 
+                        "c": "40.5000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:31:00", 
+                        "v": "3795", 
+                        "c": "40.2800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:32:00", 
+                        "v": "5840", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:33:00", 
+                        "v": "3349", 
+                        "c": "40.1300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:34:00", 
+                        "v": "15251", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:35:00", 
+                        "v": "8935", 
+                        "c": "40.5000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:36:00", 
+                        "v": "2398", 
+                        "c": "40.5200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:37:00", 
+                        "v": "1800", 
+                        "c": "40.4750", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:38:00", 
+                        "v": "2100", 
+                        "c": "40.7000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:39:00", 
+                        "v": "900", 
+                        "c": "40.5800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:40:00", 
+                        "v": "8770", 
+                        "c": "40.6200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:41:00", 
+                        "v": "600", 
+                        "c": "40.5600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:42:00", 
+                        "v": "14509", 
+                        "c": "40.4400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:43:00", 
+                        "v": "1750", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:44:00", 
+                        "v": "1800", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:45:00", 
+                        "v": "3000", 
+                        "c": "40.2850", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:46:00", 
+                        "v": "4371", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:47:00", 
+                        "v": "900", 
+                        "c": "40.2200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:48:00", 
+                        "v": "3216", 
+                        "c": "40.2200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:49:00", 
+                        "v": "6290", 
+                        "c": "40.1600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:50:00", 
+                        "v": "24943", 
+                        "c": "40.1400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:51:00", 
+                        "v": "3000", 
+                        "c": "40.2000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:52:00", 
+                        "v": "2800", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:53:00", 
+                        "v": "400", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:54:00", 
+                        "v": "1400", 
+                        "c": "40.2400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:55:00", 
+                        "v": "100", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:56:00", 
+                        "v": "4751", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:57:00", 
+                        "v": "6054", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:58:00", 
+                        "v": "300", 
+                        "c": "40.1491", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "09:59:00", 
+                        "v": "3163", 
+                        "c": "40.2550", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:00:00", 
+                        "v": "8463", 
+                        "c": "40.2100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:01:00", 
+                        "v": "2766", 
+                        "c": "40.3350", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:02:00", 
+                        "v": "3959", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:03:00", 
+                        "v": "1500", 
+                        "c": "40.2750", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:04:00", 
+                        "v": "5300", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:05:00", 
+                        "v": "6700", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:06:00", 
+                        "v": "1619", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:07:00", 
+                        "v": "6400", 
+                        "c": "40.2900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:08:00", 
+                        "v": "4408", 
+                        "c": "40.3000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:09:00", 
+                        "v": "6399", 
+                        "c": "40.3600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:10:00", 
+                        "v": "2094", 
+                        "c": "40.3800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:11:00", 
+                        "v": "1400", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:12:00", 
+                        "v": "5800", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:13:00", 
+                        "v": "600", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:14:00", 
+                        "v": "900", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:15:00", 
+                        "v": "3300", 
+                        "c": "40.4400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:16:00", 
+                        "v": "1200", 
+                        "c": "40.4600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:17:00", 
+                        "v": "6850", 
+                        "c": "40.4800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:18:00", 
+                        "v": "2100", 
+                        "c": "40.5800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:19:00", 
+                        "v": "8197", 
+                        "c": "40.6400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:20:00", 
+                        "v": "6775", 
+                        "c": "40.6000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:21:00", 
+                        "v": "2000", 
+                        "c": "40.5500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:22:00", 
+                        "v": "2164", 
+                        "c": "40.6300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:23:00", 
+                        "v": "7635", 
+                        "c": "40.5300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:24:00", 
+                        "v": "5550", 
+                        "c": "40.5400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:25:00", 
+                        "v": "5650", 
+                        "c": "40.5700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:26:00", 
+                        "v": "7558", 
+                        "c": "40.5900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:27:00", 
+                        "v": "7846", 
+                        "c": "40.6500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:28:00", 
+                        "v": "4646", 
+                        "c": "40.7400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:29:00", 
+                        "v": "11876", 
+                        "c": "40.7500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:30:00", 
+                        "v": "6254", 
+                        "c": "40.8050", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:31:00", 
+                        "v": "4405", 
+                        "c": "40.8000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:32:00", 
+                        "v": "7690", 
+                        "c": "40.7600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:33:00", 
+                        "v": "41304", 
+                        "c": "40.8500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:34:00", 
+                        "v": "5072", 
+                        "c": "40.8300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:35:00", 
+                        "v": "3600", 
+                        "c": "40.7700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:36:00", 
+                        "v": "6850", 
+                        "c": "40.7400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:37:00", 
+                        "v": "5674", 
+                        "c": "40.6300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:38:00", 
+                        "v": "5448", 
+                        "c": "40.5600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:39:00", 
+                        "v": "10198", 
+                        "c": "40.5000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:40:00", 
+                        "v": "500", 
+                        "c": "40.5200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:41:00", 
+                        "v": "4200", 
+                        "c": "40.5000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:42:00", 
+                        "v": "2465", 
+                        "c": "40.5200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:43:00", 
+                        "v": "3435", 
+                        "c": "40.5100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:44:00", 
+                        "v": "3700", 
+                        "c": "40.5200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:45:00", 
+                        "v": "900", 
+                        "c": "40.5700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:46:00", 
+                        "v": "2848", 
+                        "c": "40.6800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:47:00", 
+                        "v": "1700", 
+                        "c": "40.5700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:48:00", 
+                        "v": "1600", 
+                        "c": "40.5600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:49:00", 
+                        "v": "2800", 
+                        "c": "40.4900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:50:00", 
+                        "v": "700", 
+                        "c": "40.5200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:51:00", 
+                        "v": "2000", 
+                        "c": "40.5900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:52:00", 
+                        "v": "700", 
+                        "c": "40.6600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:53:00", 
+                        "v": "2673", 
+                        "c": "40.6400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:54:00", 
+                        "v": "800", 
+                        "c": "40.6600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:55:00", 
+                        "v": "2395", 
+                        "c": "40.5700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:56:00", 
+                        "v": "2175", 
+                        "c": "40.5300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:57:00", 
+                        "v": "700", 
+                        "c": "40.4600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:58:00", 
+                        "v": "2900", 
+                        "c": "40.5000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "10:59:00", 
+                        "v": "13322", 
+                        "c": "40.4300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:00:00", 
+                        "v": "1500", 
+                        "c": "40.4000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:01:00", 
+                        "v": "100", 
+                        "c": "40.4100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:02:00", 
+                        "v": "496", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:03:00", 
+                        "v": "1600", 
+                        "c": "40.2900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:04:00", 
+                        "v": "200", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:05:00", 
+                        "v": "2900", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:06:00", 
+                        "v": "1641", 
+                        "c": "40.3100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:07:00", 
+                        "v": "2400", 
+                        "c": "40.3100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:08:00", 
+                        "v": "4200", 
+                        "c": "40.3900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:09:00", 
+                        "v": "400", 
+                        "c": "40.4200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:10:00", 
+                        "v": "2950", 
+                        "c": "40.3900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:11:00", 
+                        "v": "4600", 
+                        "c": "40.4500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:12:00", 
+                        "v": "1200", 
+                        "c": "40.4500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:14:00", 
+                        "v": "400", 
+                        "c": "40.4300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:15:00", 
+                        "v": "2200", 
+                        "c": "40.3800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:16:00", 
+                        "v": "3600", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:17:00", 
+                        "v": "200", 
+                        "c": "40.3200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:18:00", 
+                        "v": "1700", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:19:00", 
+                        "v": "300", 
+                        "c": "40.3900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:20:00", 
+                        "v": "900", 
+                        "c": "40.3900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:21:00", 
+                        "v": "200", 
+                        "c": "40.4000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:22:00", 
+                        "v": "900", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:23:00", 
+                        "v": "1200", 
+                        "c": "40.3900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:24:00", 
+                        "v": "2521", 
+                        "c": "40.3000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:25:00", 
+                        "v": "100", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:26:00", 
+                        "v": "1500", 
+                        "c": "40.3100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:27:00", 
+                        "v": "2500", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:28:00", 
+                        "v": "3500", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:29:00", 
+                        "v": "3400", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:30:00", 
+                        "v": "1100", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:31:00", 
+                        "v": "200", 
+                        "c": "40.3100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:32:00", 
+                        "v": "2000", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:33:00", 
+                        "v": "600", 
+                        "c": "40.2900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:34:00", 
+                        "v": "2332", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:35:00", 
+                        "v": "2025", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:36:00", 
+                        "v": "3324", 
+                        "c": "40.1748", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:37:00", 
+                        "v": "2568", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:38:00", 
+                        "v": "3400", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:39:00", 
+                        "v": "2800", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:40:00", 
+                        "v": "700", 
+                        "c": "40.2000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:41:00", 
+                        "v": "700", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:42:00", 
+                        "v": "2400", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:43:00", 
+                        "v": "700", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:45:00", 
+                        "v": "1300", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:46:00", 
+                        "v": "700", 
+                        "c": "40.3200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:47:00", 
+                        "v": "3400", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:48:00", 
+                        "v": "600", 
+                        "c": "40.3200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:49:00", 
+                        "v": "200", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:50:00", 
+                        "v": "300", 
+                        "c": "40.3300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:51:00", 
+                        "v": "200", 
+                        "c": "40.3100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:52:00", 
+                        "v": "1800", 
+                        "c": "40.2510", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:53:00", 
+                        "v": "2300", 
+                        "c": "40.3500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:54:00", 
+                        "v": "1326", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:55:00", 
+                        "v": "1200", 
+                        "c": "40.3700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:56:00", 
+                        "v": "200", 
+                        "c": "40.3200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:57:00", 
+                        "v": "2305", 
+                        "c": "40.3400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:58:00", 
+                        "v": "1319", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "11:59:00", 
+                        "v": "400", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:00:00", 
+                        "v": "588", 
+                        "c": "40.2324", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:01:00", 
+                        "v": "1262", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:02:00", 
+                        "v": "200", 
+                        "c": "40.2750", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:03:00", 
+                        "v": "500", 
+                        "c": "40.2400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:04:00", 
+                        "v": "1300", 
+                        "c": "40.3000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:05:00", 
+                        "v": "200", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:06:00", 
+                        "v": "300", 
+                        "c": "40.2900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:09:00", 
+                        "v": "1700", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:10:00", 
+                        "v": "500", 
+                        "c": "40.3000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:11:00", 
+                        "v": "400", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:12:00", 
+                        "v": "1300", 
+                        "c": "40.2100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:13:00", 
+                        "v": "200", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:15:00", 
+                        "v": "300", 
+                        "c": "40.2100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:17:00", 
+                        "v": "1700", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:18:00", 
+                        "v": "100", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:19:00", 
+                        "v": "200", 
+                        "c": "40.2400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:20:00", 
+                        "v": "2000", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:21:00", 
+                        "v": "4100", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:22:00", 
+                        "v": "3300", 
+                        "c": "40.2800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:23:00", 
+                        "v": "2100", 
+                        "c": "40.2800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:25:00", 
+                        "v": "200", 
+                        "c": "40.2800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:26:00", 
+                        "v": "754", 
+                        "c": "40.2200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:27:00", 
+                        "v": "300", 
+                        "c": "40.2200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:28:00", 
+                        "v": "600", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:29:00", 
+                        "v": "200", 
+                        "c": "40.3000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:30:00", 
+                        "v": "100", 
+                        "c": "40.2900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:31:00", 
+                        "v": "1600", 
+                        "c": "40.2800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:32:00", 
+                        "v": "100", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:33:00", 
+                        "v": "100", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:34:00", 
+                        "v": "469", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:35:00", 
+                        "v": "850", 
+                        "c": "40.1600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:39:00", 
+                        "v": "3492", 
+                        "c": "40.1700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:40:00", 
+                        "v": "3605", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:42:00", 
+                        "v": "1700", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:43:00", 
+                        "v": "4598", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:44:00", 
+                        "v": "600", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:45:00", 
+                        "v": "400", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:46:00", 
+                        "v": "3168", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:47:00", 
+                        "v": "100", 
+                        "c": "40.1700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:48:00", 
+                        "v": "100", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:49:00", 
+                        "v": "1500", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:50:00", 
+                        "v": "100", 
+                        "c": "40.1700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:51:00", 
+                        "v": "200", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:52:00", 
+                        "v": "400", 
+                        "c": "40.2000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:53:00", 
+                        "v": "1300", 
+                        "c": "40.2400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:54:00", 
+                        "v": "200", 
+                        "c": "40.2400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:55:00", 
+                        "v": "200", 
+                        "c": "40.2600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:56:00", 
+                        "v": "400", 
+                        "c": "40.2700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:57:00", 
+                        "v": "900", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:58:00", 
+                        "v": "100", 
+                        "c": "40.2500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "12:59:00", 
+                        "v": "200", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:01:00", 
+                        "v": "450", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:02:00", 
+                        "v": "400", 
+                        "c": "40.1600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:03:00", 
+                        "v": "700", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:04:00", 
+                        "v": "100", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:05:00", 
+                        "v": "3172", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:06:00", 
+                        "v": "800", 
+                        "c": "40.1550", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:07:00", 
+                        "v": "4959", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:08:00", 
+                        "v": "300", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:09:00", 
+                        "v": "100", 
+                        "c": "40.1400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:10:00", 
+                        "v": "1819", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:11:00", 
+                        "v": "200", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:12:00", 
+                        "v": "1500", 
+                        "c": "40.1600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:14:00", 
+                        "v": "1800", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:15:00", 
+                        "v": "2300", 
+                        "c": "40.1600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:16:00", 
+                        "v": "1300", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:17:00", 
+                        "v": "810", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:18:00", 
+                        "v": "500", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:19:00", 
+                        "v": "3200", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:20:00", 
+                        "v": "1300", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:21:00", 
+                        "v": "200", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:22:00", 
+                        "v": "700", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:23:00", 
+                        "v": "2900", 
+                        "c": "40.0600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:24:00", 
+                        "v": "1700", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:25:00", 
+                        "v": "3200", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:26:00", 
+                        "v": "2620", 
+                        "c": "40.1100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:28:00", 
+                        "v": "3877", 
+                        "c": "40.2100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:29:00", 
+                        "v": "700", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:30:00", 
+                        "v": "400", 
+                        "c": "40.2300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:31:00", 
+                        "v": "1200", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:32:00", 
+                        "v": "600", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:33:00", 
+                        "v": "400", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:34:00", 
+                        "v": "300", 
+                        "c": "40.1900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:35:00", 
+                        "v": "100", 
+                        "c": "40.1800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:36:00", 
+                        "v": "800", 
+                        "c": "40.1500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:37:00", 
+                        "v": "100", 
+                        "c": "40.1400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:38:00", 
+                        "v": "2000", 
+                        "c": "40.1100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:39:00", 
+                        "v": "725", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:40:00", 
+                        "v": "1400", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:41:00", 
+                        "v": "700", 
+                        "c": "40.1300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:42:00", 
+                        "v": "100", 
+                        "c": "40.1300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:43:00", 
+                        "v": "1000", 
+                        "c": "40.1200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:45:00", 
+                        "v": "1650", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:46:00", 
+                        "v": "100", 
+                        "c": "40.1050", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:47:00", 
+                        "v": "1600", 
+                        "c": "40.1100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:49:00", 
+                        "v": "500", 
+                        "c": "40.1100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:50:00", 
+                        "v": "800", 
+                        "c": "40.1300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:51:00", 
+                        "v": "400", 
+                        "c": "40.1100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:52:00", 
+                        "v": "600", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:53:00", 
+                        "v": "600", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:54:00", 
+                        "v": "3530", 
+                        "c": "40.0800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:55:00", 
+                        "v": "1942", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:56:00", 
+                        "v": "5200", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:57:00", 
+                        "v": "300", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:58:00", 
+                        "v": "400", 
+                        "c": "40.1400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "13:59:00", 
+                        "v": "1138", 
+                        "c": "40.1700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:00:00", 
+                        "v": "200", 
+                        "c": "40.1000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:01:00", 
+                        "v": "1300", 
+                        "c": "40.1400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:02:00", 
+                        "v": "700", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:03:00", 
+                        "v": "400", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:04:00", 
+                        "v": "1423", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:05:00", 
+                        "v": "1050", 
+                        "c": "40.0800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:06:00", 
+                        "v": "100", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:07:00", 
+                        "v": "1670", 
+                        "c": "40.0340", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:08:00", 
+                        "v": "600", 
+                        "c": "40.0300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:09:00", 
+                        "v": "1200", 
+                        "c": "40.0300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:10:00", 
+                        "v": "1700", 
+                        "c": "40.0300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:11:00", 
+                        "v": "600", 
+                        "c": "40.0800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:12:00", 
+                        "v": "1908", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:13:00", 
+                        "v": "2750", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:15:00", 
+                        "v": "1395", 
+                        "c": "40.0800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:16:00", 
+                        "v": "4868", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:17:00", 
+                        "v": "3600", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:18:00", 
+                        "v": "4696", 
+                        "c": "40.0400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:19:00", 
+                        "v": "3654", 
+                        "c": "40.0900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:20:00", 
+                        "v": "100", 
+                        "c": "40.0700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:22:00", 
+                        "v": "1300", 
+                        "c": "40.0100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:23:00", 
+                        "v": "3312", 
+                        "c": "40.0100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:24:00", 
+                        "v": "4900", 
+                        "c": "40.0300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:25:00", 
+                        "v": "1011", 
+                        "c": "40.0200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:26:00", 
+                        "v": "1879", 
+                        "c": "40.0600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:27:00", 
+                        "v": "1500", 
+                        "c": "40.0600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:29:00", 
+                        "v": "1200", 
+                        "c": "40.0200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:30:00", 
+                        "v": "7678", 
+                        "c": "39.9400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:31:00", 
+                        "v": "49667", 
+                        "c": "39.9500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:32:00", 
+                        "v": "12500", 
+                        "c": "39.9900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:33:00", 
+                        "v": "6495", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:34:00", 
+                        "v": "14594", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:35:00", 
+                        "v": "10905", 
+                        "c": "39.8400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:36:00", 
+                        "v": "7307", 
+                        "c": "39.8997", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:37:00", 
+                        "v": "3638", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:38:00", 
+                        "v": "1500", 
+                        "c": "39.9100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:39:00", 
+                        "v": "2891", 
+                        "c": "39.9200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:40:00", 
+                        "v": "2900", 
+                        "c": "39.9000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:41:00", 
+                        "v": "10302", 
+                        "c": "39.8600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:42:00", 
+                        "v": "2400", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:43:00", 
+                        "v": "1100", 
+                        "c": "39.8200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:44:00", 
+                        "v": "1700", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:45:00", 
+                        "v": "1848", 
+                        "c": "39.8600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:46:00", 
+                        "v": "2360", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:48:00", 
+                        "v": "1900", 
+                        "c": "39.9100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:49:00", 
+                        "v": "2400", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:50:00", 
+                        "v": "1900", 
+                        "c": "39.9200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:51:00", 
+                        "v": "3321", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:52:00", 
+                        "v": "3500", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:53:00", 
+                        "v": "1900", 
+                        "c": "39.8300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:54:00", 
+                        "v": "600", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:55:00", 
+                        "v": "4390", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:57:00", 
+                        "v": "6200", 
+                        "c": "39.9100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:58:00", 
+                        "v": "2750", 
+                        "c": "39.9000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "14:59:00", 
+                        "v": "4800", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:00:00", 
+                        "v": "6700", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:01:00", 
+                        "v": "2500", 
+                        "c": "39.9200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:02:00", 
+                        "v": "3500", 
+                        "c": "40.0000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:03:00", 
+                        "v": "2100", 
+                        "c": "39.9400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:05:00", 
+                        "v": "4000", 
+                        "c": "39.9600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:06:00", 
+                        "v": "9218", 
+                        "c": "39.9700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:07:00", 
+                        "v": "2800", 
+                        "c": "39.9500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:08:00", 
+                        "v": "3657", 
+                        "c": "39.9600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:09:00", 
+                        "v": "3396", 
+                        "c": "39.9500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:10:00", 
+                        "v": "3400", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:11:00", 
+                        "v": "1949", 
+                        "c": "39.9000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:12:00", 
+                        "v": "6200", 
+                        "c": "39.9000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:13:00", 
+                        "v": "2600", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:14:00", 
+                        "v": "3408", 
+                        "c": "39.9400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:15:00", 
+                        "v": "3957", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:16:00", 
+                        "v": "2539", 
+                        "c": "39.9200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:17:00", 
+                        "v": "9700", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:18:00", 
+                        "v": "3000", 
+                        "c": "39.8800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:19:00", 
+                        "v": "2900", 
+                        "c": "39.8400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:20:00", 
+                        "v": "10488", 
+                        "c": "39.8600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:21:00", 
+                        "v": "3862", 
+                        "c": "39.8600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:22:00", 
+                        "v": "17440", 
+                        "c": "39.8410", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:23:00", 
+                        "v": "1108", 
+                        "c": "39.8400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:24:00", 
+                        "v": "25335", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:25:00", 
+                        "v": "1300", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:26:00", 
+                        "v": "6432", 
+                        "c": "39.9300", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:27:00", 
+                        "v": "4300", 
+                        "c": "39.9700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:28:00", 
+                        "v": "7975", 
+                        "c": "39.9700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:29:00", 
+                        "v": "7590", 
+                        "c": "40.0200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:30:00", 
+                        "v": "4000", 
+                        "c": "40.0400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:31:00", 
+                        "v": "7794", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:32:00", 
+                        "v": "1900", 
+                        "c": "40.0600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:33:00", 
+                        "v": "4000", 
+                        "c": "40.0500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:34:00", 
+                        "v": "1700", 
+                        "c": "40.0600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:35:00", 
+                        "v": "5100", 
+                        "c": "40.0264", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:36:00", 
+                        "v": "3425", 
+                        "c": "40.0100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:37:00", 
+                        "v": "2730", 
+                        "c": "40.0200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:38:00", 
+                        "v": "4888", 
+                        "c": "40.0100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:39:00", 
+                        "v": "6213", 
+                        "c": "39.9800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:40:00", 
+                        "v": "6352", 
+                        "c": "40.0000", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:41:00", 
+                        "v": "3800", 
+                        "c": "39.9400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:42:00", 
+                        "v": "3700", 
+                        "c": "39.9600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:43:00", 
+                        "v": "3286", 
+                        "c": "39.9500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:44:00", 
+                        "v": "5100", 
+                        "c": "39.9100", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:45:00", 
+                        "v": "5894", 
+                        "c": "39.8900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:46:00", 
+                        "v": "6918", 
+                        "c": "39.8800", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:47:00", 
+                        "v": "3300", 
+                        "c": "39.9268", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:48:00", 
+                        "v": "5843", 
+                        "c": "39.9400", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:49:00", 
+                        "v": "5650", 
+                        "c": "39.8920", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:50:00", 
+                        "v": "8674", 
+                        "c": "39.8200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:51:00", 
+                        "v": "2794", 
+                        "c": "39.8600", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:52:00", 
+                        "v": "6613", 
+                        "c": "39.8700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:53:00", 
+                        "v": "11376", 
+                        "c": "39.8268", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:54:00", 
+                        "v": "4256", 
+                        "c": "39.8500", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:55:00", 
+                        "v": "19147", 
+                        "c": "39.7700", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:56:00", 
+                        "v": "10216", 
+                        "c": "39.7900", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:57:00", 
+                        "v": "13909", 
+                        "c": "39.7868", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:58:00", 
+                        "v": "11276", 
+                        "c": "39.8200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "15:59:00", 
+                        "v": "41147", 
+                        "c": "39.8200", 
+                        "p": "1.23"
+                    }, 
+                    {
+                        "d": "16:00:00", 
+                        "v": "15294", 
+                        "c": "39.8200", 
+                        "p": "1.23"
+                    }
+                ]
+            }
+        ], 
+        "credits": {
+            "enabled": true, 
+            "text": "jchart.openjavascript.org", 
+            "href": "http://jchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": false
+        }, 
+        "isPercent": false
+    }
+                    </textarea>
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.animation.html b/modules/JC.FChart/0.1/_demo/vbar/demo.animation.html
new file mode 100644
index 0000000..7c70b76
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.animation.html
@@ -0,0 +1,334 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: 1
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0,
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        },
+                        animation: {
+                            enabled: false
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false,
+                        animation: {
+                            enabled: true
+                            , duration: .5
+                        }
+
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.autoRate.html b/modules/JC.FChart/0.1/_demo/vbar/demo.autoRate.html
new file mode 100644
index 0000000..d1fe00f
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.autoRate.html
@@ -0,0 +1,453 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart": {
+                            "type": "vbar"
+                        },
+                        "title": {
+                            "text": "日趋势"
+                        },
+                        "xAxis": {
+                            "categories": [
+                                "2014-11-16",
+                                "2014-11-17",
+                                "2014-11-18",
+                                "2014-11-19",
+                                "2014-11-20",
+                                "2014-11-21",
+                                "2014-11-22",
+                                "2014-11-23",
+                                "2014-11-24",
+                                "2014-11-25",
+                                "2014-11-26",
+                                "2014-11-27",
+                                "2014-11-28",
+                                "2014-11-29",
+                                "2014-11-30",
+                                "2014-12-01",
+                                "2014-12-02",
+                                "2014-12-03",
+                                "2014-12-04",
+                                "2014-12-05",
+                                "2014-12-06",
+                                "2014-12-07",
+                                "2014-12-08",
+                                "2014-12-09",
+                                "2014-12-10",
+                                "2014-12-11",
+                                "2014-12-12",
+                                "2014-12-13",
+                                "2014-12-14",
+                                "2014-12-15"
+                            ]
+                        },
+                        "yAxis": {
+                            "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        "series": [
+                            {
+                                "name": "宝马",
+                                "data": [
+                                    176860,
+                                    196424,
+                                    195231,
+                                    199324,
+                                    199135,
+                                    195460,
+                                    182204,
+                                    183666,
+                                    204611,
+                                    198314,
+                                    194346,
+                                    194150,
+                                    166646,
+                                    155503,
+                                    152753,
+                                    168358,
+                                    178876,
+                                    187454,
+                                    180138,
+                                    199983,
+                                    175656,
+                                    175451,
+                                    198325,
+                                    199036,
+                                    193808,
+                                    194871,
+                                    183148,
+                                    171972,
+                                    174395,
+                                    210501
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            },
+                            {
+                                "name": "别克",
+                                "data": [
+                                    136029,
+                                    151341,
+                                    148358,
+                                    148603,
+                                    149719,
+                                    146800,
+                                    136326,
+                                    139291,
+                                    155798,
+                                    150060,
+                                    147560,
+                                    149341,
+                                    128774,
+                                    119725,
+                                    120879,
+                                    128208,
+                                    135880,
+                                    144561,
+                                    137500,
+                                    149427,
+                                    131567,
+                                    131653,
+                                    150249,
+                                    148043,
+                                    145478,
+                                    144805,
+                                    140207,
+                                    131481,
+                                    133515,
+                                    159550
+                                ],
+                                "style": {
+                                    "stroke": "#ff7100"
+                                },
+                                "pointStyle": {}
+                            }
+                        ],
+                        "displayAllLabel": false,
+                        "legend": {
+                            "enabled": true
+                        },
+                        "plotOptions": {
+                            "area": {
+                                "fillColor": {}
+                            }
+                        },
+                        "colors": [
+                            "0xbb9b3e",
+                            "0x4673c0"
+                        ],
+                        "callback": {
+                            "initedCallback": "initedCallback"
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                            , bgColor: 0xffffff
+                        }, 
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ "升级", "降级", "不变" ]
+                        }, 
+                        yAxis: {
+                            format: '{0}'
+                            , "autoRate": {
+                                "enabled": true
+                            }
+                        },
+                        tooltip: {                  
+                            "pointFormat": "{0}",
+                            "headerFormat": "{0}"
+                        },
+                        series:[{
+                            name: '销售一部'
+                            , data: [ 9, 20, 30 ]
+                            , format: '{0}'
+                        }
+                            , {
+                                name: '销售二部'
+                                , data: [ 10, 10, 10 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售三部'
+                                , data: [ 5, 5, 30 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售四部'
+                                , data: [ 8, 12, 32 ]
+                                , format: '{0}'
+                            }
+                            , {
+                                name: '销售五部'
+                                , data: [ 7, 9, 12]
+                                , format: '{0}'
+                            }
+                        ],
+                        credits: {
+                            enabled: false
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: true
+                            , interval: 20
+                            , direction: 'TOP_CENTER'
+                        },
+                        animation: {
+                            enabled: true
+                            , duration: .75
+                        },
+                        vvbar: {
+                            enabled: false
+                        },         
+                        plotOptions: {
+                            vbar: {
+                                dashStyle: 'ShortDash'
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    
+                {
+					"hoverBg":
+					{
+						"style":
+						{
+							"borderColor": 11842740, 
+							"bgColor": 15790320, 
+							"borderWidth": 2
+						}, 
+						"enabled": true
+					}, 
+					"tooltip":
+					{
+						"headerYSpace": 6, 
+						"headerStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 14, 
+							"color": 7829367
+						}, 
+						"itemYSpace": 6, 
+						"enabled": true, 
+						"valueStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 6144104
+						}, 
+						"pointFormat": "{0} ", 
+						"labelStyle":
+						{
+							"font": "Microsoft YaHei", 
+							"size": 12, 
+							"color": 11184810
+						}, 
+						"serial":
+						[
+							{
+								"name": "区分度", 
+								"data":
+								[
+									"3.87", 
+									"3.85", 
+									"3.83", 
+									"3.82", 
+									"3.80", 
+									"3.79", 
+									"3.78", 
+									"3.78", 
+									"3.76", 
+									"3.76"
+								]
+							}
+						], 
+						"headerFormat": "{0}", 
+						"headerIcon":
+						{
+							"style":
+							{
+								"color": 6144104
+							}, 
+							"enabled": true
+						}, 
+						"valueLabelXSpace": 0
+					}, 
+					"xAxis":
+					{
+						"enabled": false,
+						"categories":
+						[
+							"口腔护理", 
+							"身体护理", 
+							"洗护清洁", 
+							"游戏点卡", 
+							"彩妆", 
+							"生鲜食品", 
+							"童装", 
+							"粮油米面", 
+							"饮料", 
+							"配饰"
+						]
+					}, 
+					"yAxis":
+					{
+						"enabled": true
+                        , "autoRate": {
+                            "enabled": true
+                            , "deep": 2
+                        }
+					},
+					"hvbar":
+					{
+						"enabled": true
+					}, 
+					"vvbar":
+					{
+						"enabled": false
+					}, 
+					"vsidevbar":
+					{
+						"enabled": true
+					}, 
+					"chart":
+					{
+						"bgAlpha": 1, 
+                        "bgColor": 16777215,
+                        "type": "vbar"
+					}, 
+					"legend":
+					{
+						"enabled": true
+					}, 
+					"series":
+					[
+						{
+							"name": "样本覆盖率", 
+							"data":
+							[
+								"3.87", 
+								"3.85", 
+								"3.83", 
+								"3.82", 
+								"3.80", 
+								"3.79", 
+								"3.78", 
+								"3.78", 
+								"3.76", 
+								"3.76"
+							]
+						}
+					], 
+					
+					"colors":
+					[
+						44015, 
+						10333619, 
+						639232, 
+						816836, 
+						16713241, 
+						16760576, 
+						16740608, 
+						16713395, 
+						4317926, 
+						12837540, 
+						16757436, 
+						14399741
+					], 
+					"displayAllLabel": true, 
+					"dataLabels":
+					{
+						"format": "{0}", 
+						"enabled": false
+					},
+					plotOptions: {
+						vbar: {
+							dashStyle: 'LongDash'
+						}
+					}
+				}
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        function itemClickCallback() {
+            console.log( 'do itemClickCallback' );
+        }
+
+        function groupClickCallback() {
+            console.log( 'do groupClickCallback' );
+        }
+
+        function test(){
+            console.log('test');
+        }
+    </script>
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.chartDataVar.html b/modules/JC.FChart/0.1/_demo/vbar/demo.chartDataVar.html
index 630e4a4..4fe88d2 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.chartDataVar.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.chartDataVar.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.custom.flash.params.html b/modules/JC.FChart/0.1/_demo/vbar/demo.custom.flash.params.html
new file mode 100644
index 0000000..8d7fe5d
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.custom.flash.params.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.custom.tooltip.html b/modules/JC.FChart/0.1/_demo/vbar/demo.custom.tooltip.html
new file mode 100644
index 0000000..247bd03
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.custom.tooltip.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: "vbar"
+                            , bgColor: 0xffffff
+                            , bgAlpha: 1
+                        }
+                        , xAxis: {
+                            categories: [ '网页游戏', '游戏平台', '桌面游戏', '手机游戏', '个体经营', '小游戏', '网页游戏', '游戏平台', '桌面游戏', '手机游戏' ]
+                        }
+                        , yAxis: {					
+                            enabled: false	
+                        }
+                        , series:[{
+                            name: '全体覆盖率'
+                            , data: [26, 36, 46, 56, 77, 76, 86, 72, 62, 52]
+                        }, {
+                            name: '样式覆盖率',
+                            data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                        }]
+                        , tooltip: {		
+                            "headerFormat": "{0}"			
+                            , "pointFormat": "{0}%"
+                            //, enabled: false
+                            , afterSerial: [
+                                {
+                                    name: '区分度',
+                                    data: [81, 71, 61, 51, 41, 31, 21, 11, 29, 39]
+                                }
+                            ]
+                            
+                            , headerYSpace: 6
+                            , itemYSpace: 6
+                            , valueLabelXSpace: 0
+                            
+                            , headerStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 14
+                                , color: 0x777777
+                            }
+                            , labelStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0xaaaaaa
+                            }
+                            , valueStyle: {
+                                font: "Microsoft YaHei"
+                                , size: 12
+                                , color: 0x5dc068
+                            }
+                            
+                            , headerIcon: {
+                                enabled: true
+                                , style: {
+                                    color: 0x5DC068
+                                }
+                            }
+                            
+                        }
+                        , displayAllLabel: true
+                        , legend: {
+                            enabled: false
+                        }
+                        , dataLabels: {
+                            enabled: true
+                            , format: '{0}%'
+                        }
+                        , vline: {
+                            enabled: false
+                        }
+                        , hline: {
+                            enabled: false
+                        }
+                        , colors: [
+                            0x00ABEF
+                            , 0x9DADB3
+                            , 0x09c100
+                            , 0x0c76c4 				
+                            , 0xff0619
+                            
+                            , 0xFFBF00			
+                            , 0xff7100	
+                            , 0xff06b3
+                            
+                            , 0x41e2e6			
+                            , 0xc3e2a4	
+                            , 0xffb2bc
+                            
+                            , 0xdbb8fd
+                        ]       
+                        , hoverBg: {
+                            enabled: true		
+                            , style: {
+                                borderColor: 0xB4B4B4
+                                , borderWidth: 2
+                                , bgColor: 0xF0F0F0
+                            }										
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.dataLabel.html b/modules/JC.FChart/0.1/_demo/vbar/demo.dataLabel.html
new file mode 100644
index 0000000..3a5ae35
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.dataLabel.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        "chart":
+                        {
+                            "type": "vbar",
+                            "bgColor": 16777215, 
+                            "bgAlpha": 1
+                        }, 
+                        "colors":
+                        [
+                            44015, 
+                            10333619, 
+                            639232, 
+                            816836, 
+                            16713241
+                        ], 
+                        "vline":
+                        {
+                            "enabled": false
+                        }, 
+                        "xAxis":
+                        {
+                            "wordwrap": true, 
+                            "categories":
+                            [
+                                "pos.baidu.com", 
+                                "www.baidu.com", 
+                                "hao.360.cn", 
+                                "wd.360.cn", 
+                                "internal.host.com", 
+                                "eclick.baidu.com", 
+                                "googleads.g.doubleclick.net", 
+                                "user.qzone.qq.com", 
+                                "www.so.com", 
+                                "ptlogin2.qq.com"
+                            ]
+                        }, 
+                        "dataLabels":
+                        {
+                            "format": "{0}", 
+                            "enabled": true
+                        }, 
+                        "yAxis":
+                        {
+                            "enabled": false
+                        }, 
+                        "legend":
+                        {
+                            "enabled": false
+                        }, 
+                        "displayAllLabel": true, 
+                        "maxItem":
+                        {
+                            "style":
+                            {
+                                "size": 18, 
+                                "color": 6146425
+                            }
+                        }, 
+                        "tooltip":
+                        {
+                            "enabled": true
+                        }, 
+                        "hline":
+                        {
+                            "enabled": false
+                        }, 
+                        "series":
+                        [
+                            {
+                                "name": "pv", 
+                                "data":
+                                [
+                                    "7026299386", 
+                                    "2243248546", 
+                                    "1918390720", 
+                                    "1887903406", 
+                                    "1517144906", 
+                                    "1463547200", 
+                                    "958396100", 
+                                    "951335880", 
+                                    "941430913", 
+                                    "914735040"
+                                ]
+                                , "labelData": [
+                                    "70.26亿", 
+                                    "22.43亿", 
+                                    "19.18亿", 
+                                    "18.87亿", 
+                                    "15.17亿", 
+                                    "14.63亿", 
+                                    "9.58亿", 
+                                    "9.51亿", 
+                                    "9.41亿", 
+                                    "9.14亿"
+                                ]
+                            }
+                        ]
+                    }               
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.displayAll.mod.html b/modules/JC.FChart/0.1/_demo/vbar/demo.displayAll.mod.html
new file mode 100644
index 0000000..45f3669
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.displayAll.mod.html
@@ -0,0 +1,528 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 0, mod = 7</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+                {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 0
+							, "mod": 7
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+                        , "direction": "TOP_RIGHT"
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false, startIndex = 1, mod = 3</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+							, "startIndex": 1
+							, "mod": 3
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+        <dt>displayAll: enabled = false</dt>
+        <dd>
+            <div class="js_compFChart"
+                chartHeight="300"
+                chartScriptData="|script"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+						, "displayAll": {
+							"enabled": false
+						}
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								81411,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								83327,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": false
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.html b/modules/JC.FChart/0.1/_demo/vbar/demo.double.line.html
similarity index 96%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.double.line.html
index 6176bc4..e6a7247 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.double.line.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.percent.html b/modules/JC.FChart/0.1/_demo/vbar/demo.double.line.percent.html
similarity index 96%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.percent.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.double.line.percent.html
index f2436df..66925f1 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.double.line.percent.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.double.line.percent.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.html b/modules/JC.FChart/0.1/_demo/vbar/demo.html
index 44467bd..13c40be 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.itemBg.html b/modules/JC.FChart/0.1/_demo/vbar/demo.itemBg.html
similarity index 95%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.itemBg.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.itemBg.html
index ba65e8f..7a2ffb3 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.itemBg.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.itemBg.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.labelRotation.html b/modules/JC.FChart/0.1/_demo/vbar/demo.labelRotation.html
new file mode 100644
index 0000000..d5ccee9
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.labelRotation.html
@@ -0,0 +1,1030 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="350"
+                chartWidth="800"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111111111111111111111111111111111123",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999999",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+							, "dir": "right"
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								0,
+								0,
+								0,
+								0,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								0,
+								0,
+								0,
+								0,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"lineBreak":{
+						"enabled": true
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-1700000000000000000000",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20111111111111111111111111",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-2322222222222222222222222222222222222",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14999999999999999999999456",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle":50
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 0
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": -90
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl>
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+					"chart": {
+						"type": "vbar"
+					},
+					"title": {
+						"text": "日趋势"
+					},
+					"xAxis": {
+						"categories": [
+							"2014-11-17",
+							"2014-11-18",
+							"2014-11-19",
+							"2014-11-20",
+							"2014-11-21",
+							"2014-11-22",
+							"2014-11-23",
+							"2014-11-24",
+							"2014-11-25",
+							"2014-11-26",
+							"2014-11-27",
+							"2014-11-28",
+							"2014-11-29",
+							"2014-11-30",
+							"2014-12-01",
+							"2014-12-02",
+							"2014-12-03",
+							"2014-12-04",
+							"2014-12-05",
+							"2014-12-06",
+							"2014-12-07",
+							"2014-12-08",
+							"2014-12-09",
+							"2014-12-10",
+							"2014-12-11",
+							"2014-12-12",
+							"2014-12-13",
+							"2014-12-14",
+							"2014-12-15",
+							"2014-12-16"
+						]
+					},
+					"yAxis": {
+						"autoRate": {
+							"enabled": true
+							, "deep": 1
+							, "rateUp": 2
+							, "maxOffset": .1 /*最大值向上偏移 百分之多少*/
+							, "minOffset": .1 /*最小值向下偏移 百分之多少*/
+						}
+						, "rotation": {
+							"enabled": true
+							, "angle": 90
+						}
+					},
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"name": "北汽",
+							"data": [
+								81018,
+								80207,
+								84018,
+								85313,
+								84018,
+								81892,
+								82004,
+								87625,
+								85015,
+								120000,
+								86120,
+								74182,
+								71184,
+								72038,
+								72711,
+								74956,
+								81987,
+								75229,
+								86195,
+								76900,
+								78624,
+								84466,
+								84498,
+								83873,
+								83656,
+								85722,
+								77151,
+								79772,
+								107068,
+								90566
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						},
+						{
+							"name": "MG名爵",
+							"data": [
+								84039,
+								82828,
+								81567,
+								85531,
+								83544,
+								75332,
+								74107,
+								82759,
+								83733,
+								79110,
+								80264,
+								68606,
+								61461,
+								61599,
+								70562,
+								75320,
+								79559,
+								78800,
+								84268,
+								72327,
+								73675,
+								83763,
+								81138,
+								79073,
+								79821,
+								76209,
+								69474,
+								70292,
+								82381,
+								79333
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+					},
+					"plotOptions": {
+						"area": {
+							"fillColor": {}
+						}
+					},
+					"colors": [
+						"0xbb9b3e",
+						"0x4673c0"
+					],
+					"callback": {
+						"initedCallback": "initedCallback"
+					}
+				}
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.legendUpdate.html b/modules/JC.FChart/0.1/_demo/vbar/demo.legendUpdate.html
new file mode 100644
index 0000000..d3eebc5
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.legendUpdate.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="legend-update">
+                屏蔽 ： 
+                <label><input type="checkbox" data-index="0" checked="checked" />Temperature</label>
+                <label><input type="checkbox" data-index="1" checked="checked" />Rainfall</label>
+            </div>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <script type="text/javascript">
+        $( document ).on( 'change', '.legend-update input', function( e ){
+            var _tar = $( e.target );
+            var _wrap = _tar.closest( 'dl' );
+            var _checkboxs = _wrap.find( '.legend-update input' );
+            var _swf = _wrap.find( 'object' )[ 0 ];
+            var _dataIndex;
+            var _tmpItem;
+            var _legend = {};
+
+            $.each( _checkboxs, function( _i, _item ){
+                _tmpItem = $( _item );
+                if( !_tmpItem.is( ':checked' ) ) {/* 传入的是需要隐藏的index */
+                    _dataIndex = _tmpItem.attr( 'data-index' )
+                    _legend[ _dataIndex ] = _dataIndex;
+                }
+            } );
+
+            _swf.legendUpdate( _legend );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_rate.html b/modules/JC.FChart/0.1/_demo/vbar/demo.no_rate.html
similarity index 95%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_rate.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.no_rate.html
index c311d2d..ef2dd50 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_rate.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.no_rate.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline.html b/modules/JC.FChart/0.1/_demo/vbar/demo.no_vline.html
similarity index 95%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.no_vline.html
index f1c3570..752225b 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.no_vline.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline_hline.html b/modules/JC.FChart/0.1/_demo/vbar/demo.no_vline_hline.html
similarity index 94%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline_hline.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.no_vline_hline.html
index 391add4..3bb3c98 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.no_vline_hline.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.no_vline_hline.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.html b/modules/JC.FChart/0.1/_demo/vbar/demo.normal.html
similarity index 96%
rename from modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.html
rename to modules/JC.FChart/0.1/_demo/vbar/demo.normal.html
index f853080..796d98f 100644
--- a/modules/JC.FChart/0.1/_demo/vbar/demo.VHistogram.html
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.normal.html
@@ -23,7 +23,7 @@
     </script>
 </head>    
 <body>
-    <h2>JC.FChart - bar chart 示例</h2>
+    <h2>JC.FChart - vbar chart 示例</h2>
 
     <div class="js_jchartTest"></div>
 
diff --git a/modules/JC.FChart/0.1/_demo/vbar/demo.update.html b/modules/JC.FChart/0.1/_demo/vbar/demo.update.html
new file mode 100644
index 0000000..db65e11
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/vbar/demo.update.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        table {
+            width: 100%
+        }
+
+        table .updatediv {
+            margin-top: 20px;
+            padding-left: 20px;
+            float: left;
+            width: 45%;
+        }
+
+        .updatediv h2 {
+            height: 30px;
+            line-height: 30px;
+        }
+
+        .updatediv button {
+            margin-left: 10px;
+        }
+
+        table textarea {
+            height: 300px;
+            width: 500px;
+        }
+
+    </style>
+    
+</head>    
+<body>
+    <h2>JC.FChart - vbar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'vbar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <table>
+        <tr>
+            <td>
+                <div class="updatediv">
+                    <h2>
+                        Histogram Animate
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "subtitle": { }, 
+        "xAxis": {
+            "categories": [
+                "A级客户", 
+                "B级客户", 
+                "C级客户", 
+                "D级客户"
+            ]
+        }, 
+        "yAxis": {
+            "format": "{0}"
+        }, 
+        "tooltip": {
+            "pointFormat": "{0}", 
+            "headerFormat": "{0}"
+        }, 
+        "series": [
+            {
+                "name": "销售一部", 
+                "data": [
+                    20, 
+                    30, 
+                    40, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售二部", 
+                "data": [
+                    10, 
+                    20, 
+                    35, 
+                    50
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售三部", 
+                "data": [
+                    5, 
+                    30, 
+                    20, 
+                    10
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售四部", 
+                "data": [
+                    12, 
+                    32, 
+                    13, 
+                    23
+                ], 
+                "format": "{0}"
+            }, 
+            {
+                "name": "销售五部", 
+                "data": [
+                    9, 
+                    12, 
+                    31, 
+                    23
+                ], 
+                "format": "{0}"
+            }
+        ], 
+        "credits": {
+            "enabled": false, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "displayAllLabel": true, 
+        "legend": {
+            "enabled": true
+        }, 
+        "animation": {
+            "enabled": true, 
+            "duration": 0.75
+        }
+    }
+                    </textarea>
+                </div>
+                <div class="updatediv">
+                    <h2>
+                        Histogram Data
+                        <button type="button" class="js_updateChart">update</button>
+                    </h2>
+                    <textarea>
+    {
+        "title": {
+            "text": "test title 中文"
+        }, 
+        "subtitle": {
+            "text": "test subtitle 中文"
+        }, 
+        "yAxis": {
+            "title": {
+                "text": "vtitle 中文"
+            }
+        }, 
+        "credits": {
+            "enabled": true, 
+            "text": "fchart.openjavascript.org", 
+            "href": "http://fchart.openjavascript.org/"
+        }, 
+        "xAxis": {
+            "categories": [
+                2111111111111, 
+                2, 
+                3, 
+                4, 
+                5, 
+                6, 
+                7, 
+                8, 
+                999999999999
+            ], 
+            "tipTitlePostfix": "{0}月"
+        }, 
+        "series": [
+            {
+                "name": "Temperature", 
+                "data": [
+                    -50, 
+                    -1, 
+                    -3, 
+                    10.01, 
+                    -20, 
+                    -27, 
+                    -28, 
+                    -32, 
+                    -30
+                ]
+            }, 
+            {
+                "name": "Rainfall1", 
+                "data": [
+                    -20.1, 
+                    -21, 
+                    50, 
+                    100, 
+                    -10, 
+                    -210, 
+                    -220, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall2", 
+                "data": [
+                    -30, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -20, 
+                    -100, 
+                    -20
+                ]
+            }, 
+            {
+                "name": "Rainfall3", 
+                "data": [
+                    -40, 
+                    -21, 
+                    -20, 
+                    -100, 
+                    -10, 
+                    -210, 
+                    -120, 
+                    -100, 
+                    -20
+                ]
+            }
+        ], 
+        "legend": {
+            "enabled": true
+        }, 
+        "displayAllLabel": false
+    }
+                    </textarea>
+                    
+                </div>
+            </td>
+        </tr>
+    </table>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            $( document ).delegate( 'button.js_updateChart', 'click', function( _evt ){
+
+                var _data = $( _evt.target ).closest( 'div' ).find( 'textarea' ).val().trim();
+
+                $( '.js_compFChart object' )[ 0 ].update( $.parseJSON( _data ) );
+
+            } );
+        } );
+    </script>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/z.nginx.demo.html b/modules/JC.FChart/0.1/_demo/z.nginx.demo.html
new file mode 100755
index 0000000..83b43f4
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.nginx.demo.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../lib.js"></script>
+    <script src="../../../../nginx_config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-50, 0, 3, -20, -20, 27, 28, 32, 30, 25, 15, -58]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="600"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature'
+                            , data: [-5000, 0, 300, -2000, -2000, 2700, 2800, 3200, 3000, 2500, 1500, -5800]
+                            , style: { 'stroke': '#ff7100' } 
+                            , pointStyle: {}
+                        }, {
+                            name: 'Rainfall',
+                            data: [2000, 2100, 2000, 10000, 20000, 21000, 22000, 10000, 2000, 1000, 2000, 1000]
+                        }],
+                        credits: {
+                            enabled: true
+                            , text: 'fchart.openjavascript.org'
+                            , href: 'http://fchart.openjavascript.org/'
+                        },
+                        displayAllLabel: true,
+                        legend: {
+                            enabled: false
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        },
+                        floatLen: 0
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartWidth="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                                text: '(Vertical Title - 中文)'
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        legend: {
+                            enabled: true
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                        },
+                        subtitle: {
+                        }, 
+                        xAxis: {
+                            categories: [ '111111', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '122222' ]
+                        }, 
+                        yAxis: {
+                            title: {
+                            }
+                        },
+                        series:[{
+                            name: 'Temperature',
+                            data: [10, 0, 3, 10, 20, 27, 28, 32, 30, 25, 15, 5]
+                        }, {
+                            name: 'Rainfall',
+                            data: [20, 21, 20, 100, 200, 210, 220, 100, 20, 10, 20, 10]
+                        }],
+                        credits: {
+                            enabled: false,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                    }
+                </script>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="/script"
+                chartHeight="500"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }
+                        , title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                            ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                            ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                            ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                            ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                            ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                            ,"2014-02-22","2014-02-23","2014-02-24" ]
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                            ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                            ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                            ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                            ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                            ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                            ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                            ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                            ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                            ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                            ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                            ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                            ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , floatLen: 6
+                        , displayAllLabel: false
+                    }
+                </script>
+            </div>
+        </dd>
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FCHART_SWF_FILE_MAP.html b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FCHART_SWF_FILE_MAP.html
new file mode 100644
index 0000000..7e12b68
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FCHART_SWF_FILE_MAP.html
@@ -0,0 +1,417 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+            JC.FCHART_SWF_FILE_MAP = {
+                'bar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf'
+                , 'vbar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf'
+                , 'line': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf'
+                , 'stack': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf'
+                , 'mix': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf'
+
+                , 'column': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf'
+                , 'hcolumn': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf'
+            };
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , "rotation": {
+                            "enabled": true
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FChart.Model.SWF_FILE_MAP.html b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FChart.Model.SWF_FILE_MAP.html
new file mode 100644
index 0000000..16a12a6
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.JC.FChart.Model.SWF_FILE_MAP.html
@@ -0,0 +1,418 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.FChart' ], function(){
+
+            JC.FChart['Model'].SWF_FILE_MAP = {
+                'bar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf'
+                , 'vbar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf'
+                , 'line': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf'
+                , 'stack': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf'
+                , 'mix': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf'
+
+                , 'column': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf'
+                , 'hcolumn': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf'
+            };
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , "rotation": {
+                            "enabled": true
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.window.FCHART_SWF_FILE_MAP.html b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.window.FCHART_SWF_FILE_MAP.html
new file mode 100644
index 0000000..ed54dfd
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.swf_file_map/demo.window.FCHART_SWF_FILE_MAP.html
@@ -0,0 +1,419 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+    </style>
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        window.FCHART_SWF_FILE_MAP = {
+            'bar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Histogram.swf'
+            , 'vbar': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VHistogram.swf'
+            , 'line': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/CurveGram.swf'
+            , 'stack': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/Stack.swf'
+            , 'mix': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/MixChart.swf'
+
+            , 'column': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/ZHistogram.swf'
+            , 'hcolumn': 'http://fchart.openjavascript.org/modules/JC.FChart/0.1/swf/VZHistogram.swf'
+        };
+
+
+        requirejs( [ 'JC.FChart' ], function(){
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.FChart - bar chart 示例</h2>
+
+    <div class="js_jchartTest"></div>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'bar' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'line' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="400"
+                >
+                <script type="text/template">
+                    {
+                        chart: {
+                            type: 'stack' 
+                        }, 
+                        title: {
+                            text:'Chart Title'
+                        },
+                        subtitle: {
+                            text: 'sub title'
+                        }, 
+                        xAxis: {
+                            categories: [ "2014-01-24","2014-01-25","2014-01-26","2014-01-27"
+                                ,"2014-01-28","2014-01-29","2014-01-30","2014-01-31","2014-02-01"
+                                ,"2014-02-02","2014-02-03","2014-02-04","2014-02-05","2014-02-06"
+                                ,"2014-02-07","2014-02-08","2014-02-09","2014-02-10","2014-02-11"
+                                ,"2014-02-12","2014-02-13","2014-02-14","2014-02-15","2014-02-16"
+                                ,"2014-02-17","2014-02-18","2014-02-19","2014-02-20","2014-02-21"
+                                ,"2014-02-22","2014-02-23","2014-02-24" ]
+                            , wordwrap: false
+                        }, 
+                        yAxis: {
+                        },
+                        series:[{
+                            name: '公司1',
+                            data: [0.018773,0.021724,0.022130,0.021296,0.022255,0.022128,0.020949
+                                ,0.023862,0.026974,0.028055,0.024992,0.024721,0.025100,0.021803
+                                ,0.019327,0.020149,0.020714,0.017774,0.017844,0.018313,0.018225
+                                ,0.017863,0.019568,0.019308,0.017606,0.017649,0.016645,0.016310
+                                ,0.014451,0.017606,0.018455,0]
+                        }, {
+                            name: '公司2',
+                            data: [0.018069,0.018495,0.018264,0.017527,0.016857,0.017398,0.016539
+                                ,0.017144,0.018039,0.018798,0.018521,0.019580,0.019071,0.019078
+                                ,0.017415,0.018997,0.018585,0.018417,0.018958,0.019772,0.018243
+                                ,0.018742,0.020183,0.022000,0.020125,0.020549,0.019577,0.017468
+                                ,0.015819,0.017709,0.018943,0]
+                        }, {
+                            name: '公司3',
+                            data: [0.017261,0.018625,0.019226,0.018777,0.019406,0.019887,0.022632
+                                ,0.020445,0.019140,0.020957,0.021089,0.020967,0.021576,0.021357
+                                ,0.020665,0.019415,0.018805,0.016842,0.016483,0.016688,0.016102
+                                ,0.015717,0.016570,0.017390,0.016249,0.016616,0.016699,0.016514
+                                ,0.016597,0.016476,0.016742,0]
+                        }
+                        ],
+                        credits: {
+                            enabled: true,
+                            text: 'fchart.openjavascript.org',
+                            href: 'http://fchart.openjavascript.org/'
+                        }
+                        , displayAllLabel: false
+                    }
+
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+    <dl class="defDl">
+
+        <dt></dt>
+        <dd>
+            <div class="js_compFChart"
+                chartScriptData="|script"
+                chartHeight="300"
+                >
+                <script type="text/template">
+				{
+					"chart": {
+						"type": "mix"
+					}
+					, "title": {
+						"text": "全站统计"
+					}
+					, "xAxis": {
+						"categories": [
+                            "20141213"
+                            ,"20141215"
+                            ,"20141216"
+                            ,"20141217"
+                            ,"20141218"
+                            ,"20141219"
+                            ,"20141220"
+                            ,"20141221"
+                            ,"20141222"
+                            ,"20141223"
+                            ,"20141224"
+                            ,"20141225"
+                            ,"20141226"
+                            ,"20141227"
+                            ,"20141228"
+                            ,"20141229"
+                            ,"20141230"
+                            ,"20141231"
+                            ,"20150101"
+                            ,"20150102"
+                            ,"20150103"
+                            ,"20150104"
+                            ,"20150105"
+                            ,"20150106"
+                            ,"20150107"
+                            ,"20150108"
+                            ,"20150109"
+                            ,"20150110"
+                            ,"20150111"
+                            ,"20150112"
+                            ,"20150113"
+						]
+						, "displayAll": {
+							"enabled": true
+						}
+                        , "rotation": {
+                            "enabled": true
+                        }
+					},
+					"yAxis": [
+						{
+							"title": {
+								"text": "PV"
+								, "enabled": 1
+							}
+						}
+						, {
+							"autoRate": {
+								"enabled": true
+							}
+							, opposite: true
+							, "title": {
+								"text": "UV"
+								, "enabled": 1
+							}
+						}
+					],
+					"animation": {
+						"enabled": true
+					},
+					"series": [
+						{
+							"type": "bar",
+							"name": "PV",
+							"yAxis": 0,
+							"data": [
+                                34
+                                ,3112
+                                ,2610
+                                ,2979
+                                ,4631
+                                ,3467
+                                ,790
+                                ,1586
+                                ,5411
+                                ,6115
+                                ,3668
+                                ,2356
+                                ,1910
+                                ,293
+                                ,799
+                                ,135929
+                                ,497866
+                                ,458720
+                                ,44840
+                                ,45804
+                                ,46943
+                                ,495849
+                                ,467362
+                                ,458704
+                                ,498137
+                                ,456188
+                                ,436244
+                                ,135031
+                                ,45329
+                                ,469859
+                                ,457164
+							],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+						, {
+							"type": "line",
+							"name": "UV",
+							"yAxis": 1,
+							"data": [
+                                1
+                                ,161
+                                ,48
+                                ,62
+                                ,71
+                                ,69
+                                ,12
+                                ,16
+                                ,127
+                                ,158
+                                ,76
+                                ,65
+                                ,49
+                                ,18
+                                ,21
+                                ,4002
+                                ,6069
+                                ,5775
+                                ,982
+                                ,751
+                                ,938
+                                ,5722
+                                ,5773
+                                ,5846
+                                ,5896
+                                ,5861
+                                ,5858
+                                ,2546
+                                ,1033
+                                ,5977
+                                ,5835							
+                            ],
+							"style": {
+								"stroke": "#ff7100"
+							},
+							"pointStyle": {}
+						}
+					],
+					"legend": {
+						"enabled": true
+						, "direction": "TOP_RIGHT"
+						, "margin": { "bottom": 0, "y": -5 }
+					},
+					"callback": {
+						"initedCallback": "initedCallback"
+                }
+            }
+                </script>
+            </div>
+        </dd>
+    </dl>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.FChart/0.1/_demo/z.swf_file_map/index.php b/modules/JC.FChart/0.1/_demo/z.swf_file_map/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.swf_file_map/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/z.table_to_data/index.php b/modules/JC.FChart/0.1/_demo/z.table_to_data/index.php
new file mode 100644
index 0000000..f2ebbe1
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.table_to_data/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.FChart/0.1/_demo/z.table_to_data/normal.html b/modules/JC.FChart/0.1/_demo/z.table_to_data/normal.html
new file mode 100644
index 0000000..234ce22
--- /dev/null
+++ b/modules/JC.FChart/0.1/_demo/z.table_to_data/normal.html
@@ -0,0 +1,467 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        div {
+            margin: 5px auto;
+        }
+
+    </style>
+</head>   
+<body>
+    <dl class="defDl">  
+        <dt> table to FChart data</dt>
+        <dd>
+
+            <table width="100%">
+                <tr>
+                    <td width="50%">
+                        <dl>
+                            <dt>table html</dt>
+                            <dd>
+                            <textarea class="js_tableHtmlTxa" style="width:90%; height: 300px;"><table align="center" border="1" bordercolor="gray" cellpadding="3" id="bowser">
+<tbody><tr>
+	<th bgcolor="lightsteelblue" width="100" align="center">统计日期</th>
+	<th bgcolor="lightsteelblue" width="100" align="center">总PV</th>
+	<th bgcolor="lightsteelblue" width="100" align="center">总UV</th>
+	<th bgcolor="lightsteelblue" width="100" align="center">总点击次数</th>
+		
+			</tr>	
+
+
+<tr><td align="right" width="100">20150204</td>
+<td align="right" width="100">342,601</td>
+<td align="right" width="100">5,376</td>
+<td align="right" width="100">396,946</td>
+
+</tr>
+<tr><td align="right" width="100">20150203</td>
+<td align="right" width="100">359,708</td>
+<td align="right" width="100">5,507</td>
+<td align="right" width="100">409,481</td>
+
+</tr>
+<tr><td align="right" width="100">20150202</td>
+<td align="right" width="100">401,274</td>
+<td align="right" width="100">5,737</td>
+<td align="right" width="100">464,540</td>
+
+</tr>
+<tr><td align="right" width="100">20150201</td>
+<td align="right" width="100">33,975</td>
+<td align="right" width="100">1,099</td>
+<td align="right" width="100">41,591</td>
+
+</tr>
+<tr><td align="right" width="100">20150131</td>
+<td align="right" width="100">195,077</td>
+<td align="right" width="100">3,731</td>
+<td align="right" width="100">225,188</td>
+
+</tr>
+<tr><td align="right" width="100">20150130</td>
+<td align="right" width="100">406,365</td>
+<td align="right" width="100">5,739</td>
+<td align="right" width="100">462,496</td>
+
+</tr>
+<tr><td align="right" width="100">20150129</td>
+<td align="right" width="100">392,621</td>
+<td align="right" width="100">5,776</td>
+<td align="right" width="100">446,243</td>
+
+</tr>
+<tr><td align="right" width="100">20150128</td>
+<td align="right" width="100">394,583</td>
+<td align="right" width="100">5,847</td>
+<td align="right" width="100">446,442</td>
+
+</tr>
+<tr><td align="right" width="100">20150127</td>
+<td align="right" width="100">404,842</td>
+<td align="right" width="100">5,835</td>
+<td align="right" width="100">460,252</td>
+
+</tr>
+<tr><td align="right" width="100">20150126</td>
+<td align="right" width="100">425,656</td>
+<td align="right" width="100">5,991</td>
+<td align="right" width="100">495,241</td>
+
+</tr>
+<tr><td align="right" width="100">20150125</td>
+<td align="right" width="100">25,886</td>
+<td align="right" width="100">883</td>
+<td align="right" width="100">34,754</td>
+
+</tr>
+<tr><td align="right" width="100">20150124</td>
+<td align="right" width="100">122,426</td>
+<td align="right" width="100">2,790</td>
+<td align="right" width="100">144,305</td>
+
+</tr>
+<tr><td align="right" width="100">20150123</td>
+<td align="right" width="100">398,223</td>
+<td align="right" width="100">5,624</td>
+<td align="right" width="100">457,346</td>
+
+</tr>
+<tr><td align="right" width="100">20150122</td>
+<td align="right" width="100">407,082</td>
+<td align="right" width="100">5,618</td>
+<td align="right" width="100">468,363</td>
+
+</tr>
+<tr><td align="right" width="100">20150121</td>
+<td align="right" width="100">429,122</td>
+<td align="right" width="100">5,811</td>
+<td align="right" width="100">495,509</td>
+
+</tr>
+<tr><td align="right" width="100">20150120</td>
+<td align="right" width="100">471,596</td>
+<td align="right" width="100">6,128</td>
+<td align="right" width="100">552,550</td>
+
+</tr>
+<tr><td align="right" width="100">20150119</td>
+<td align="right" width="100">588,682</td>
+<td align="right" width="100">6,309</td>
+<td align="right" width="100">686,035</td>
+
+</tr>
+<tr><td align="right" width="100">20150118</td>
+<td align="right" width="100">12,109</td>
+<td align="right" width="100">866</td>
+<td align="right" width="100">12,782</td>
+
+</tr>
+<tr><td align="right" width="100">20150117</td>
+<td align="right" width="100">118,116</td>
+<td align="right" width="100">2,929</td>
+<td align="right" width="100">682,853</td>
+
+</tr>
+<tr><td align="right" width="100">20150116</td>
+<td align="right" width="100">472,418</td>
+<td align="right" width="100">5,831</td>
+<td align="right" width="100">615,042</td>
+
+</tr>
+<tr><td align="right" width="100">20150115</td>
+<td align="right" width="100">444,362</td>
+<td align="right" width="100">5,762</td>
+<td align="right" width="100">822,721</td>
+
+</tr>
+<tr><td align="right" width="100">20150114</td>
+<td align="right" width="100">455,288</td>
+<td align="right" width="100">5,768</td>
+<td align="right" width="100">559,083</td>
+
+</tr>
+<tr><td align="right" width="100">20150113</td>
+<td align="right" width="100">457,164</td>
+<td align="right" width="100">5,835</td>
+<td align="right" width="100">560,064</td>
+
+</tr>
+<tr><td align="right" width="100">20150112</td>
+<td align="right" width="100">469,859</td>
+<td align="right" width="100">5,977</td>
+<td align="right" width="100">582,359</td>
+
+</tr>
+<tr><td align="right" width="100">20150111</td>
+<td align="right" width="100">45,329</td>
+<td align="right" width="100">1,033</td>
+<td align="right" width="100">123,862</td>
+
+</tr>
+<tr><td align="right" width="100">20150110</td>
+<td align="right" width="100">135,031</td>
+<td align="right" width="100">2,546</td>
+<td align="right" width="100">224,525</td>
+
+</tr>
+<tr><td align="right" width="100">20150109</td>
+<td align="right" width="100">436,244</td>
+<td align="right" width="100">5,858</td>
+<td align="right" width="100">533,834</td>
+
+</tr>
+<tr><td align="right" width="100">20150108</td>
+<td align="right" width="100">456,188</td>
+<td align="right" width="100">5,861</td>
+<td align="right" width="100">572,918</td>
+
+</tr>
+<tr><td align="right" width="100">20150107</td>
+<td align="right" width="100">498,137</td>
+<td align="right" width="100">5,896</td>
+<td align="right" width="100">607,419</td>
+
+</tr>
+<tr><td align="right" width="100">20150106</td>
+<td align="right" width="100">458,704</td>
+<td align="right" width="100">5,846</td>
+<td align="right" width="100">573,284</td>
+
+</tr>
+<tr><td align="right" width="100">20150105</td>
+<td align="right" width="100">467,362</td>
+<td align="right" width="100">5,773</td>
+<td align="right" width="100">585,436</td>
+
+</tr>
+<tr><td align="right" width="100">20150104</td>
+<td align="right" width="100">495,849</td>
+<td align="right" width="100">5,722</td>
+<td align="right" width="100">631,052</td>
+
+</tr>
+</tbody></table>
+                            </textarea>
+                            </dd>
+                            <dd>
+                                <button type="button" class="js_analytic">analytic table content</button>
+                            </dd>
+                            <dt>&nbsp;</dt>
+                            <dt>chart type: </dt>
+                            <dd class="js_typeBox"></dd>
+                            <dd>
+
+                                <div class="js_tableConfig" style="display:none;">
+                                    <div class="js_tableColumns"></div>
+                                    <div class="js_tableCatIndex"></div>
+                                    <div style="margin: 5px auto;">
+                                        <button type="button" class="js_parseData">parse data</button>
+                                    </div>
+                                    <div class="js_tablePreview"></div>
+                                </div>
+                            </dd>
+                        </dl>
+                    </td>
+                    <td width="50%" style="vertical-align:top;">
+                        <dl>
+                            <dt><a href="http://btbtd.org/topic/flash/JSONFormatter/JSONFormatter_latest.swf" target="_jsonFormat" style="float:right;">json formater</a>preview</dt>
+                            <dd style="clear: both;">
+                                <textarea class="js_dataValTxa" style="width:90%; height: 300px;"></textarea>
+                            </dd>
+                            <dd class="js_preview" id="js_preview">
+                            </dd>
+                        </dl>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+    </dl>
+
+    <script src="../../../../../lib.js"></script>
+    <script src="../../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.common', 'swfobject', 'JC.FChart' ], function(){
+            var _config =  {
+                    "chartType": [
+                        "bar", "column", "hcolumn", "hstack", "line", "mix", "stack", "vbar"
+                    ]
+                }
+                , _dataTpl = {
+                    chart: {
+                        type: "bar"
+                    }
+                    , xAxis: {
+                        categories: []
+                        , "rotation": {
+                            "enabled": true
+                        }
+                    }
+                    , yAxis: {
+                    }
+                    , series: [
+                    ]
+                    , animation: {
+                        "enabled": true
+                    }
+                    , legend: {
+                        "direction": "TOP_RIGHT"
+                    }
+                }
+                , js_tableHtmlTxa = $( '.js_tableHtmlTxa' )
+                , js_tableConfig = $( '.js_tableConfig' )
+                , js_tableColumns = $( '.js_tableColumns' )
+                , js_tableCatIndex = $( '.js_tableCatIndex' )
+                , js_tablePreview = $( '.js_tablePreview' )
+                , js_dataValTxa = $( '.js_dataValTxa' )
+                , _id = "js_preview"
+            ;
+
+            JWIN.on( 'init_layout', function(){
+                JWIN.trigger( 'init_type', [ _config.chartType ] );
+            });
+
+            JWIN.on( 'init_type', function( _evt, _data ){
+                var _r = [];
+
+                $.each( _data, function( _k, _item ){
+                    var _checked = '';
+                    _item == 'line' && ( _checked = 'checked="checked"' );
+                    _r.push( JC.f.printf( '<label><input type="radio" name="chartType" value="{0}" {1} />{0}</label>', _item, _checked ) );
+                });
+
+                $( '.js_typeBox' ).html( _r.join( '' ) );
+            });
+
+            JDOC.delegate( 'button.js_analytic', 'click', function(){
+                var _html = js_tableHtmlTxa.val().trim(), _table;
+                if( !_html ) return;
+
+                js_tableConfig.show();
+
+                js_tablePreview.html( _html );
+
+                _table = $( _html );
+
+                var _data = {
+                    columns: []
+                    , catIndex: []
+                };
+
+                _table.find( 'tr th' ).each( function( _k, _item ){
+                    _item = $( _item );
+                    var _checked = 'checked="checked"'
+                        , _catChecked = ''
+                        ;
+                    !_k && ( _catChecked = 'checked="checked"' );
+
+                    _data.columns.push( JC.f.printf( 
+                    '<label><input type="checkbox" name="tableColumn" class="js_tableColumn" value="{2}" {1} /><span>{0}</span></label>'
+                        , _item.html().trim(), _checked, _k
+                    ) );
+
+                    _data.catIndex.push( JC.f.printf( 
+                        '<label><input type="radio" name="tableCatIndex" class="js_tableCatIndex" value="{2}" {1} />{0}</label>'
+                        , _item.html().trim(), _catChecked, _k
+                    ) );
+                });
+
+                _data.catIndex.push( JC.f.printf( 
+                    '<label><input type="radio" name="tableCatIndex" class="js_tableCatIndex" value="{2}" {1} />{0}</label>'
+                    , '无', '', -1
+                ) );
+
+                js_tableColumns.html( _data.columns.join('') );
+                js_tableCatIndex.html( _data.catIndex.join('') );
+            });
+
+            JDOC.delegate( '.js_tableColumns input.js_tableColumn', 'change', function( _evt ){
+                var _src = $( this )
+                    , _table = js_tablePreview.find( '> table' )
+                    , _ix = _src.val()
+                    , _show = _src.prop( 'checked' )
+                    ;
+
+                if( !( _table.length ) ) return;
+                _table.find( 'tr' ).each( function(){
+                    var _item = $( this )
+                        , _items = _item.find( '> th, > td' )
+                        , _target = $( _items[ _ix ] )
+                        ;
+                    _show ? _target.show() : _target.hide();
+                });
+            });
+
+            JDOC.delegate( '.js_parseData', 'click', function( _evt ){
+                var _selectedIndex = {}
+                    , _catIndex = -1
+                    , _table = js_tablePreview.find( '> table' )
+                    , _data
+                    , _names = []
+                    , _selectedAr = []
+                    ;
+
+                if( !( _table.length ) ) return;
+                _data = $.parseJSON( JSON.stringify( _dataTpl ) );
+
+                _data.chart.type = $( '.js_typeBox input:checked' ).val();
+
+                js_tableColumns.find( 'input:checked' ).each( function(){
+                    var _tmp = $( this ), _label = _tmp.closest( 'label' ), _span = _label.find( 'span' );
+                    _selectedIndex[ _tmp.val() ] = _tmp.val();
+                    _selectedAr.push( { index: _tmp.val(), 'name': _span.html().trim() } );
+                    _names.push( _span.html() );
+                });
+
+                js_tableCatIndex.find( 'input:checked' ).each( function(){
+                    var _tmp = $( this );
+                    if( $( js_tableColumns.find( 'input')[ _tmp.val() ] ).prop( 'checked' ) ){
+                        _catIndex = parseInt( _tmp.val() );
+                    }
+                });
+
+                _table.find( 'tr' ).each( function(){
+                    var _tds = $( this ).find( 'td' );
+                    if( !_tds.length ) return;
+
+                    if( _catIndex >= 0 ){
+                        _data.xAxis.categories.push( $( _tds[ _catIndex ] ).html().trim() );
+                    }
+
+                });
+
+                $.each( _selectedAr, function( _k, _v ){
+                    if( _v.index == _catIndex ) return;
+                    var _seriesItem = {
+                        "name": _v.name
+                        , "data": []
+                    };
+                    _data.series.push( _seriesItem );
+                    _table.find( 'tr' ).each( function(){
+                        var _tds = $( this ).find( 'td' ), _val;
+                        if( !_tds.length ) return;
+                        _val = $( _tds[ _v.index ] ).html().trim();
+                        _val = _val.replace( /[^\d.\-]/g, '' );
+                        _seriesItem.data.push( +_val || 0 );
+                    });
+                });
+
+                JC.dir( _data );
+                var _dataStr = JSON.stringify( _data )
+                js_dataValTxa.val( _dataStr );
+
+                  swfobject.embedSWF( 
+                        JC.f.printf( '../../swf/{0}.swf', JC.FChart.Model.TYPE_MAP[ _data.chart.type ] )
+                        , _id
+                        , '100%'
+                        , 400
+                        , '10' 
+                        , ''
+                        ,  { 'chart': encodeURIComponent( JSON.stringify( _data ) ) }
+                        ,  { 
+                                'wmode': 'transparent'
+                                , 'allowScriptAccess' : 'always' 
+                            }
+                            , { id: _id, 'name': _id }
+                    );
+
+            });
+
+            JWIN.trigger( 'init_layout' );
+        });
+    </script>
+
+</body>
+</html>
diff --git a/modules/JC.FChart/0.1/res/default/default_color.html b/modules/JC.FChart/0.1/res/default/default_color.html
new file mode 100644
index 0000000..152ee59
--- /dev/null
+++ b/modules/JC.FChart/0.1/res/default/default_color.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>suches template</title>
+</head>    
+<body>
+    <h2>default</h2>
+    <ol>
+        <li style="background:#09c100" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff0619" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#0c76c4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff7100" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#FFBF00" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff06b3" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#c3e2a4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#41e2e6" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ffb2bc" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#dbb8fd" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+    </ol>
+
+    <h2>mix</h2>
+    <ol>
+        <li style="background:#7cb5ec" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#09c100" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#f7a35c" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#8085e9" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#434348" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#90ed7d" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#f15c80" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#e4d354" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#8085e8" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#8d4653" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#91e8e1" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+    </ol>
+
+    <h2>ext</h2>
+    <ol>
+        <li style="background:#09c100" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#0c76c4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff0619" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
+        <li style="background:#ffbf00" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff7100" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
+        <li style="background:#434348" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ff06b3" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
+        <li style="background:#41e2e6" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#c3e2a4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        <li style="background:#ffb2bc" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
+        <li style="background:#dbb8fd" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+        
+    </ol>
+
+</body>
+</html>
+
diff --git a/modules/JC.FChart/0.1/res/default/style.css b/modules/JC.FChart/0.1/res/default/style.css
new file mode 100644
index 0000000..0641366
--- /dev/null
+++ b/modules/JC.FChart/0.1/res/default/style.css
@@ -0,0 +1,30 @@
+.js_jchart {
+    position: relative;
+}
+
+.js_jchart svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.js_jchart .jcc_pointer {
+    cursor: pointer!important;
+}
+
+.js_jchart .jcc_title {
+    font-weight: bold!important;
+    font-size: 14px!important;
+}
+
+.js_jchart .jcc_subtitle {
+    font-size: 12px!important;
+}
+
+.js_jchart .jcc_vtitle {
+    font-size: 14px!important;
+}
+
+.js_jchart .jcc_credit {
+    color: #909090!important;
+}
diff --git a/modules/JC.FChart/0.1/swf/CurveGram.swf b/modules/JC.FChart/0.1/swf/CurveGram.swf
new file mode 100644
index 0000000..38f885d
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/CurveGram.swf differ
diff --git a/modules/JC.FChart/0.1/swf/DDount.swf b/modules/JC.FChart/0.1/swf/DDount.swf
new file mode 100644
index 0000000..8d9a500
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/DDount.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Dount.swf b/modules/JC.FChart/0.1/swf/Dount.swf
new file mode 100644
index 0000000..e9bcf8b
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Dount.swf differ
diff --git a/modules/JC.FChart/0.1/swf/HStack.swf b/modules/JC.FChart/0.1/swf/HStack.swf
new file mode 100644
index 0000000..682ccc3
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/HStack.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Histogram.swf b/modules/JC.FChart/0.1/swf/Histogram.swf
new file mode 100644
index 0000000..b784bd0
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Histogram.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Map.swf b/modules/JC.FChart/0.1/swf/Map.swf
new file mode 100755
index 0000000..b96986a
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Map.swf differ
diff --git a/modules/JC.FChart/0.1/swf/MixChart.swf b/modules/JC.FChart/0.1/swf/MixChart.swf
new file mode 100644
index 0000000..a6255fa
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/MixChart.swf differ
diff --git a/modules/JC.FChart/0.1/swf/NDount.swf b/modules/JC.FChart/0.1/swf/NDount.swf
new file mode 100644
index 0000000..344e864
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/NDount.swf differ
diff --git a/modules/JC.FChart/0.1/swf/PieGraph.swf b/modules/JC.FChart/0.1/swf/PieGraph.swf
new file mode 100644
index 0000000..0aa3c5a
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/PieGraph.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Rate.swf b/modules/JC.FChart/0.1/swf/Rate.swf
new file mode 100644
index 0000000..6043c96
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Rate.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Stack.swf b/modules/JC.FChart/0.1/swf/Stack.swf
new file mode 100644
index 0000000..35d92a5
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Stack.swf differ
diff --git a/modules/JC.FChart/0.1/swf/Trend.swf b/modules/JC.FChart/0.1/swf/Trend.swf
new file mode 100644
index 0000000..a20cd8e
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/Trend.swf differ
diff --git a/modules/JC.FChart/0.1/swf/VHistogram.swf b/modules/JC.FChart/0.1/swf/VHistogram.swf
new file mode 100644
index 0000000..53a8bd0
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/VHistogram.swf differ
diff --git a/modules/JC.FChart/0.1/swf/VZHistogram.swf b/modules/JC.FChart/0.1/swf/VZHistogram.swf
new file mode 100644
index 0000000..76b4408
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/VZHistogram.swf differ
diff --git a/modules/JC.FChart/0.1/swf/ZHistogram.swf b/modules/JC.FChart/0.1/swf/ZHistogram.swf
new file mode 100644
index 0000000..1a9fa37
Binary files /dev/null and b/modules/JC.FChart/0.1/swf/ZHistogram.swf differ
diff --git a/flash/pub/charts/expressInstall.swf b/modules/JC.FChart/0.1/swf/expressInstall.swf
similarity index 100%
rename from flash/pub/charts/expressInstall.swf
rename to modules/JC.FChart/0.1/swf/expressInstall.swf
diff --git a/modules/JC.Tips/0.1/Tips.js b/modules/JC.Tips/0.1/Tips.js
new file mode 100644
index 0000000..38a8d3d
--- /dev/null
+++ b/modules/JC.Tips/0.1/Tips.js
@@ -0,0 +1,626 @@
+;(function(define, _win) { 'use strict'; define( 'JC.Tips', [ 'JC.common' ], function(){
+    window.Tips = JC.Tips = Tips;
+    /**
+     * Tips 提示信息类
+     * <br />显示标签的 title/tipsData 属性 为 Tips 样式
+     * <p>导入该类后, 页面加载完毕后, 会自己初始化所有带 title/tipsData 属性的标签为 Tips效果的标签
+     * <br />如果要禁用自动初始化, 请把静态属性  Tips.autoInit 置为 false</p>
+     * <p><b>注意:</b> Tips 默认构造函数只处理单一标签
+     * <br />, 如果需要处理多个标签, 请使用静态方法 Tips.init( _selector )</p>
+     * <p><b>require</b>: 
+     *      <a href='window.jQuery.html'>jQuery</a>
+     *      , <a href='JC.common.html'>JC.common</a>
+     * </p>
+     * <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
+     * | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.Tips.html' target='_blank'>API docs</a>
+     * | <a href='../../modules/JC.Tips/0.1/_demo' target='_blank'>demo link</a></p>
+     * <h2>可用的 html attribute</h2>
+     * <dl>
+     *      <dt>tipsinitedcallback: function</dt>
+     *      <dd>初始完毕时的回调</dd>
+     *
+     *      <dt>tipsshowcallback: function</dt>
+     *      <dd>显示后的回调</dd>
+     *
+     *      <dt>tipshidecallback: function</dt>
+     *      <dd>隐藏后的回调</dd>
+     *
+     *      <dt>tipstemplatebox: selector</dt>
+     *      <dd>指定tips的显示模板</dd>
+     *
+     *      <dt>tipsupdateonce: bool</dt>
+     *      <dd>tips 内容只更新一次, 这个属性应当与 tipstemplatebox同时使用</dd>
+     *
+     * </dl>
+     * @namespace JC
+     * @class Tips
+     * @constructor
+     * @param   {selector|string}   _selector   要显示 Tips 效果的标签, 这是单一标签, 需要显示多个请显示 Tips.init 方法
+     * @version dev 0.1
+     * @author  qiushaowei   <suches@btbtd.org> | 75 team
+     * @date    2013-06-23
+     * @example
+            <script src="../../../lib.js"></script>
+            <script src="../../../config.js"></script>
+            <script>
+                requirejs( [ 'JC.Tips' ], function(){
+                    //默认是自动初始化, 也就是只要导入 JC.Tips 就会自己初始化 带 title/tipsData 属性的标签
+                    //下面示例是手动初始化
+                    JC.Tips.autoInit = false;
+                    JC.Tips.init( $( 'a[title]' ) ); 
+                });
+            </script>
+     */
+    function Tips( _selector ){
+        _selector = $(_selector);
+        if( !(_selector && _selector.length ) ) return this;
+        if( _selector.length > 1 ){
+            return Tips.init( _selector );
+        }
+        if( Tips.getInstance( _selector ) ) return Tips.getInstance( _selector );
+        Tips.getInstance( _selector, this );
+        /**
+         * 数据模型类实例引用 
+         * @property    _model
+         * @type        JC.Tips.Model 
+         * @private
+         */
+        this._model = new Model( _selector );
+        /**
+         * 视图类实例引用 
+         * @property    _view
+         * @type        JC.Tips.View
+         * @private
+         */
+        this._view = new View( this._model );
+
+        this._init();
+    }
+
+    Tips.prototype = {
+        /**
+         * 初始化 Tips 内部属性
+         * @method  _init
+         * @private
+         */
+        _init:
+            function(){
+                var _p = this;
+
+                $(this._view).on('BindEvent', function( _evt, _evtName, _cb ){
+                    _p.on( _evtName, _cb );
+                });
+
+                $(this._view).on('TriggerEvent', function( _evt, _evtName, _data ){
+                    _p.trigger( _evtName, _data );
+                });
+
+                this._view.init();
+
+                this._model.selector().on( 'mouseenter', tipMouseenter );
+                return this;
+            }    
+        /**
+         * 显示 Tips
+         * @method  show
+         * @param   {event|object}  _evt    _evt 可以是事件/或者带 pageX && pageY 属性的 Object
+         *                                  <br />pageX 和 pageY 是显示位于整个文档的绝对 x/y 轴位置
+         * @return  TipsInstance
+         */
+        , show:
+            function( _evt ){
+                this._view.show( _evt );
+                return this;
+            }
+        /**
+         * 隐藏 Tips
+         * @method  hide
+         * @return  TipsInstance
+         */
+        , hide: function(){ this._view.hide(); return this; }
+        /**
+         * 获取 显示 tips 的触发源选择器, 比如 a 标签
+         * @method  selector
+         * @return  selector
+         */ 
+        , selector: function(){ return this._model.selector(); }
+        /**
+         * 获取 tips 外观的 选择器
+         * @method  layout
+         * @param   {bool}  _update     是否更新 Tips 数据
+         * @return  selector
+         */
+        , layout: function( _update ){ return this._view.layout( _update ); }
+        /**
+         * 获取 tips 显示的内容
+         * @method  data
+         * @return  string
+         */
+        , data: function(){ return this._model.data() }
+        /**
+         * 使用 jquery on 绑定事件
+         * @method  {string}    on
+         * @param   {string}    _evtName
+         * @param   {function}  _cb
+         * @return  TipsInstance
+         */
+        , on: function( _evtName, _cb ){ $(this).on(_evtName, _cb ); return this;}
+        /**
+         * 使用 jquery trigger 绑定事件
+         * @method  {string}    trigger
+         * @param   {string}    _evtName
+         * @return  TipsInstance
+         */
+        , trigger: function( _evtName, _data ){ $(this).trigger( _evtName, _data ); return this;}
+    };
+    /**
+     * tips 初始化实例后的触发的事件
+     * <br />在HTML属性定义回调 tipsinitedcallback ="function name"
+     * @event   TipsInited
+     */
+    /**
+     * tips 显示后的回调
+     * <br />在HTML属性定义回调 tipsshowcallback="function name"
+     * @event   TipsShow
+     */
+    /**
+     * tips 显示前的回调
+     * <br />在HTML属性定义回调 tipsbeforeshowcallback="function name"
+     * @event   TipsBeforeShow
+     */
+    /**
+     * tips 隐藏后的回调
+     * <br />在HTML属性定义回调 tipshidecallback="function name"
+     * @event   TipsHide
+     */
+    /**
+     * 批量初始化 Tips 效果
+     * @method  init
+     * @param   {selector}  _selector   选择器列表对象, 如果带 title/tipsData 属性则会初始化 Tips 效果
+     * @static
+     * @example
+            <script src="../../../lib.js"></script>
+            <script src="../../../config.js"></script>
+            <script>
+                requirejs( [ 'JC.Tips' ], function(){
+                    JC.Tips.autoInit = false;
+                    JC.Tips.init( $( 'a' ) ); 
+                });
+            </script>
+     */
+    Tips.init = 
+        function( _selector ){
+            if( !_selector ) return;
+            _selector = $(_selector);
+            if( !_selector.length ) return;
+            var _r = [];
+            _selector.each( function(){
+                var _p = $(this);
+                if( Tips.getInstance( _p ) ) return;
+                _r.push( new Tips( _p ) );
+            });
+            return _r;
+        };
+    /**
+     * 隐藏 Tips 
+     * @method  hide
+     * @static
+     */
+    Tips.hide =
+        function(){
+            $('body > div.UTips').hide();
+        }
+    /**
+     * 页面加载完毕后, 是否自动初始化
+     * @property    autoInit
+     * @type        bool
+     * @default     true
+     * @static
+     */
+    Tips.autoInit = true;
+    /**
+     * 用户自定义模板
+     * <br /> 如果用户显式覆盖此属性, Tips 会使用用户定义的模板
+     * @property    tpl
+     * @type        string
+     * @default     null
+     * @static
+     */
+    Tips.tpl = null;
+    /**
+     * 设置 Tips 超过边界的默认偏移像素
+     * <p>
+     * bottom: 边界超过屏幕底部的偏移
+     * <br />left: 边界低于屏幕左侧的偏移
+     * <br />top: 边界低于屏幕顶部的偏移
+     * </p>
+     * @property    offset  
+     * @type        {point object}
+     * @default     { 'bottom': { 'x': 15, 'y': 15 }, 'left': { 'x': -28, 'y': 5 }, 'top': { 'x': -2, 'y': -22 } };
+     * @static
+     */
+    Tips.offset = {
+        'bottom': { 'x': 15, 'y': 15 }
+        , 'left': { 'x': -28, 'y': 5 }
+        , 'top': { 'x': -2, 'y': -22 }
+    };
+    /**
+     * Tips 的最小宽度
+     * @property    minWidth
+     * @type        int 
+     * @default     200
+     * @static
+     */
+    Tips.minWidth = 200;
+    /**
+     * Tips 的最大宽度
+     * @property    maxWidth
+     * @type        int 
+     * @default     400
+     * @static
+     */
+    Tips.maxWidth = 400;
+    /**
+     * 把 tag 的 title 属性 转为 tipsData 
+     * <p><b>注意:</b> 这个方法只有当 Tips.autoInit 为假时, 或者浏览器会 IE时才会生效
+     * <br />Tips.autoInit 为真时, 非IE浏览器无需转换
+     * <br />如果为IE浏览器, 无论 Tips.autoInit 为真假, 都会进行转换
+     * <br />方法内部已经做了判断, 可以直接调用, 对IE会生效
+     * , 这个方法的存在是因为 IE 的 title为延时显示, 所以tips显示后, 默认title会盖在tips上面
+     * </p>
+     * @method titleToTipsdata
+     * @param   {selector}  _selector   要转title 为 tipsData的选择器列表
+     */
+    Tips.titleToTipsdata =
+        function( _selector ){
+            _selector = $(_selector);
+            if( !JC.Tips.autoInit || ( typeof window.event == 'object' && document.attachEvent ) ){
+                _selector.each( function(){
+                    $(this).attr( 'tipsData', $(this).attr('title') ).removeAttr( 'title' );
+                });
+            }
+        };
+    /**
+     * 从 selector 获得 或 设置 Tips 的实例
+     * @method getInstance
+     * @param   {selector}  _selector
+     * @param   {TipsInstance}   _ins
+     * @return TipsInstance
+     * @static
+     */
+    Tips.getInstance =
+        function( _selector, _ins ){
+            _ins && _selector && $(_selector).data( 'TipsIns', _ins );
+            return _selector ? $(_selector).data('TipsIns') : null;
+        };
+
+    /**
+     * Tips 数据模型类
+     * @namespace JC.Tips
+     * @class   Model
+     * @constructor
+     * @param   {selector}  _selector
+     */
+    function Model( _selector ){
+        /**
+         * tips 默认模板
+         * @property    tpl
+         * @type        string
+         * @default     <div class="UTips"></div>
+         */ 
+        this.tpl = _defTpl;
+        /**
+         * 保存 tips 的触发源选择器
+         * @property    _selector
+         * @type        selector
+         * @private
+         */
+        this._selector = _selector;
+        /**
+         * tips 的显示内容
+         * <br />标签的 title/tipsData 会保存在这个属性, 然后 title/tipsData 会被清除掉
+         * @property    _data
+         * @type        string
+         * @private
+         */
+        this._data;
+        this._init();
+    }
+    
+    Model.prototype = {
+        /**
+         * 初始化 tips 模型类
+         * @method  _init
+         * @private
+         * @static
+         */
+        _init:
+            function(){
+                this.update();
+                return this;
+
+            }
+        /**
+         * 获取/更新 tips 显示内容
+         * @method  data
+         * @param   {bool}  _update     是否更新 tips 数据
+         * @return  string
+         */
+        , data:
+            function( _update ){
+                _update && this.update();
+                return this._data;
+            }
+        /**
+         * 更新 tips 数据
+         * @method  update
+         */
+        , update: 
+            function(){
+                if( !(this._selector.attr('title') || this._selector.attr('tipsData') ) ) return;
+                this._data = $.trim( this._selector.attr('title') || this._selector.attr('tipsData') )
+                             .replace( /(?:\r\n|\n\r|\r|\n)/g, '<br />');
+                this._selector.removeAttr('title').removeAttr( 'tipsData' );
+                if( this.isInited() ) return;
+                this.isInited(true);
+            }
+        /**
+         * 判断 selector 是否初始化过 Tips 功能
+         * @method  isInited
+         * @param   {bool}  _setter
+         * @return  bool
+         */
+        , isInited:
+            function( _setter ){
+                typeof _setter != 'undefined' && ( this._selector.data( 'initedTips', _setter ) );
+                return this._selector.data( 'initedTips' );
+            }
+        /**
+         * 获取 tips 触发源选择器
+         * @method  selector
+         * @return  selector
+         */
+        , selector: function(){ return this._selector; }
+        , tipsinitedcallback:
+            function(){
+                var _r;
+                this._selector.attr('tipsinitedcallback') 
+                    && ( _r = window[ this._selector.attr('tipsinitedcallback') ] );
+                return _r;
+            }
+        , tipsshowcallback: 
+            function(){
+                var _r;
+                this._selector.attr('tipsshowcallback') && ( _r = window[ this._selector.attr('tipsshowcallback') ] );
+                return _r;
+            }
+        , tipshidecallback: 
+            function(){
+                var _r;
+                this._selector.attr('tipshidecallback') 
+                    && ( _r = window[ this._selector.attr('tipshidecallback') ] );
+                return _r;
+            }
+        , tipstemplatebox:
+            function(){
+                var _r;
+                this._selector.is('[tipstemplatebox]') 
+                    && ( _r = $(this._selector.attr('tipstemplatebox')).html().trim().replace(/[\r\n]+/g, '') )
+                    ;
+                this._selector.is('[tipstemplatesbox]') 
+                    && ( _r = $(this._selector.attr('tipstemplatesbox')).html().trim().replace(/[\r\n]+/g, '') )
+                    ;
+                return _r;
+            }
+        , tipstemplatesbox: function(){ return this.tipstemplatebox(); }
+        , tipsupdateonce:
+            function(){
+                var _r;
+                this._selector.attr('tipsupdateonce') 
+                    && ( _r = JC.f.parseBool( this._selector.attr('tipsupdateonce') ) );
+                return _r;
+            }
+        , tipsIsUpdated: 
+            function( _setter ){ 
+                typeof _setter != 'undefined' && this._selector.data('TipsUpdated', _setter);
+                return this._selector.data( 'TipsUpdated');
+            }
+        , layout:
+            function(){
+                if( !this._layout ){
+                    if( this.tipstemplatesbox() ){
+                        this._layout = $( this.tipstemplatesbox() );
+                        this._layout.appendTo(document.body);
+                    }else{
+                        this._layout = $('#JCTipsLayout');
+                        if( !(this._layout && this._layout.length) ){
+                            this._layout = $( this.tipstemplatesbox() || JC.Tips.tpl || this.tpl);
+                            this._layout.attr('id', 'JCTipsLayout').css('position', 'absolute');
+                            this._layout.appendTo(document.body);
+                        }
+                    }
+                }
+                return this._layout;
+           }
+    };
+    /**
+     * Tips 视图类
+     * @namespace   JC.Tips
+     * @class       View
+     * @constructor
+     * @param       {JC.Tips.Model}    _model
+     */
+    function View( _model ){
+        /**
+         * 保存 Tips 数据模型类的实例引用
+         * @property    _model
+         * @type    JC.Tips.Model
+         * @private
+         */
+        this._model = _model;
+        /**
+         * 保存 Tips 的显示外观选择器
+         * @property    _layout
+         * @type        selector
+         * @private
+         */
+        this._layout;
+    }
+    
+    View.prototype = {
+        /**
+         * 初始化 Tips 视图类
+         * @method  _init
+         * @private
+         */
+        init:
+            function() {
+                $(this).trigger( 'BindEvent', [ 'TipsShow', this._model.tipsshowcallback() ] );
+                $(this).trigger( 'BindEvent', [ 'TipsHide', this._model.tipshidecallback() ] );
+                $(this).trigger( 'BindEvent', [ 'TipsInited', this._model.tipsinitedcallback() ] );
+                return this;
+            }
+        /**
+         * 显示 Tips
+         * @method  show
+         * @param   {event|object}  _evt    _evt 可以是事件/或者带 pageX && pageY 属性的 Object
+         *                                  <br />pageX 和 pageY 是显示位于整个文档的绝对 x/y 轴位置
+         */
+        , show:
+            function( _evt ){
+                //JC.log( 'tips view show' );
+                var _x = _evt.pageX, _y = _evt.pageY;
+
+                _x += JC.Tips.offset.bottom.x;
+                _y += JC.Tips.offset.bottom.y;
+
+                var _stop = $(document).scrollTop(), _sleft = $(document).scrollLeft();
+                var _wwidth = $(window).width(), _wheight = $(window).height();
+                var _lwidth = this.layout().width(), _lheight = this.layout().height();
+                var _maxX = _sleft + _wwidth - _lwidth, _minX = _sleft;
+                var _maxY = _stop + _wheight - _lheight, _minY = _stop;
+                var _outright = false, _outbottom = false;
+
+                _x > _maxX && ( _x = _x - _lwidth + JC.Tips.offset.left.x
+                                    , _y += JC.Tips.offset.left.y
+                                    , _outright = true );
+                _x < _minX && ( _x = _minX );
+                _y > _maxY && ( _y = _y - _lheight + JC.Tips.offset.top.y
+                                , _x += JC.Tips.offset.top.x
+                                , _outbottom = true);
+                _y < _minY && ( _y = _minY );
+
+                _outright && _outbottom && ( _y -= 5 );
+
+                this.layout().css( { 'left': _x + 'px', 'top': _y + 'px' } );
+                this.layout().show();
+
+                $(this).trigger( 'TriggerEvent', [ 'TipsShow', this._model.tipsshowcallback() ] );
+            }
+        /**
+         * 隐藏 Tips
+         * @method  hide
+         */
+        , hide: function(){ 
+            this.layout().hide(); 
+            $(this).trigger( 'TriggerEvent', 'TipsHide' );
+        }
+        /**
+         * 获取 Tips 外观的 选择器
+         * @method  layout
+         * @param   {bool}  _update     是否更新 Tips 数据
+         * @return  selector
+         */
+        , layout: 
+            function( _update ){ 
+                this._layout = this._model.layout();
+                _update && this.update();
+                return this._layout; 
+            }
+        , update:
+            function(){
+                if( this._model.tipsupdateonce() && this._model.tipsIsUpdated() ){
+                    return;
+                }
+                var _data = this._model.data( 1 );
+                this._layout.html( _data ).css( {'width': 'auto'
+                                                        , 'left': '-9999px'
+                                                        , 'top': '-9999px'
+                                                        , 'display': 'block' });  
+                var _w = this._layout.width(), _h = this._layout.height();
+
+                _w < JC.Tips.minWidth && this._layout.css('width', JC.Tips.minWidth + 'px');
+                _w > JC.Tips.maxWidth && this._layout.css('width', JC.Tips.maxWidth + 'px');
+
+                this._model.tipsIsUpdated( true );
+            }
+    };
+    /**
+     * 鼠标移动到 Tips 触发源的触发事件
+     * @namespace   JC.Tips
+     * @method  tipMouseenter
+     * @param   {event}     _evt
+     * @private
+     * @static
+     */
+    function tipMouseenter( _evt ){
+        var _sp = $(this), _p = Tips.getInstance( _sp );
+        _p.layout( 1 ).css( 'z-index', ZINDEX_COUNT++ );
+        if( !_p.data() ) return;
+        _p.show( _evt );
+
+        $(document).on('mousemove', tipMousemove );
+        _sp.on('mouseleave', tipMouseleave );
+
+        function tipMousemove( _wevt ){
+            if( !_p.layout().is(':visible') ){
+                $(document).unbind( 'mousemove', tipMousemove );
+                $(_sp).unbind( 'mouseleave', tipMouseleave );
+                return;
+            }
+            _p.show( _wevt );
+        }
+
+        function tipMouseleave( _wevt ){
+            $(document).unbind( 'mousemove', tipMousemove );
+            $(_sp).unbind( 'mouseleave', tipMouseleave );
+            _p.hide();
+        }
+    }
+    /**
+     * Tips 的默认模板
+     * @namespace   JC.Tips
+     * @property    _defTpl
+     * @type        string  
+     * @private
+     */
+    var _defTpl = '<div class="UTips"></div>';
+    /**
+     * 页面加载完毕后, 是否自动初始化 Tips
+     */
+    $(document).ready( function( _devt ){
+        JC.f.safeTimeout( function(){
+            if( !JC.Tips.autoInit ) return;
+
+            Tips.titleToTipsdata( $('[title]') );
+
+            $(document).delegate('*', 'mouseover', function( _evt ){
+                var _p = $(this);
+                if( Tips.getInstance( _p ) ) return;
+                if( !( _p.attr('title') || _p.attr('tipsData') ) ) return;
+                JC.Tips.init( _p );
+                tipMouseenter.call( this, _evt );
+            });
+        }, null, 'COMP_INIT_TIPS', 500 );
+    });
+
+    return JC.Tips;
+});}( typeof define === 'function' && define.amd ? define : 
+        function ( _name, _require, _cb) { 
+            typeof _name == 'function' && ( _cb = _name );
+            typeof _require == 'function' && ( _cb = _require ); 
+            _cb && _cb(); 
+        }
+        , window
+    )
+);
diff --git a/modules/JC.Tips/0.1/_demo/index.php b/modules/JC.Tips/0.1/_demo/index.php
new file mode 100644
index 0000000..dabaae9
--- /dev/null
+++ b/modules/JC.Tips/0.1/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.Tips/0.1/_demo/simple_tips.html b/modules/JC.Tips/0.1/_demo/simple_tips.html
new file mode 100644
index 0000000..52645ad
--- /dev/null
+++ b/modules/JC.Tips/0.1/_demo/simple_tips.html
@@ -0,0 +1,97 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>360 75 team</title>
+<style type='text/css'>
+    body{ width: 680px; margin: 20px auto; }
+    .cclear{zoom:1;}
+    .cclear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
+
+    .error{ color: red; }
+    input.error, select.error, textarea.error{ 
+        background-color: #fce1e1;
+        border: 1px solid #da9797;
+        box-shadow: 0 none;
+    }
+    input[type=text], input[type=password]{ width: 200px; }
+
+    dl.def > dd{
+        margin: 10px 0;
+    }
+
+    dl.def > dd > button {
+    }
+
+    dl.tips_bd{
+    }
+
+    dl.tips_bd dd{
+        height: 30px;
+        line-height: 30px;
+        background: #ccc;
+        margin: 5px 0px;
+    }
+
+    .custom_tips {
+        font-weight: bold;
+        color: yellow!important;
+    }
+
+    .custom_tips1 {
+        font-weight: bold;
+        color: #000!important;
+    }
+
+</style>
+<link href='../../../../modules/JC.Tips/0.1/res/default/style.css' rel='stylesheet' />
+<script src="../../../../lib.js"></script>
+<script src="../../../../config.js"></script>
+<script> 
+    JC.debug = true; 
+    requirejs( [ 'JC.Tips' ], function( Tips ){
+        //JC.Tips.autoInit = false;
+    }); 
+</script>
+
+</head>    
+<body>
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <dl class="def">
+        <dt>JC.Tips 示例</dt>
+        <dd>
+            <dl class="tips_bd">
+                <dd title="title <br /> asdddd 
+                asdfasdfsadf"></dd>
+                <dd title="title <br /> asdddd 
+
+
+                asdfasdfsadf"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd tipstemplatesbox="#customtipstemplate1" title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd tipstemplatesbox="#customtipstemplate" title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+            </dl>
+        </dd>
+    </dl>
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <script id="customtipstemplate" type="text/template" >
+        <div class="UTips custom_tips"></div>
+    </script>
+
+    <script id="customtipstemplate1" type="text/template" >
+        <div class="UTips custom_tips1"></div>
+    </script>
+</body>
+</html>
+
diff --git a/modules/JC.Tips/0.1/_demo/user_manual_tips.html b/modules/JC.Tips/0.1/_demo/user_manual_tips.html
new file mode 100644
index 0000000..3fdb972
--- /dev/null
+++ b/modules/JC.Tips/0.1/_demo/user_manual_tips.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>360 75 team</title>
+<style type='text/css'>
+    body{ width: 680px; margin: 20px auto; }
+    .cclear{zoom:1;}
+    .cclear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
+
+    .error{ color: red; }
+    input.error, select.error, textarea.error{ 
+        background-color: #fce1e1;
+        border: 1px solid #da9797;
+        box-shadow: 0 none;
+    }
+    input[type=text], input[type=password]{ width: 200px; }
+
+    dl.def > dd{
+        margin: 10px 0;
+    }
+
+    dl.def > dd > button {
+    }
+
+    dl.tips_bd{
+    }
+
+    dl.tips_bd  dd{
+        height: 30px;
+        line-height: 30px;
+        background: #ccc;
+        margin: 5px 0px;
+    }
+
+</style>
+<link href='../../../../modules/JC.Tips/0.1/res/default/style.css' rel='stylesheet' />
+<script src="../../../../lib.js"></script>
+<script src="../../../../config.js"></script>
+<script> 
+    JC.debug = true; 
+    requirejs( [ 'JC.Tips' ], function( Tips ){
+        JC.Tips.autoInit = false;
+        JC.Tips.init( $('dd[title]') );
+    }); 
+</script>
+
+</head>    
+<body>
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <dl class="def">
+        <dt>JC.Tips 示例</dt>
+        <dd>
+            <dl class="tips_bd">
+                <dd title="title <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+                <dd title="title <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asddddtitle <br /> asdddd"></dd>
+            </dl>
+        </dd>
+    </dl>
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+</body>
+</html>
+
diff --git a/modules/JC.Tips/0.1/index.php b/modules/JC.Tips/0.1/index.php
new file mode 100644
index 0000000..27c7039
--- /dev/null
+++ b/modules/JC.Tips/0.1/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname(__FILE__) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.Tips/0.1/res/default/style.css b/modules/JC.Tips/0.1/res/default/style.css
new file mode 100644
index 0000000..4fb4d8f
--- /dev/null
+++ b/modules/JC.Tips/0.1/res/default/style.css
@@ -0,0 +1,20 @@
+div.UTips, div.UTips *{
+    padding: 0px;
+    margin: 0px;
+    font: 14px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
+}
+
+div.UTips{    
+    position: absolute; 
+    border: 1px solid rgb(255, 204, 0); 
+    padding: 5px; 
+    background-color: rgb(93, 81, 71); 
+    line-height: 22px; 
+    color: white; 
+    z-index: 30000; 
+    display: none;
+    word-wrap: break-word;
+    word-break: break-all;
+    opacity: 0.9; 
+    filters: alpha(opacity=90);
+}
diff --git a/modules/JC.Tips/0.1/res/default/style.html b/modules/JC.Tips/0.1/res/default/style.html
new file mode 100644
index 0000000..8a988b6
--- /dev/null
+++ b/modules/JC.Tips/0.1/res/default/style.html
@@ -0,0 +1,40 @@
+
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>360 75 team</title>
+<style type='text/css'>
+    body{ width: 680px; margin: 20px auto; }
+    .cclear{zoom:1;}
+    .cclear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
+
+    .error{ color: red; }
+    input.error, select.error, textarea.error{ 
+        background-color: #fce1e1;
+        border: 1px solid #da9797;
+        box-shadow: 0 none;
+    }
+    input[type=text], input[type=password]{ width: 200px; }
+
+    dl.def > dd{
+        margin: 10px 0;
+    }
+
+    dl.def > dd > button {
+    }
+
+</style>
+<link href='../../../../comps/Tips/res/default/style.css' rel='stylesheet' />
+</head>    
+<body>
+    <dl class="def">
+        <dt>JC.Tips 默认样式</dt>
+        <dd>
+        <div class="UTips" style="display:block!important">123<br>123<br>123<br>123</div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
diff --git a/modules/JC.common/0.1/common.js b/modules/JC.common/0.1/common.js
index 125aa01..b4adf52 100644
--- a/modules/JC.common/0.1/common.js
+++ b/modules/JC.common/0.1/common.js
@@ -265,7 +265,7 @@ function parseFinance( _i, _dot ){
 function padChar( _str, _len, _char ){
 	_len  = _len || 2; _char = _char || "0"; 
 	_str += '';
-	if( _str.length >_str ) return _str;
+	if( _str.length >= _len ) return _str;
 	_str = new Array( _len + 1 ).join( _char ) + _str
 	return _str.slice( _str.length - _len );
 }
diff --git a/modules/JC.common/0.2/common.js b/modules/JC.common/0.2/common.js
index 6b04b74..c8cc508 100644
--- a/modules/JC.common/0.2/common.js
+++ b/modules/JC.common/0.2/common.js
@@ -1,4 +1,4 @@
-;(function(define, _win) { 'use strict'; define( [], function(){
+;(function(define, _win) { 'use strict'; define( 'JC.Common', [], function(){
     window.JWIN = window.JWIN || $( window );
     window.JDOC = window.JDOC || $( document );
     /**
@@ -10,6 +10,9 @@
     !console.dir && (
         console.dir = function(){}
     );
+    !console.error && (
+        console.error = function(){}
+    );
     /**
      * 声明主要命名空间, 方便迁移
      */
@@ -18,6 +21,12 @@
     JC.dir = function(){ 
         JC.debug && $.each( sliceArgs( arguments ), function( _ix, _item ){ console.dir( _item )} );
     };
+    JC.error = function(){ 
+        JC.debug && $.each( sliceArgs( arguments ), function( _ix, _item ){ console.error( _item )} );
+    };
+    JC.clear = function(){ 
+        console.clear && console.clear();
+    };
 
     JC.PATH = JC.PATH || scriptPath();
 
@@ -65,7 +74,11 @@
         , "isSameYear": isSameYear
         , "weekOfYear": weekOfYear
         , "seasonOfYear": seasonOfYear
+        , "dayOfWeek": dayOfWeek
+        , "dayOfSeason": dayOfSeason
         , "jcAutoInitComps": jcAutoInitComps
+        , "autoInit": jcAutoInitComps
+        , "addAutoInit": function(){}
 
         , "maxDayOfMonth": maxDayOfMonth
         , "mousewheelEvent": mousewheelEvent
@@ -529,7 +542,7 @@
      * @method  parseFinance
      * @static
      * @param   {number}    _i
-     * @param   {int}       _dot, default = 2
+     * @param   {int}       _dot  default = 2
      * @return  number
      */
     function parseFinance( _i, _dot ){
@@ -550,7 +563,7 @@
     function padChar( _str, _len, _char ){
         _len  = _len || 2; _char = _char || "0"; 
         _str += '';
-        if( _str.length >_str ) return _str;
+        if( _str.length >= _len ) return _str;
         _str = new Array( _len + 1 ).join( _char ) + _str
         return _str.slice( _str.length - _len );
     }
@@ -632,7 +645,7 @@
     * @method  cloneDate
     * @static
     * @param   {Date}  _date   需要克隆的日期
-    * @return  {Date}  需要克隆的日期对象
+    * @return  {Date}
     */
     function cloneDate( _date ){ var d = new Date(); d.setTime( _date.getTime() ); return d; }
     /**
@@ -808,6 +821,61 @@
         return _r;
     }
 
+    /**
+     * 取某一天所在星期的开始结束日期,以及第几个星期
+     * @method  dayOfWeek
+     * @static
+     * @param   {iso date}   _date
+     * @param   {int}        _dayOffset
+     * @return  Object
+     */
+    function dayOfWeek( _date, _dayOffset ) {
+        var r = {},
+            weeks = JC.f.weekOfYear(_date.getFullYear(), _dayOffset),
+            i = 0,
+            l = weeks.length,
+            t = _date.getTime(),
+            start = JC.f.pureDate( new Date() ),
+            end = JC.f.pureDate( new Date() );
+
+        for (i; i <l; i++) {
+            if (t >= weeks[i].start && t <= weeks[i].end) {
+                start.setTime(weeks[i].start);
+                end.setTime(weeks[i].end);
+                r.start = start;
+                r.end = end;
+                r.w = i + 1
+                return r;
+            }
+        }
+    }
+
+    /**
+     * 取某一天所在季度的开始结束日期,以及第几个Q
+     * @method  dayOfSeason
+     * @static
+     * @param   {iso date}   _date
+     * @return  Object
+     */
+
+    function dayOfSeason(_date) {
+        var year = _date.getFullYear(),
+            q = JC.f.seasonOfYear(year),
+            i,
+            r = {},
+            tmp,
+            d = _date.getTime();
+
+        for (i = 0; i < 4; i++) {
+            if (d >= q[i].start.getTime() && d <= q[i].end.getTime()) {
+                r.start = q[i].start;
+                r.end = q[i].end;
+                r.q = i + 1;
+                return r;
+            }
+        }
+
+    }
 
     /**
      * 取得一个月份中最大的一天
@@ -882,7 +950,8 @@
                     _done = true;
                     clearInterval( _interval );
                 }
-                _cb && _cb( _tmp + _startVal, _done );
+                cb && _cb( _tmp + _startVal, _done, _timepass, _duration, _stepMs, _startVal, _maxVal );
+
             }, _stepMs );
 
         return _interval;
@@ -911,7 +980,7 @@
      * @method  mousewheelEvent
      * @param   {function}  _cb
      * @param   {bool}      _detach
-     * @param   {selector}  _selector, default = document
+     * @param   {selector}  _selector  default = document
      * @static
      */
     function mousewheelEvent( _cb, _detach, _selector ){
@@ -1136,6 +1205,8 @@
          */
         Bizs.AutoSelectComplete && Bizs.AutoSelectComplete.init( _selector );
 
+        Bizs.InputSelect && Bizs.InputSelect.init( _selector );
+
         /**
          *排期日期展示
         */
@@ -1203,14 +1274,19 @@
         var _r = null   
             , _re = /^now/i
             , _nowFirstRe = /^nowfirst/
+            , _dateRe = /^([\d]{8}|[\d]{4}.[\d]{2}.[\d]{2})/
             , _d, _ar, _item
             ;
         if( _dateStr && typeof _dateStr == 'string' ){
-            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) ){
+            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) || _dateRe.test( _dateStr ) ){
                 _d = new Date();
                 if( _nowFirstRe.test(_dateStr ) ){
                     _d.setDate( 1 );
                 }
+                if( _dateRe.test( _dateStr ) ){
+                    _d = JC.f.parseISODate( _dateStr.replace( /[^\d]/g, '' ).slice( 0, 8 ) );
+                    _dateStr = _dateStr.replace( _dateRe, '' );
+                }
                 _dateStr = _dateStr.replace( _re, '' ).replace(/[\s]+/g, '');
                 _ar = _dateStr.split(',');
 
diff --git a/modules/JC.common/0.3/_demo/JC.f.dateFormat.html b/modules/JC.common/0.3/_demo/JC.f.dateFormat.html
new file mode 100755
index 0000000..00317b7
--- /dev/null
+++ b/modules/JC.common/0.3/_demo/JC.f.dateFormat.html
@@ -0,0 +1,218 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .ipt,.txt,.txt-1{ border:1px solid #e2e3ea; border-top:1px solid #abadb3; border-radius:2px; height:22px; *line-height:22px;}
+        .ipt{ width:126px;}
+        .ipt-w58{ width:58px;}
+        .ipt-w48{ width:48px; text-align:center;}
+        .ipt-w80{ width:80px;}
+        .ipt-w180{ width:180px;}
+        .ipt-w230{ width: 230px;}
+        .ipt-w320{ width:320px;}
+        .ipt-w380{ width:380px;}
+        .ipt-w480{ width:480px;}
+        .ipt-w545{ width:545px;}
+        .txt,.txt-1{ resize:none; height:50px; width:99.8%;}
+        .txt-w280{ width:280px;}
+        .txt-w480{ width:480px;}
+        .txt-w545{ width:545px;}
+        .txt-w400{ width:410px;}
+        .txt-w380{ width:380px;}
+        .txt-w650{ width:650px;}
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        div.js_formatBox{
+        }
+
+        div.js_formatBox:after{
+            content:".";display:block;visibility:hidden;height:0;clear:both;
+        }
+
+        div.js_formatBox span{
+            float: left;
+            display: block;
+            width: 150px;
+        }
+
+    </style>
+    <link href='../../../../modules/JC.Valid/0.2/res/default/style.css' rel='stylesheet' />
+
+    <script src="../../../../lib.js"></script>
+    <script src="../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.common' ], function(){
+            $( 'div.js_formatBox' ).each( function(){
+                var _p = $(this)
+                    , _format = _p.find( '.js_format' ).html().trim()
+                    , _date = _p.find( '.js_date' ).html().trim()
+                    , _output = _p.find( '.js_output' )
+                    ;
+
+                    _date = JC.f.parseISODate( _date );
+                    !_date && ( _date = new Date() );
+
+                    //_output.html( JC.f.dateFormat( _format ) );
+                    _output.html( JC.f.dateFormat( _date, _format ) );
+
+                    //JC.log( _format, _date, new Date().getTime() );
+            });
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.f.dateFormat 示例</h2>
+
+    <dl class="defDl">
+        <dt></dt>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date"></span>
+                <span class="js_format">YY-MM-DD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date"></span>
+                <span class="js_format">YYMMDD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date"></span>
+                <span class="js_format">YY-MM</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">2001-02-03</span>
+                <span class="js_format">YY-MM-DD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">2002-03-04</span>
+                <span class="js_format">YYMMDD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">2003-04-05</span>
+                <span class="js_format">YY-MM</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1990-09-01</span>
+                <span class="js_format">yy-MM-DD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1991-10-02</span>
+                <span class="js_format">yyMMDD</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">yy-MM</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">y-MM</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">0992-12-03</span>
+                <span class="js_format">y-MM</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">y-mm</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">0992-01-03</span>
+                <span class="js_format">y-mm</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">y-m</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">0992-01-03</span>
+                <span class="js_format">y-m</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">y-M</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">0992-01-03</span>
+                <span class="js_format">y-M</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">1992-12-03</span>
+                <span class="js_format">y-M-dd</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+        <dd>
+            <div class="js_formatBox">
+                <span class="js_date">0992-01-11</span>
+                <span class="js_format">y-M-dd</span>
+                <span class="js_output"></span>
+            </div>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.common/0.3/_demo/JC.f.safeTimeout.html b/modules/JC.common/0.3/_demo/JC.f.safeTimeout.html
new file mode 100755
index 0000000..6de77bc
--- /dev/null
+++ b/modules/JC.common/0.3/_demo/JC.f.safeTimeout.html
@@ -0,0 +1,80 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .ipt,.txt,.txt-1{ border:1px solid #e2e3ea; border-top:1px solid #abadb3; border-radius:2px; height:22px; *line-height:22px;}
+        .ipt{ width:126px;}
+        .ipt-w58{ width:58px;}
+        .ipt-w48{ width:48px; text-align:center;}
+        .ipt-w80{ width:80px;}
+        .ipt-w180{ width:180px;}
+        .ipt-w230{ width: 230px;}
+        .ipt-w320{ width:320px;}
+        .ipt-w380{ width:380px;}
+        .ipt-w480{ width:480px;}
+        .ipt-w545{ width:545px;}
+        .txt,.txt-1{ resize:none; height:50px; width:99.8%;}
+        .txt-w280{ width:280px;}
+        .txt-w480{ width:480px;}
+        .txt-w545{ width:545px;}
+        .txt-w400{ width:410px;}
+        .txt-w380{ width:380px;}
+        .txt-w650{ width:650px;}
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        div.js_formatBox{
+        }
+
+        div.js_formatBox:after{
+            content:".";display:block;visibility:hidden;height:0;clear:both;
+        }
+
+        div.js_formatBox span{
+            float: left;
+            display: block;
+            width: 150px;
+        }
+
+    </style>
+    <link href='../../../../modules/JC.Valid/0.2/res/default/style.css' rel='stylesheet' />
+
+    <script src="../../../../lib.js"></script>
+    <script src="../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.common' ], function(){
+
+            var _testObj = {}, i, j;
+
+            for( i = 0, j = 10; i < 10; i++ ){
+                JC.f.safeTimeout( setTimeout( function(){
+                    JC.log( '_testObj', new Date().getTime() );
+                }, 1 ), _testObj, 'TEST_OBJ' );
+            }
+
+            for( i = 0, j = 10; i < 10; i++ ){
+                JC.f.safeTimeout( setTimeout( function(){
+                    JC.log( 'window.TIMEOUT_HOST, NORMAL', new Date().getTime() );
+                }, 1 ) );
+            }
+
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.f.safeTimeout 示例</h2>
+
+</body>
+</html>
+
+
diff --git a/modules/JC.common/0.3/_demo/index.php b/modules/JC.common/0.3/_demo/index.php
new file mode 100755
index 0000000..dabaae9
--- /dev/null
+++ b/modules/JC.common/0.3/_demo/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname( dirname(__FILE__) ) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/JC.common/0.3/_demo/xss_test.html b/modules/JC.common/0.3/_demo/xss_test.html
new file mode 100755
index 0000000..b851b0a
--- /dev/null
+++ b/modules/JC.common/0.3/_demo/xss_test.html
@@ -0,0 +1,249 @@
+<!doctype html>
+<html>
+<head>
+<meta charset=utf-8 />
+<title>Open JQuery Components Library - suches</title>
+    <style>
+        body{
+            margin: 20px 40px;
+        }
+
+        .ipt,.txt,.txt-1{ border:1px solid #e2e3ea; border-top:1px solid #abadb3; border-radius:2px; height:22px; *line-height:22px;}
+        .ipt{ width:126px;}
+        .ipt-w58{ width:58px;}
+        .ipt-w48{ width:48px; text-align:center;}
+        .ipt-w80{ width:80px;}
+        .ipt-w180{ width:180px;}
+        .ipt-w230{ width: 230px;}
+        .ipt-w320{ width:320px;}
+        .ipt-w380{ width:380px;}
+        .ipt-w480{ width:480px;}
+        .ipt-w545{ width:545px;}
+        .txt,.txt-1{ resize:none; height:50px; width:99.8%;}
+        .txt-w280{ width:280px;}
+        .txt-w480{ width:480px;}
+        .txt-w545{ width:545px;}
+        .txt-w400{ width:410px;}
+        .txt-w380{ width:380px;}
+        .txt-w650{ width:650px;}
+
+        .defDl > dd{
+            border-bottom:1px solid #e2e3ea; 
+        }
+
+        th{ text-align: left; }
+    </style>
+    <link href='../../../../modules/JC.Valid/0.2/res/default/style.css' rel='stylesheet' />
+
+    <script src="../../../../lib.js"></script>
+    <script src="../../../../config.js"></script>
+    <script>
+        JC.debug = true;
+
+        requirejs( [ 'JC.Valid' ], function(){
+            $( document ).delegate( 'button.js_test', 'click', function( _evt ){
+                var _p = $(this)
+                    , _txas = JC.f.parentSelector( _p, '(table textarea'  )
+                    , _testCode, _r
+                    ;
+
+                _testCode = _txas.first().val().trim();
+                if( !_testCode ) return;
+
+                eval( '( _r =' + _testCode + ' )' );
+                _txas.last().val( _r );
+            });
+
+            $( 'button.js_test' ).each( function( _evt ){
+                $(this).trigger( 'click' );
+            });
+        });
+    </script>
+</head>    
+<body>
+    <h2>JC.common XSS 测试</h2>
+
+    <dl class="defDl">
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.addUrlParams
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.addUrlParams( 'baidu.com?export="><script>alert(/xss/)</script>', { "param": 1 } )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.addUrlParams
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.addUrlParams( 'baidu.com?export=test', { "param": 1 } )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.getUrlParam
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.getUrlParam( 'baidu.com?export="><script>alert(/xss/)</script>', 'export' )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.getUrlParams
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.getUrlParams( 'baidu.com?export="><script>alert(/xss/)</script>&export=normal', 'export' )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.delUrlParam
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.delUrlParam( 'baidu.com?export="><script>alert(/xss/)</script>&test=normal', 'test' )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.reloadPage
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.reloadPage( 'baidu.com?export="><script>alert(/xss/)</script>&test=normal', null, 1111111111 )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.urlDetect
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.urlDetect( 'baidu.com?export="><script>alert(/xss/)</script>&test=normal' )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+        <dd>
+            <table>
+                <tr>
+                    <th colspan="4">
+                        JC.f.removeUrlSharp
+                        <button type="button" class="js_test">run</button>
+                    </th>
+                </tr>
+                <tr>
+                    <td>test code: </td>
+                    <td>
+<textarea class="txt txt-w400">
+    JC.f.removeUrlSharp( 'baidu.com?export="><script>alert(/xss/)</script>&test=normal#anchor' )
+</textarea>
+                    </td>
+                    <td>result: </td>
+                    <td>
+                        <textarea class="txt txt-w400"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </dd>
+
+    </dl>
+</body>
+</html>
+
+
diff --git a/modules/JC.common/0.3/common.js b/modules/JC.common/0.3/common.js
new file mode 100644
index 0000000..5c50cd3
--- /dev/null
+++ b/modules/JC.common/0.3/common.js
@@ -0,0 +1,1674 @@
+;(function(define, _win) { 'use strict'; define( 'JC.common', [], function(){
+    window.JWIN = window.JWIN || $( window );
+    window.JDOC = window.JDOC || $( document );
+    /**
+     * 如果 console 不可用, 生成一个模拟的 console 对象
+     */
+    !window.console && ( window.console = { 
+        log: function(){ window.status = sliceArgs( arguments ).join(' '); }
+    });
+    !console.dir && (
+        console.dir = function(){}
+    );
+    !console.error && (
+        console.error = function(){}
+    );
+    /**
+     * 声明主要命名空间, 方便迁移
+     */
+    window.JC = window.JC || {};
+    JC.log = function(){ JC.debug && console.log( sliceArgs( arguments ).join(' ') ); };
+    JC.dir = function(){ 
+        JC.debug && $.each( sliceArgs( arguments ), function( _ix, _item ){ console.dir( _item )} );
+    };
+    JC.error = function(){ 
+        JC.debug && $.each( sliceArgs( arguments ), function( _ix, _item ){ console.error( _item )} );
+    };
+    JC.clear = function(){ 
+        console.clear && console.clear();
+    };
+
+    JC.PATH = JC.PATH || scriptPath();
+
+    window.Bizs = window.Bizs || {};
+    /**
+     * JC.f 是 JC.common 的别名
+     * <br />具体使用请见 <a href='JC.common.html'>JC.common</a></p>
+     * @class JC.f
+     * @static
+     */
+    /**
+     * JC 组件通用静态方法和属性 ( JC.common, <b>别名: JC.f</b> )
+     * <br />所有 JC 组件都会依赖这个静态类
+     * <p><b>require</b>: <a href='window.jQuery.html'>jQuery</a></p>
+     * <p><a href='https://github.com/openjavascript/jquerycomps' target='_blank'>JC Project Site</a>
+     * | <a href='http://jc2.openjavascript.org/docs_api/classes/JC.common.html' target='_blank'>API docs</a>
+     * | <a href='../../modules/JC.common/0.3/_demo/' target='_blank'>demo link</a></p>
+     * @class JC.common
+     * @static
+     * @version dev 0.3 2014-12-09
+     * @version dev 0.2 2013-11-06 
+     * @version dev 0.1 2013-07-04
+     * @author  qiushaowei   <suches@btbtd.org> | 360 75 Team
+     */
+    JC.common = JC.f = {
+        "addUrlParams": addUrlParams
+        , "cloneDate": cloneDate
+        , "dateDetect": dateDetect
+        , "delUrlParam": delUrlParam
+        , "delUrlParams": delUrlParams
+        , "easyEffect": easyEffect
+        , "filterXSS": filterXSS
+        , "formatISODate": formatISODate
+        , "funcName": funcName
+        , "getJqParent": getJqParent
+
+        , "getUrlParam": getUrlParam
+        , "getUrlParams": getUrlParams
+        , "hasUrlParam": hasUrlParam
+        , 'urlHostName': urlHostName
+        , "httpRequire": httpRequire
+        , "isSameDay": isSameDay
+        , "isSameWeek": isSameWeek
+        , "isSameMonth": isSameMonth
+        , "isSameSeason": isSameSeason
+        , "isSameYear": isSameYear
+        , "weekOfYear": weekOfYear
+        , "seasonOfYear": seasonOfYear
+        , "dayOfWeek": dayOfWeek
+        , "dayOfSeason": dayOfSeason
+        , "jcAutoInitComps": autoInit
+
+        , "autoInit": autoInit
+        , "addAutoInit": addAutoInit
+        /**
+         * 保存需要自动识别的组件
+         * @property    _AUTO_INIT_DATA
+         * @type Object
+         * @protected
+         */
+        , "_AUTO_INIT_DATA": {}
+
+        , "maxDayOfMonth": maxDayOfMonth
+        , "mousewheelEvent": mousewheelEvent
+        , "padChar": padChar
+        , "parentSelector": parentSelector
+        , "parseBool": parseBool
+        , "parseFinance": parseFinance
+        , "parseISODate": parseISODate
+        , "parseDate": parseDate
+        , "printf": printf
+        , "printKey": printKey
+        , "cloneObject": cloneObject
+
+        , "pureDate": pureDate
+        , "reloadPage": reloadPage
+        , "removeUrlSharp": removeUrlSharp
+        , "relativePath": relativePath
+        , "scriptContent": scriptContent
+        , "scriptPath": scriptPath
+        , "sliceArgs": sliceArgs
+        , "urlDetect": urlDetect
+        , "moneyFormat": moneyFormat
+        , "dateFormat": dateFormat
+        , "extendObject": extendObject
+        , "safeTimeout": safeTimeout
+        , "encoder": encoder
+        , "fixPath": fixPath
+        , "arrayId": arrayId
+        , "docSize": docSize
+        , "winSize": winSize
+        , "gid": gid
+
+        /**
+         * 判断 JC.common 是否需要向后兼容, 如果需要的话, 向 window 添加全局静态函数
+         */
+        , "backward":
+            function( _setter ){
+                if( window.JC_BACKWARD || _setter ){
+                    for( var k in JC.common ){
+                        if( k == 'backward' ) continue;
+                        window[ k ] = window[ k ] || JC.common[ k ];
+                    }
+                }
+            }
+        , "has_url_param": hasUrlParam
+        , "add_url_params": addUrlParams
+        , "get_url_param": getUrlParam
+        , "del_url_param": delUrlParam
+        , "reload_page": reloadPage
+        , "parse_finance_num": parseFinance
+        , "pad_char_f": padChar
+        , "script_path_f": scriptPath
+        , "ts": function(){ return new Date().getTime(); }
+    };
+    JC.f.backward();
+    /**
+     * jquery 1.9.1 默认 string 没有 trim 方法, 这里对 string 原型添加一个默认的 trim 方法
+     */
+    !String.prototype.trim && ( String.prototype.trim = function(){ return $.trim( this ); } );
+    /**
+     * 兼容 低版本 ie Array 的 indexOf 方法
+     */
+    !Array.prototype.indexOf 
+        && ( Array.prototype.indexOf =
+            function( _v ){
+                var _r = -1;
+                $.each( this, function( _ix, _item ){
+                    if( _item == _v ){
+                        _r = _ix;
+                        return false;
+                    }
+                });
+                return _r;
+            });
+
+    !Array.prototype.first 
+        && ( Array.prototype.first = 
+            function(){
+                var _r;
+                this.length && ( _r = this[0] );
+                return _r;
+        });
+
+    !Array.prototype.last
+        && ( Array.prototype.last = 
+            function(){
+                var _r;
+                this.length && ( _r = this[ this.length - 1] );
+                return _r;
+        });
+
+    /**
+     * 全局 css z-index 控制属性
+     * <br /> <b>注意</b>: 这个变量是 window.ZINDEX_COUNT
+     * @property    ZINDEX_COUNT
+     * @type        int
+     * @default     50001
+     * @static
+     */
+    window.ZINDEX_COUNT = window.ZINDEX_COUNT || 50001;
+
+    function fixPath( _url ){
+        if( /\\/.test( _url ) ){
+            _url = _url.replace( /[\\]+/g, '\\' );
+        }else{
+            _url = _url.replace( /[\/]+/g, '/' );
+        }
+        return _url;
+    }
+    /**
+     * 一维数组去重
+     * @method  arrayId
+     * @param   {Array}     _ar
+     * @return Array
+     * @static
+     */
+    function arrayId( _ar ){
+        var _r = [], _k = {};
+        
+        for( var i = 0, j = _ar.length; i < j; i++ ){
+            if( !(_ar[i] in _k) ){
+                _r.push( _ar[i] );
+                _k[ _ar[i] ] = _ar[i];
+            }
+        }
+        
+        return _r;
+    }
+    /**
+     * 生成全局唯一ID
+     * @method  gid
+     * @return string
+     * @static
+     */
+    function gid(){
+        return 'jc_gid_' + JC.f.ts() + '_' + (JC.GID_COUNT++);
+    }
+    JC.GID_COUNT = 1;
+
+    /**
+     * 把函数的参数转为数组
+     * @method  sliceArgs
+     * @param   {arguments}     args
+     * @return Array
+     * @static
+     */
+    function sliceArgs( _arg ){
+        var _r = [], _i, _len;
+        for( _i = 0, _len = _arg.length; _i < _len; _i++){
+            _r.push( _arg[_i] );
+        }
+        return _r;
+    }
+    /**
+     * 取 URL 的 host name
+     * @method  urlHostName
+     * @param   {string}    _url
+     * @return  string
+     * @static
+     */
+    function urlHostName( _url ){
+        var _r = '', _url = _url || location.href;
+        if( /\:\/\//.test( _url ) ){
+            _url.replace( /^.*?\:\/\/([^\/]+)/, function( $0, $1 ){
+                _r = $1;
+            });
+        }
+        return _r;
+    }
+    /**
+     * 把 URL 相对路径 转换为 绝对路径
+     * @method  relativePath
+     * @param   {string}    _path
+     * @param   {string}    _url
+     * @return  string
+     * @static
+     */
+    function relativePath( _path, _url ){
+        _url = _url || document.URL;
+        _url = _url.replace(/^.*?\:\/\/[^\/]+/, "").replace(/[^\/]+$/, "");
+        if(!_path){return _url;}  
+        if(!/\/$/.test(_url)){_url += "/";}
+
+        if(/(^\.\.\/|^\.\/)/.test(_path)){
+            var Re = new RegExp("^\\.\\.\\/"), iCount = 0;    
+            while(Re.exec(_path)!=null){
+                _path = _path.replace(Re, "");
+                iCount++;
+            }       
+            for(var i=0; i<iCount; i++){_url = _url.replace(/[^\/]+\/$/, "");}    
+            if(_url=="") return "/";  
+            _path = _path.replace(/^\.\//, ""); 
+            _path.replace( /\/\/$/, '/' );
+            return _url+_path;
+        }   
+        return _path;
+    }
+     /**
+     * 按格式输出字符串
+     * @method printf
+     * @static
+     * @param   {string}    _str
+     * @return  string
+     * @example
+     *      printf( 'asdfasdf{0}sdfasdf{1}', '000', 1111 );
+     *      //return asdfasdf000sdfasdf1111
+     */
+    function printf( _str ){
+        for(var i = 1, _len = arguments.length; i < _len; i++){
+            _str = _str.replace( new RegExp('\\{'+( i - 1 )+'\\}', 'g'), arguments[i] );
+        }
+        return _str;
+    }
+     /**
+     * 按格式输出字符串
+     * @method printKey
+     * @static
+     * @param   {string}    _str
+     * @param   {object}    _keys
+     * @return  string
+     * @example
+     *      JC.f.printKey( 'asdfasdf{key1}sdfasdf{key2},{0}', { 'key1': '000', 'key2': 1111, '0': 222 );
+     *      //return asdfasdf000sdfasdf1111,222
+     */
+    function printKey( _str, _keys ){
+        for( var k in _keys ){
+            _str = _str.replace( new RegExp('\\{'+( k )+'\\}', 'g'), _keys[k] );
+        }
+        return _str;
+    }
+
+    /**
+     * 判断URL中是否有某个get参数
+     * @method  hasUrlParam
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  bool
+     * @static
+     * @example
+     *      var bool = hasUrlParam( 'getkey' );
+     */
+    function hasUrlParam( _url, _key ){
+        var _r = false;
+        if( !_key ){ _key = _url; _url = location.href; }
+        if( /\?/.test( _url ) ){
+            _url = _url.split( '?' ); _url = _url[ _url.length - 1 ];
+            _url = _url.split('&');
+            for( var i = 0, j = _url.length; i < j; i++ ){
+                if( _url[i].split('=')[0].toLowerCase() == _key.toLowerCase() ){ _r = true; break; };
+            }
+        }
+        return _r;
+    }
+    /**
+     * 添加URL参数
+     * <br /><b>require:</b> delUrlParam, filterXSS
+     * @method  addUrlParams
+     * @param   {string}    _url
+     * @param   {object}    _params
+     * @return  string
+     * @static
+     * @example
+            var url = addUrlParams( location.href, {'key1': 'key1value', 'key2': 'key2value' } );
+     */ 
+    function addUrlParams( _url, _params ){
+        var sharp = '';
+        !_params && ( _params = _url, _url = location.href );
+        _url.indexOf('#') > -1 && ( sharp = _url.split('#')[1], _url = _url.split('#')[0] );
+        for( var k in _params ){
+            _url = delUrlParam(_url, k);
+            _url.indexOf('?') > -1 
+                ? _url += '&' + k +'=' + _params[k]
+                : _url += '?' + k +'=' + _params[k];
+        }
+        sharp && ( _url += '#' + sharp );
+        _url = filterXSS( _url.replace(/\?\&/g, '?' ) );
+        return _url;   
+
+    }
+    /**
+     * xss 过滤函数
+     * @method filterXSS
+     * @param   {string}    _s
+     * @return string
+     * @static
+     */
+    function filterXSS( _s ){
+        _s && (
+            _s = _s
+                    .replace( /</g, '&lt;' )
+                    .replace( />/g, '&gt;' )
+        );
+        return _s;
+    }
+    /**
+     * 取URL参数的值
+     * <br /><b>require:</b> filterXSS
+     * @method  getUrlParam
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  string
+     * @static
+     * @example
+            var defaultTag = getUrlParam(location.href, 'tag');  
+     */ 
+    function getUrlParam( _url, _key ){
+        var _r = '', _ar, i, _items;
+        !_key && ( _key = _url, _url = location.href );
+        _url.indexOf('#') > -1 && ( _url = _url.split('#')[0] );
+        if( _url.indexOf('?') > -1 ){
+            _ar = _url.split('?')[1].split('&');
+            for( i = 0; i < _ar.length; i++ ){
+                _items = _ar[i].split('=');
+                _items[0] = decodeURIComponent( _items[0] || '' ).replace(/^\s+|\s+$/g, '');
+                if( _items[0].toLowerCase() == _key.toLowerCase() ){
+                    _r = filterXSS( _items[1] || '' );
+                    break;
+                } 
+            }
+        }
+        return _r;
+    }
+    /**
+     * 取URL参数的值, 这个方法返回数组
+     * <br />与 getUrlParam 的区别是可以获取 checkbox 的所有值
+     * <br /><b>require:</b> filterXSS
+     * @method  getUrlParams
+     * @param   {string}    _url
+     * @param   {string}    _key
+     * @return  Array
+     * @static
+     * @example
+            var params = getUrlParams(location.href, 'tag');  
+     */ 
+    function getUrlParams( _url, _key ){
+        var _r = [], _params, i, j, _items;
+        !_key && ( _key = _url, _url = location.href );
+        _url = _url.replace(/[\?]+/g, '?').split('?');
+        if( _url.length > 1 ){
+            _url = _url[1];
+            _params = _url.split('&');
+            if( _params.length ){
+                for( i = 0, j = _params.length; i < j; i++ ){
+                    _items = _params[i].split('=');
+                    _items[0] = decodeURIComponent( _items[0] ) || '';
+                    if( _items[0].trim() == _key ){
+                        _r.push( filterXSS( _items[1] || '' ) );
+                    }
+                }
+            }
+        }
+        return _r;
+    }
+    /**
+     * 删除URL参数
+     * <br /><b>require:</b> filterXSS
+     * @method  delUrlParam
+     * @param  {string}    _url
+     * @param  {string}    _key
+     * @return  string
+     * @static
+     * @example
+            var url = delUrlParam( location.href, 'tag' );
+     */ 
+    function delUrlParam( _url, _key ){
+        var sharp = '', params, tmpParams = [], i, item;
+        !_key && ( _key = _url, _url = location.href );
+        _url.indexOf('#') > -1 && ( sharp = _url.split('#')[1], _url = _url.split('#')[0] );
+        if( _url.indexOf('?') > -1 ){
+            params = _url.split('?')[1].split('&');
+            _url = _url.split('?')[0];
+            for( i = 0; i < params.length; i++ ){
+                var items = params[i].split('=');
+                items[0] = items[0].replace(/^\s+|\s+$/g, '');
+                if( items[0].toLowerCase() == _key.toLowerCase() ) continue;
+                tmpParams.push( items.join('=') )
+            }
+            _url += '?' + tmpParams.join('&');
+        }
+        sharp && ( _url += '#' + sharp );
+       _url = filterXSS( _url );
+        return _url;
+    }
+    /**
+     * 批量删除URL参数
+     * <br /><b>require:</b> delUrlParam
+     * @method  delUrlParams
+     * @param  {string}    _url
+     * @param  {Array}    _keys
+     * @return  string
+     * @static
+     * @example
+            var url = delUrlParam( location.href, [ 'k1', 'k2' ] );
+     */ 
+    function delUrlParams( _url, _keys ){
+        !_keys && ( _keys = _url, _url = location.href );
+        for( var k in _keys ) _url = delUrlParam( _url, _keys[ k ] );
+        return _url;
+    }
+    /**
+     * 提示需要 HTTP 环境
+     * @method  httpRequire
+     * @static
+     * @param  {string}  _msg   要提示的文字, 默认 "本示例需要HTTP环境'
+     * @return  bool     如果是HTTP环境返回true, 否则返回false
+     */
+    function httpRequire( _msg ){
+        _msg = _msg || '本示例需要HTTP环境';
+        if( /file\:|\\/.test( location.href ) ){
+            alert( _msg );
+            return false;
+        }
+        return true;
+    }
+    /**
+     * 删除 URL 的锚点
+     * <br /><b>require:</b> addUrlParams, filterXSS
+     * @method removeUrlSharp
+     * @static
+     * @param   {string}    _url
+     * @param   {bool}      _nornd      是否不添加随机参数
+     * @param   {string}    _rndName
+     * @return  string
+     */
+    function removeUrlSharp( _url, _nornd, _rndName ){   
+        !_url && ( _url = location.href );
+        _url = _url.replace(/\#[\s\S]*/, '');
+        _rndName = _rndName || 'rnd';
+        var _rndO;
+        !_nornd && ( _rndO = {}
+                        , _rndO[ _rndName ] = new Date().getTime()
+                        , _url = addUrlParams( _url, _rndO ) 
+        );
+        _url = filterXSS( _url );
+        return _url;
+    }
+    /**
+     * 重载页面
+     * <br /><b>require:</b> removeUrlSharp, addUrlParams, filterXSS
+     * @method reloadPage
+     * @static
+     * @param   {string}    _url
+     * @param   {bool}      _nornd
+     * @param   {int}       _delayms
+     */ 
+    function reloadPage( _url, _nornd, _delayMs  ){
+        _delayMs = _delayMs || 0;
+
+        _url = removeUrlSharp( _url || location.href, _nornd );
+        !_nornd && ( _url = addUrlParams( _url, { 'rnd': new Date().getTime() } ) );
+        _url = filterXSS( _url );
+
+        setTimeout( function(){
+            location.href = _url;
+        }, _delayMs);
+        return _url;
+    }
+    /**
+     * 取小数点的N位
+     * <br />JS 解析 浮点数的时候，经常出现各种不可预知情况，这个函数就是为了解决这个问题
+     * @method  parseFinance
+     * @static
+     * @param   {number}    _i
+     * @param   {int}       _dot  default = 2
+     * @return  number
+     */
+    function parseFinance( _i, _dot ){
+        _i = parseFloat( _i ) || 0;
+        typeof _dot == 'undefined' && ( _dot = 2 );
+        _i && ( _i = parseFloat( _i.toFixed( _dot ) ) );
+        return _i;
+    }
+    /**
+     * js 附加字串函数
+     * @method  padChar
+     * @static
+     * @param   {string}    _str
+     * @param   {intl}      _len
+     * @param   {string}    _char
+     * @return  string
+     */
+    function padChar( _str, _len, _char ){
+        _len  = _len || 2; _char = _char || "0"; 
+        _str += '';
+        if( _str.length >= _len ) return _str;
+        _str = new Array( _len + 1 ).join( _char ) + _str
+        return _str.slice( _str.length - _len );
+    }
+    /**
+     * 格式化日期为 YYYY-mm-dd 格式
+     * <br /><b>require</b>: pad\_char\_f
+     * @method  formatISODate
+     * @static
+     * @param   {date}                  _date       要格式化日期的日期对象
+     * @param   {string|undefined}      _split      定义年月日的分隔符, 默认为 '-'
+     * @return  string
+     *
+     */
+    function formatISODate( _date, _split ){
+        _date = _date || new Date(); typeof _split == 'undefined' && ( _split = '-' );
+        return [ _date.getFullYear(), padChar( _date.getMonth() + 1 ), padChar( _date.getDate() ) ].join(_split);
+    }
+    /**
+     * 从 ISODate 字符串解析日期对象
+     * @method  parseISODate
+     * @static
+     * @param   {string}    _datestr
+     * @return  date
+     */
+    function parseISODate( _datestr ){
+        if( !_datestr ) return;
+        _datestr = _datestr.replace( /[^\d]+/g, '');
+        var _r;
+        if( _datestr.length === 8 ){
+            _r = new Date( _datestr.slice( 0, 4 )
+                            , parseInt( _datestr.slice( 4, 6 ), 10 ) - 1
+                            , parseInt( _datestr.slice( 6 ), 10 ) );
+        }else if( _datestr.length === 6 ){
+            _r = new Date( _datestr.slice( 0, 4 )
+                            , parseInt( _datestr.slice( 4, 6 ), 10 ) - 1
+                            , 1 );
+        }
+
+        return _r;
+    }
+    /**
+     * 从日期字符串解析日期对象
+     * <br />兼容 JC.Calendar 日期格式
+     * @method  parseDate
+     * @param   {date}      _date
+     * @param   {selector}  _selector   如果 _selector 为真, 则尝试从 _selector 的 html 属性 dateParse 对日期进行格式化
+     * @param   {boolean}   _forceISO   是否强制转换为ISO日期
+     * @return  {date|null}
+     * @static
+     */
+    function parseDate( _date, _selector, _forceISO ){
+        if( !_date ) return null;
+        var _parse = parseISODate;
+            
+        _selector && !_forceISO
+            && ( _selector = $( _selector ) ).length
+            && _selector.attr( 'dateParse' )
+            && ( _parse = window[ _selector.attr( 'dateParse' ) ] || _parse )
+            ;
+        _date = _parse( _date );
+        _date && _date.start && ( _date = _date.start );
+        return _date;
+    }
+
+    /**
+     * 获取不带 时分秒的 日期对象
+     * @method  pureDate
+     * @param   {Date}  _d   可选参数, 如果为空 = new Date
+     * @return  Date
+     * @static
+     */
+    function pureDate( _d ){
+        var _r;
+        _d = _d || new Date();
+        _r = new Date( _d.getFullYear(), _d.getMonth(), _d.getDate() );
+        return _r;
+    }
+    /**
+    * 克隆日期对象
+    * @method  cloneDate
+    * @static
+    * @param   {Date}  _date   需要克隆的日期
+    * @return  {Date}
+    */
+    function cloneDate( _date ){ var d = new Date(); d.setTime( _date.getTime() ); return d; }
+    /**
+     * 判断两个日期是否为同一天
+     * @method  isSameDay
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameDay( _d1, _d2 ){
+        return [_d1.getFullYear(), _d1.getMonth(), _d1.getDate()].join() === [
+                _d2.getFullYear(), _d2.getMonth(), _d2.getDate()].join()
+    }
+    /**
+     * 判断两个日期是否为同一月份
+     * @method  isSameMonth
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameMonth( _d1, _d2 ){
+        return [_d1.getFullYear(), _d1.getMonth()].join() === [
+                _d2.getFullYear(), _d2.getMonth()].join()
+    }
+
+    /**
+     * 判断两个日期是否为同一季度
+     * @method  isSameWeek
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameWeek( _d1, _d2 ){
+        var _weeks = [],
+            _r = false,
+            i = 0,
+            l;
+
+        _weeks = weekOfYear(_d1.getFullYear());
+        
+        _d1 = _d1.getTime();
+        _d2 = _d2.getTime();
+
+        for ( i = 0, l = _weeks.length; i < l; i++ ) {
+            if ( (_d1 >= _weeks[i].start && _d1 <= _weeks[i].end) 
+                && ( _d2 >= _weeks[i].start && _d2 <= _weeks[i].end ) 
+                ) {
+                console.log(i, _d1, _weeks[i]);
+                return true;
+            }  
+        }
+
+        return _r;
+    }
+
+    /**
+     * 判断两个日期是否为同一季度
+     * @method  isSameSeason
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameSeason( _d1, _d2 ){
+        var _seasons = [],
+            _r = false,
+            i = 0,
+            l ;
+
+        if ( !isSameYear( _d1, _d2 ) ) {
+            return false;
+        }
+
+        _seasons = seasonOfYear( _d1.getFullYear() );
+        _d1 = _d1.getTime();
+        _d2 = _d2.getTime();
+        
+        for (i = 0, l = _seasons.length ; i < l; i++ ) {
+            if ( (_d1 >= _seasons[i].start && _d1 <= _seasons[i].end) 
+                && ( _d2 >= _seasons[i].start && _d2 <= _seasons[i].end ) ) {
+                return true;
+            }     
+        }
+
+        return _r;
+    }
+
+    /**
+     * 判断两个日期是否为同一年
+     * @method  isSameYear
+     * @static
+     * @param   {Date}  _d1     需要判断的日期1
+     * @param   {Date}  _d2     需要判断的日期2
+     * @return {bool}
+     */
+    function isSameYear( _d1, _d2 ) {
+        return _d1.getFullYear() === _d2.getFullYear();
+    }
+
+    /**
+     * 取一年中所有的星期, 及其开始结束日期
+     * @method  weekOfYear
+     * @static
+     * @param   {int}   _year
+     * @param   {int}   _dayOffset  每周的默认开始为周几, 默认0(周一)
+     * @return  Array
+     */
+    function weekOfYear( _year, _dayOffset ){
+        var _r = [], _tmp, _count = 1, _dayOffset = _dayOffset || 0
+            , _year = parseInt( _year, 10 )
+            , _d = new Date( _year, 0, 1 );
+        /**
+         * 元旦开始的第一个星期一开始的一周为政治经济上的第一周
+         */
+         _d.getDay() > 1 && _d.setDate( _d.getDate() - _d.getDay() + 7 );
+
+         _d.getDay() === 0 && _d.setDate( _d.getDate() + 1 );
+
+         _dayOffset > 0 && ( _dayOffset = (new Date( 2000, 1, 2 ) - new Date( 2000, 1, 1 )) * _dayOffset );
+
+        while( _d.getFullYear() <= _year ){
+            _tmp = { 'week': _count++, 'start': null, 'end': null };
+            _tmp.start = _d.getTime() + _dayOffset;
+            //_tmp.start = formatISODate(_d);
+            _d.setDate( _d.getDate() + 6 );
+            _tmp.end = _d.getTime() + _dayOffset;
+            //_tmp.end = formatISODate(_d);
+            _d.setDate( _d.getDate() + 1 );
+            if( _d.getFullYear() > _year ) {
+                _d = new Date( _d.getFullYear(), 0, 1 );
+                if( _d.getDay() < 2 ) break;
+             }
+            _r.push( _tmp );
+        }
+        return _r;
+    }
+    /**
+     * 取一年中所有的季度, 及其开始结束日期
+     * @method  seasonOfYear
+     * @static
+     * @param   {int}   _year
+     * @return  Array
+     */
+    function seasonOfYear( _year ){
+        var _r = []
+            , _year = parseInt( _year, 10 )
+            ;
+
+        _r.push( 
+                {
+                    start: pureDate( new Date( _year, 0, 1 ) )
+                    , end: pureDate( new Date( _year, 2, 31 ) )
+                    , season: 1
+                }, {
+                    start: pureDate( new Date( _year, 3, 1 ) )
+                    , end: pureDate( new Date( _year, 5, 30 ) )
+                    , season: 2
+                }, {
+                    start: pureDate( new Date( _year, 6, 1 ) )
+                    , end: pureDate( new Date( _year, 8, 30 ) )
+                    , season: 3
+                }, {
+                    start: pureDate( new Date( _year, 9, 1 ) )
+                    , end: pureDate( new Date( _year, 11, 31 ) )
+                    , season: 4
+                }
+        );
+                
+
+        return _r;
+    }
+
+    /**
+     * 取某一天所在星期的开始结束日期,以及第几个星期
+     * @method  dayOfWeek
+     * @static
+     * @param   {iso date}   _date
+     * @param   {int}        _dayOffset
+     * @return  Object
+     */
+    function dayOfWeek( _date, _dayOffset ) {
+        var r = {},
+            weeks = JC.f.weekOfYear(_date.getFullYear(), _dayOffset),
+            i = 0,
+            l = weeks.length,
+            t = _date.getTime(),
+            start = JC.f.pureDate( new Date() ),
+            end = JC.f.pureDate( new Date() );
+
+        for (i; i <l; i++) {
+            if (t >= weeks[i].start && t <= weeks[i].end) {
+                start.setTime(weeks[i].start);
+                end.setTime(weeks[i].end);
+                r.start = start;
+                r.end = end;
+                r.w = i + 1
+                return r;
+            }
+        }
+    }
+
+    /**
+     * 取某一天所在季度的开始结束日期,以及第几个Q
+     * @method  dayOfSeason
+     * @static
+     * @param   {iso date}   _date
+     * @return  Object
+     */
+
+    function dayOfSeason(_date) {
+        var year = _date.getFullYear(),
+            q = JC.f.seasonOfYear(year),
+            i,
+            r = {},
+            tmp,
+            d = _date.getTime();
+
+        for (i = 0; i < 4; i++) {
+            if (d >= q[i].start.getTime() && d <= q[i].end.getTime()) {
+                r.start = q[i].start;
+                r.end = q[i].end;
+                r.q = i + 1;
+                return r;
+            }
+        }
+
+    }
+
+    /**
+     * 取得一个月份中最大的一天
+     * @method  maxDayOfMonth
+     * @static
+     * @param   {Date}  _date
+     * @return {int} 月份中最大的一天
+     */
+    function maxDayOfMonth( _date ){
+        var _r, _d = new Date( _date.getFullYear(), _date.getMonth() + 1 );
+            _d.setDate( _d.getDate() - 1 );
+            _r = _d.getDate();
+        return _r;
+    }
+    /**
+     * 取当前脚本标签的 src路径 
+     * @method  scriptPath
+     * @static
+     * @return  {string} 脚本所在目录的完整路径
+     */
+    function scriptPath(){
+        var _sc = document.getElementsByTagName('script'), _sc = _sc[ _sc.length - 1 ], _path = _sc.getAttribute('src');
+        if( /\//.test( _path ) ){ _path = _path.split('/'); _path.pop(); _path = _path.join('/') + '/'; }
+        else if( /\\/.test( _path ) ){ _path = _path.split('\\'); _path.pop(); _path = _path.join('\\') + '/'; }
+        return _path;
+    }
+    /**
+     * 缓动函数, 动画效果为按时间缓动 
+     * <br />这个函数只考虑递增, 你如果需要递减的话, 在回调里用 _maxVal - _stepval 
+     * @method  easyEffect
+     * @static
+     * @param   {function}  _cb         缓动运动时的回调
+     * @param   {number}    _maxVal     缓动的最大值, default = 200
+     * @param   {number}    _startVal   缓动的起始值, default = 0
+     * @param   {number}    _duration   缓动的总时间, 单位毫秒, default = 200
+     * @param   {number}    _stepMs     缓动的间隔, 单位毫秒, default = 2
+     * @return  interval
+     * @example
+            $(document).ready(function(){
+                window.js_output = $('span.js_output');
+                window.ls = [];
+                window.EFF_INTERVAL = easyEffect( effectcallback, 100);
+            });
+
+            function effectcallback( _stepval, _done ){
+                js_output.html( _stepval );
+                ls.push( _stepval );
+
+                !_done && js_output.html( _stepval );
+                _done && js_output.html( _stepval + '<br />' + ls.join() );
+            }
+     */
+    function easyEffect( _cb, _maxVal, _startVal, _duration, _stepMs ){
+        var _beginDate = new Date(), _timepass
+            , _maxVal = _maxVal || 200
+            , _startVal = _startVal || 0
+            , _maxVal = _maxVal - _startVal 
+            , _tmp = 0
+            , _done
+            , _duration = _duration || 200
+            , _stepMs = _stepMs || 2
+            ;
+        //JC.log( '_maxVal:', _maxVal, '_startVal:', _startVal, '_duration:', _duration, '_stepMs:', _stepMs );
+
+        var _interval = setInterval(
+            function(){
+                _timepass = new Date() - _beginDate;
+                _tmp = _timepass / _duration * _maxVal;
+                _tmp;
+                if( _tmp >= _maxVal ){
+                    _tmp = _maxVal;
+                    _done = true;
+                    clearInterval( _interval );
+                }
+
+                _cb && _cb( _tmp + _startVal, _done, _timepass, _duration, _stepMs, _startVal, _maxVal );
+            }, _stepMs );
+
+        return _interval;
+    }
+    /**
+     * 把输入值转换为布尔值
+     * @method parseBool
+     * @param   {*} _input
+     * @return bool
+     * @static
+     */
+    function parseBool( _input ){
+        if( typeof _input == 'string' ){
+            _input = _input.replace( /[\s]/g, '' ).toLowerCase();
+            if( _input && ( _input == 'false' 
+                            || _input == '0' 
+                            || _input == 'null'
+                            || _input == 'undefined'
+           )) _input = false;
+           else if( _input ) _input = true;
+        }
+        return !!_input;
+    }
+    /**
+     * 绑定或清除 mousewheel 事件
+     * @method  mousewheelEvent
+     * @param   {function}  _cb
+     * @param   {bool}      _detach
+     * @param   {selector}  _selector  default = document
+     * @static
+     */
+    function mousewheelEvent( _cb, _detach, _selector ){
+        _selector = _selector || document;
+        var _evt =  (/Firefox/i.test(navigator.userAgent))
+            ? "DOMMouseScroll" 
+            : "mousewheel"
+            ;
+        _selector.attachEvent && ( _evt = 'on' + _evt );
+
+        if( _detach ){
+            _selector.detachEvent && document.detachEvent( _evt, _cb )
+            _selector.removeEventListener && document.removeEventListener( _evt, _cb );
+        }else{
+            _selector.attachEvent && document.attachEvent( _evt, _cb )
+            _selector.addEventListener && document.addEventListener( _evt, _cb );
+        }
+    }
+    /**
+     * 获取 selector 的指定父级标签
+     * @method  getJqParent
+     * @param   {selector}  _selector
+     * @param   {selector}  _filter
+     * @return selector
+     * @require jquery
+     * @static
+     */
+    function getJqParent( _selector, _filter ){
+        _selector = $(_selector);
+        var _r;
+
+        if( _filter ){
+            while( (_selector = _selector.parent()).length ){
+                if( _selector.is( _filter ) ){
+                    _r = _selector;
+                    break;
+                }
+            }
+        }else{
+            _r = _selector.parent();
+        }
+
+        return _r;
+    }
+    /**
+     * 扩展 jquery 选择器
+     * <br />扩展起始字符的 '/' 符号为 jquery 父节点选择器
+     * <br />扩展起始字符的 '|' 符号为 jquery 子节点选择器
+     * <br />扩展起始字符的 '(' 符号为 jquery 父节点查找识别符( getJqParent )
+     * @method  parentSelector
+     * @param   {selector}  _item
+     * @param   {String}    _selector
+     * @param   {selector}  _finder
+     * @return  selector
+     * @require jquery
+     * @static
+     */
+    function parentSelector( _item, _selector, _finder ){
+        _item && ( _item = $( _item ) );
+        if( /\,/.test( _selector ) ){
+            var _multiSelector = [], _tmp;
+            _selector = _selector.split(',');
+            $.each( _selector, function( _ix, _subSelector ){
+                _subSelector = _subSelector.trim();
+                _tmp = parentSelector( _item, _subSelector, _finder );
+                _tmp && _tmp.length 
+                    &&  ( 
+                            ( _tmp.each( function(){ _multiSelector.push( $(this) ) } ) )
+                        );
+            });
+            return $( _multiSelector );
+        }
+        var _pntChildRe = /^([\/]+)/, _childRe = /^([\|]+)/, _pntRe = /^([<\(]+)/;
+        if( _pntChildRe.test( _selector ) ){
+            _selector = _selector.replace( _pntChildRe, function( $0, $1 ){
+                for( var i = 0, j = $1.length; i < j; i++ ){
+                    _item = _item.parent();
+                }
+                _finder = _item;
+                return '';
+            });
+            _selector = _selector.trim();
+            return _selector ? _finder.find( _selector ) : _finder;
+        }else if( _childRe.test( _selector ) ){
+            _selector = _selector.replace( _childRe, function( $0, $1 ){
+                for( var i = 1, j = $1.length; i < j; i++ ){
+                    _item = _item.parent();
+                }
+                _finder = _item;
+                return '';
+            });
+            _selector = _selector.trim();
+            return _selector ? _finder.find( _selector ) : _finder;
+        }else if( _pntRe.test( _selector ) ){
+            _selector = _selector.replace( _pntRe, '' ).trim();
+            if( _selector ){
+                if( /[\s]/.test( _selector ) ){
+                    var _r;
+                    _selector.replace( /^([^\s]+)([\s\S]+)/, function( $0, $1, $2 ){
+                        _r = getJqParent( _item, $1 ).find( $2.trim() );
+                    });
+                    return _r || _selector;
+                }else{
+                    return getJqParent( _item, _selector );
+                }
+            }else{
+                return _item.parent();
+            }
+        }else{
+            return _finder ? _finder.find( _selector ) : jQuery( _selector );
+        }
+    }
+    /**
+     * 获取脚本模板的内容
+     * @method  scriptContent
+     * @param   {selector}  _selector
+     * @return  string
+     * @static
+     */
+    function scriptContent( _selector ){
+        var _r = '';
+        _selector 
+            && ( _selector = $( _selector ) ).length 
+            && ( _r = _selector.html().trim().replace( /[\r\n]/g, '') )
+            ;
+        return _r;
+    }
+    /**
+     * 取函数名 ( 匿名函数返回空 )
+     * @method  funcName
+     * @param   {function}  _func
+     * @return  string
+     * @static
+     */
+    function funcName(_func){
+      var _re = /^function\s+([^()]+)[\s\S]*/
+          , _r = ''
+          , _fStr = _func.toString();    
+      //JC.log( _fStr );
+      _re.test( _fStr ) && ( _r = _fStr.replace( _re, '$1' ) );
+      return _r.trim();
+    }
+    /**
+     * 执行自动识别的组件
+     * @method  autoInit
+     * @param   {selector}  _selector
+     * @static
+     */
+    function autoInit( _selector ){
+        _selector = $( _selector || document );
+        if( !( _selector && _selector.length && window.JC ) ) return;
+        if( !( JC.f && JC.f._AUTO_INIT_DATA ) ) return;
+
+        $.each( JC.f._AUTO_INIT_DATA, function( _k, _class ){
+            if( !_class ) return;
+            _class.init ? _class.init( _selector ) : _class( _selector );
+        });
+        return JC.f;
+    }
+    /**
+     * 添加需要自动识别的组件
+     * @method addAutoInit
+     * @param   {class} _class
+     * @static
+     * @example
+     *      JC.f.addAutoInit( JC.Calendar );
+     */
+    function addAutoInit( _class ){
+        _class 
+            && JC.f._AUTO_INIT_DATA 
+            && ( JC.f._AUTO_INIT_DATA[ 
+                    _class && _class.Model && _class.Model._instanceName 
+                    ? _class.Model._instanceName
+                    : _class.toString()
+                ] = _class )
+                ;
+        return JC.f;
+    }
+    /**
+     * jcAutoInitComps 不久后将被清除
+     * 请使用 JC.f.autoInit 和 JC.f.addAutoInit
+     */
+    function jcAutoInitComps( _selector ){
+        _selector = $( _selector || document );
+        
+        if( !( _selector && _selector.length && window.JC ) ) return;
+        /**
+         * 联动下拉框
+         */
+        JC.AutoSelect && JC.AutoSelect( _selector );
+        /**
+         * 日历组件
+         */
+        JC.Calendar && JC.Calendar.initTrigger( _selector );
+        /**
+         * 双日历组件
+         */
+        JC.DCalendar && JC.DCalendar.init && JC.DCalendar.init( _selector );
+        /**
+         * 全选反选
+         */
+        JC.AutoChecked && JC.AutoChecked( _selector );
+        /**
+         * Ajax 上传
+         */
+        JC.AjaxUpload && JC.AjaxUpload.init( _selector );
+        /**
+         * 占位符
+         */
+        JC.Placeholder && JC.Placeholder.init( _selector );
+        /**
+         * 表格冻结
+         */
+        JC.TableFreeze && JC.TableFreeze.init( _selector );
+        /**
+         * 拖曳
+         */
+        JC.Drag && JC.Drag.init( _selector );
+        /**
+         * 图片裁切
+         */
+        JC.ImageCutter && JC.ImageCutter.init( _selector );
+
+        JC.Tab && JC.Tab.init && JC.Tab.init( _selector );
+
+        if( !window.Bizs ) return;
+        /**
+         * disable / enable
+         */
+        Bizs.DisableLogic && Bizs.DisableLogic.init( _selector );
+        /**
+         * 表单提交逻辑
+         */
+        Bizs.FormLogic && Bizs.FormLogic.init( _selector );
+        /**
+         * 格式化金额
+         */
+        Bizs.MoneyTips && Bizs.MoneyTips.init( _selector );
+        /**
+         * 自动完成
+         */
+        Bizs.AutoSelectComplete && Bizs.AutoSelectComplete.init( _selector );
+
+        Bizs.InputSelect && Bizs.InputSelect.init( _selector );
+
+        /**
+         *排期日期展示
+        */
+        Bizs.TaskViewer && Bizs.TaskViewer.init(_selector);
+    }
+
+    /**
+     * URL 占位符识别功能
+     * <br /><b>require:</b> addUrlParams, filterXSS
+     * @method  urlDetect
+     * @param   {String}    _url    如果 起始字符为 URL, 那么 URL 将祝为本页的URL
+     * @return  string
+     * @static
+     * @example
+     *      urlDetect( '?test' ); //output: ?test
+     *
+     *      urlDetect( 'URL,a=1&b=2' ); //output: your.com?a=1&b=2
+     *      urlDetect( 'URL,a=1,b=2' ); //output: your.com?a=1&b=2
+     *      urlDetect( 'URLa=1&b=2' ); //output: your.com?a=1&b=2
+     */
+    function urlDetect( _url ){
+        _url = _url || '';
+        var _r = _url, _tmp, i, j, _items;
+        if( /^URL/.test( _url ) ){
+            _tmp = _url.replace( /^URL/, '' ).replace( /[\s]*,[\s]*/g, ',' ).trim().split(',');
+            _url = location.href;
+            var _d = {}, _concat = [];
+            if( _tmp.length ){
+                for( i = 0, j = _tmp.length; i < j; i ++ ){
+                     /\&/.test( _tmp[i] )
+                         ? ( _concat = _concat.concat( _tmp[i].split('&') ) )
+                         : ( _concat = _concat.concat( _tmp[i] ) )
+                         ;
+                }
+                _tmp = _concat;
+            }
+            for( i = 0, j = _tmp.length; i < j; i++ ){
+                _items = _tmp[i].replace(/[\s]+/g, '').split( '=' );
+                if( !_items[0] ) continue;
+                _d[ _items[0] ] = _items[1] || '';
+            }
+            _url = addUrlParams( _url, _d );
+            _r = _url;
+        }
+        _r = filterXSS( _url );
+        return _r;
+    }
+    /**
+     * 日期占位符识别功能
+     * @method  dateDetect
+     * @param   {String}    _dateStr    如果起始字符为 NOW, 那么将视为当前日期
+     *                                  , 如果起始字符为 NOWFirst, 那么将视为当前月的1号
+     * @return  {date|null}
+     * @static
+     * @example
+     *      dateDetect( 'now' ); //2014-10-02
+     *      dateDetect( 'now,3d' ); //2013-10-05
+     *      dateDetect( 'now,-3d' ); //2013-09-29
+     *      dateDetect( 'now,2w' ); //2013-10-16
+     *      dateDetect( 'now,-2m' ); //2013-08-02
+     *      dateDetect( 'now,4y' ); //2017-10-02
+     *
+     *      dateDetect( 'now,1d,1w,1m,1y' ); //2014-11-10
+     */
+    function dateDetect( _dateStr ){
+        var _r = null   
+            , _re = /^now/i
+            , _nowFirstRe = /^nowfirst/
+            , _dateRe = /^([\d]{8}|[\d]{4}.[\d]{2}.[\d]{2})/
+            , _d, _ar, _item
+            ;
+        if( _dateStr && typeof _dateStr == 'string' ){
+            if( _re.test( _dateStr ) || _nowFirstRe.test( _dateStr ) || _dateRe.test( _dateStr ) ){
+                _d = new Date();
+                if( _nowFirstRe.test(_dateStr ) ){
+                    _d.setDate( 1 );
+                }
+                if( _dateRe.test( _dateStr ) ){
+                    _d = JC.f.parseISODate( _dateStr.replace( /[^\d]/g, '' ).slice( 0, 8 ) );
+                    _dateStr = _dateStr.replace( _dateRe, '' );
+                }
+                _dateStr = _dateStr.replace( _re, '' ).replace(/[\s]+/g, '');
+                _ar = _dateStr.split(',');
+
+                var _red = /d$/i
+                    , _rew = /w$/i
+                    , _rem = /m$/i
+                    , _rey = /y$/i
+                    ;
+                for( var i = 0, j = _ar.length; i < j; i++ ){
+                    _item = _ar[i] || '';
+                    if( !_item ) continue;
+                    _item = _item.replace( /[^\-\ddwmy]+/gi, '' );
+
+                    if( _red.test( _item ) ){
+                        _item = parseInt( _item.replace( _red, '' ), 10 );
+                        _item && _d.setDate( _d.getDate() + _item );
+                    }else if( _rew.test( _item ) ){
+                        _item = parseInt( _item.replace( _rew, '' ), 10 );
+                        _item && _d.setDate( _d.getDate() + _item * 7 );
+                    }else if( _rem.test( _item ) ){
+                        _item = parseInt( _item.replace( _rem, '' ), 10 );
+                        _item && _d.setMonth( _d.getMonth() + _item );
+                    }else if( _rey.test( _item ) ){
+                        _item = parseInt( _item.replace( _rey, '' ), 10 );
+                        _item && _d.setFullYear( _d.getFullYear() + _item );
+                    }
+                }
+                _r = _d;
+            }else{
+                _r = parseISODate( _dateStr );
+            }
+        }
+        return _r;
+    }
+    ;(function(){
+        /**
+         * inject jquery val func, for hidden change event
+         */
+        if( !window.jQuery ) return;
+        var _oldVal = $.fn.val;
+        $.fn.val = 
+            function(){
+                var _r = _oldVal.apply( this, arguments ), _p = this;
+                if( 
+                    arguments.length
+                    && ( this.prop('nodeName') || '').toLowerCase() == 'input' 
+                    && ( this.attr('type') || '' ).toLowerCase() == 'hidden'
+                ){
+                    setTimeout( function(){ _p.trigger( 'change' ); }, 1 );
+                }
+                return _r;
+            };
+    }());
+    /**
+     * 逗号格式化金额
+     * @method  moneyFormat
+     * @param   {int|string}    _number
+     * @param   {int}           _len
+     * @param   {int}           _floatLen
+     * @param   {int}           _splitSymbol
+     * @return  string
+     * @static
+     */
+    function moneyFormat(_number, _len, _floatLen, _splitSymbol){
+        var _def = '0.00';
+        !_len && ( _len = 3 );
+        typeof _floatLen == 'undefined' && ( _floatLen = 2 );
+        !_splitSymbol && ( _splitSymbol = ',' );
+        var _isNegative = false, _r;
+
+        typeof _number == 'number' && ( _number = parseFinance( _number, _floatLen ) );
+        if( typeof _number == 'string' ){
+            _number = _number.replace( /[,]/g, '' );
+            if( !/^[\d\.]+$/.test( _number ) ) return _def;
+            if( _number.split('.').length > 2 ) return _def;
+        }
+
+        _number = _number || 0;
+        _number += ''; 
+
+        /^\-/.test( _number ) && ( _isNegative = true );
+
+        _number = _number.replace( /[^\d\.]/g, '' );
+
+        var _parts = _number.split('.'), _sparts = [];
+
+        while( _parts[0].length > _len ){
+            var _tmp = _parts[0].slice( _parts[0].length - _len, _parts[0].length );
+            //console.log( _tmp );
+            _sparts.push( _tmp );
+            _parts[0] = _parts[0].slice( 0, _parts[0].length - _len );
+        }
+        _sparts.push( _parts[0] );
+
+        _parts[0] = _sparts.reverse().join( _splitSymbol );
+
+        if( _floatLen ){
+            !_parts[1] && ( _parts[1] = '' );
+            _parts[1] += new Array( _floatLen + 1 ).join('0');
+            _parts[1] = _parts[1].slice( 0, _floatLen );
+        }else{
+            _parts.length > 1 && _parts.pop();
+        }
+        _r = _parts.join('.');
+        _isNegative && ( _r = '-' + _r );
+
+        return _r;
+    }
+    /**
+     * 日期格式化 (具体格式请查看 PHP Date Formats)
+     * @method  dateFormat
+     * @param   {date}    _date     default = now
+     * @param   {string}  _format   default = "YY-MM-DD"
+     * @return  string
+     * @static
+     */
+    function dateFormat( _date, _format ){
+        typeof _date == 'string' && ( _format = _date, _date = new Date() );
+        !_date && ( _date = new Date() );
+        !_format && ( _format = 'YY-MM-DD' );
+        var _r = _format, _tmp
+            , _monthName = [ 'january', 'february', 'march', 'april', 'may', 'june'
+                            , 'july', 'august', 'september', 'october', 'november', 'december' ] 
+            , _monthShortName = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec' ]
+            ;
+
+        _r = _r
+            .replace( /YY/g, _date.getFullYear() )
+            .replace( /WK/g, function(){
+                var _r = 1, _offset = 0, _weeks;
+
+                JC.Calendar && ( _offset = JC.Calendar.weekDayOffset );
+
+                _weeks = weekOfYear( _date.getFullYear(), JC.Calendar.weekDayOffset );
+
+                $( _weeks ).each( function( _ix, _item ){
+                    if( _date.getTime() >= _item.start && _date.getTime() <= _item.end ){
+                        _r = _item.week;
+                        return false;
+                    }
+                });
+
+                return _r;
+            })
+            .replace( /YQ/g, function(){
+                var _r = 1, _offset = 0, _seasons;
+
+                _seasons = seasonOfYear( _date.getFullYear() );
+
+                $( _seasons ).each( function( _ix, _item ){
+                    if( _date.getTime() >= _item.start && _date.getTime() <= _item.end ){
+                        _r = _item.season;
+                        return false;
+                    }
+                });
+
+                return _r;
+            })
+            .replace( /MM/g, padChar( _date.getMonth() + 1 ) )
+            .replace( /DD/g, padChar( _date.getDate() ) )
+
+            .replace( /yy/g, function( $0 ){
+                _tmp = padChar( _date.getYear() );
+                //JC.log( _date.getYear(), _tmp.slice( _tmp.length - 2 ) );
+                return _tmp.slice( _tmp.length - 2 );
+            })
+            .replace( /mm/g, _date.getMonth() + 1 )
+            .replace( /dd/g, _date.getDate() )
+            .replace( /d/g, _date.getDate() )
+
+            .replace( /y/g, _date.getFullYear() )
+
+            .replace( /m/g, function( $0 ){
+                return _monthName[ _date.getMonth() ];          
+            })
+
+            .replace( /M/g, function( $0 ){
+                return _monthShortName[ _date.getMonth() ];          
+            })
+            .replace( /HH/g, padChar( _date.getHours() ) )
+            .replace( /h/g, _date.getHours() )
+            .replace( /NN/g, padChar( _date.getMinutes() ) )
+            .replace( /n/g, _date.getMinutes() )
+            .replace( /SS/g, padChar( _date.getSeconds() ) )
+            .replace( /s/g, _date.getSeconds() )
+            ;
+
+        return _r;
+    }
+    /**
+     * 扩展对象属性
+     * @method  extendObject
+     * @param   {object}    _source
+     * @param   {object}    _new
+     * @param   {bool}      _overwrite      是否覆盖已有属性, default = true  
+     * @return  object
+     * @static
+     */
+    function extendObject( _source, _new, _overwrite ){
+        typeof _overwrite == 'undefined' && ( _overwrite = true );
+        if( _source && _new ){
+            for( var k in _new ){
+                if( _overwrite ){
+                    _source[ k ] = _new[ k ];
+                }else if( !( k in _source ) ){
+                    _source[ k ] = _new[ k ];
+                }
+            }
+        }
+        return _source;
+    }
+    /**
+     * timeout 控制逻辑, 避免相同功能的 setTimeout 重复执行
+     * @method  safeTimeout
+     * @param   {timeout|function}  _timeout
+     * @param   {object}            _obj    default = window.TIMEOUT_HOST || {}
+     * @param   {string}            _name   default = 'NORMAL'
+     * @param   {int}               _ms     default = 50
+     * @return  object
+     * @static
+     */
+    function safeTimeout( _timeout, _obj, _name, _ms ){
+        if( typeof _timeout == 'undefined' ) return;
+        _obj = $( _obj || ( window.TIMEOUT_HOST = window.TIMEOUT_HOST || {} ) );
+        _name = _name || 'NORMAL';
+
+        typeof _timeout == 'function'
+            && ( _timeout = setTimeout( _timeout, _ms || 50 ) );
+
+        _obj.data( _name ) && clearTimeout( _obj.data( _name ) );
+        _obj.data( _name, _timeout );
+    }
+    /**
+     * URL 请求时, 获取对URL参数进行编码的函数
+     * @method  encoder
+     * @param   {selector}  _selector
+     * @return  {encode function}   default encodeURIComponent
+     * @static
+     */
+    function encoder( _selector ){
+        _selector && ( _selector = $( _selector ) );
+        var _r;
+        if( _selector && _selector.length ){
+            _r =_selector.attr( 'validEncoder' ) || 'encodeURIComponent';
+            _r = window[ _r ] || encodeURIComponent;
+        }else{
+            _r = encodeURIComponent;
+        }
+        return _r;
+    }
+    /**
+     * 深度克隆对象
+     * @method  cloneObject
+     * @param   {Object}    _inObj
+     * @return  Object
+     * @static
+     */
+    function cloneObject( _inObj, _outObj ){
+        _outObj = _outObj || {};
+        var k, i, j;
+
+        for( k in _inObj ){
+            _outObj[ k ] = _inObj[ k ];
+            switch( Object.prototype.toString.call( _outObj[ k ] ) ){
+
+                case '[object Object]': {
+                      _outObj[ k ] = _outObj[ k ].constructor === Object
+                        ?  cloneObject( _outObj[ k ] )
+                        :  _outObj[ k ]
+                        ;
+                    break;
+                }
+
+                case '[object Array]': {
+                    _outObj[ k ] = _inObj[ k ].slice();
+                    for( i = 0, j = _outObj[ k ].length; i < j; i++ ){
+                        if( Object.prototype.toString.call( _outObj[ k ][i] ) == '[object Object]' )
+                            _outObj[ k ][ i ] = cloneObject( _outObj[ k ][ i ] );
+                    }
+                    break;
+                }
+
+                case '[object Date]': {
+                    _outObj[ k ] = new Date(); _outObj[ k ].setTime( _inObj[ k ].getTime() );
+                    break;
+                }
+
+                default: _outObj[ k ] = _inObj[ k ];
+            }
+        }
+
+        return _outObj;
+    }
+    /**
+     * 获取 document 的 相关大小
+     * @method  docSize
+     * @param   {document}    _doc
+     * @return  Object
+     * @static
+     */
+    function docSize( _doc ){
+        _doc = _doc || document;
+        var _r = {
+            width: 0, height: 0, docWidth: 0, docHeight: 0, bodyWidth: 0, bodyHeight: 0, scrollWidth: 0, scrollHeight: 0
+        };
+
+        _r.docWidth = _doc.documentElement.offsetWidth;
+        _r.docHeight = _doc.documentElement.offsetHeight;
+
+        _doc.body && (
+            _r.bodyWidth = _doc.body.offsetWidth
+            , _r.bodyHeight = _doc.body.offsetHeight
+        );
+
+        _r.scrollWidth = _doc.documentElement.scrollWidth
+        _r.scrollHeight = _doc.documentElement.scrollHeight
+
+        _r.width = Math.max( _r.docWidth, _r.bodyWidth, _r.scrollHeight );
+        _r.height = Math.max( _r.docHeight, _r.bodyHeight, _r.scrollHeight );
+
+        return _r;
+    }
+    /**
+     * 获取 window 的 相关大小
+     * @method  winSize
+     * @param   {window}    _win,  default = window
+     * @return  Object
+     * @static
+     */
+    function winSize( _win ){
+        _win = $( _win || window );
+        var _r = {
+                width: _win.width()
+                , height: _win.height()
+                , scrollLeft: _win.scrollLeft()
+                , scrollTop: _win.scrollTop()
+            };
+        _r.viewportX = _r.scrollLeft;
+        _r.maxViewportX = _r.scrollLeft + _r.width;
+        _r.viewportY = _r.scrollTop;
+        _r.maxViewportY = _r.scrollTop + _r.height;
+        return _r;
+    }
+
+    return JC.f;
+
+});}( typeof define === 'function' && define.amd ? define : 
+        function ( _name, _require, _cb) { 
+            typeof _name == 'function' && ( _cb = _name );
+            typeof _require == 'function' && ( _cb = _require ); 
+            _cb && _cb(); 
+        }
+        , window
+    )
+);
diff --git a/modules/JC.common/0.3/index.php b/modules/JC.common/0.3/index.php
new file mode 100755
index 0000000..27c7039
--- /dev/null
+++ b/modules/JC.common/0.3/index.php
@@ -0,0 +1,4 @@
+<?php 
+include_once  dirname( dirname( dirname( dirname(__FILE__) ) ) ) . '/tools/php/lsdir.php';
+listFolderFiles('.'); 
+?>
diff --git a/modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js b/modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js
index 0891e47..5388f80 100644
--- a/modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js
+++ b/modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js
@@ -17,7 +17,7 @@
 (function (factory) {
     if ( typeof define === 'function' && define.amd ) {
         // AMD. Register as an anonymous module.
-        define(['jquery'], factory);
+        define( 'jquery.mousewheel', ['jquery'], factory);
     } else if (typeof exports === 'object') {
         // Node/CommonJS style for Browserify
         module.exports = factory;
diff --git a/nginx_config.js b/nginx_config.js
new file mode 100644
index 0000000..d024d62
--- /dev/null
+++ b/nginx_config.js
@@ -0,0 +1,81 @@
+;(function(){
+window.JC = window.JC || {log:function(){}};
+JC.PATH = JC.PATH || scriptPath();
+//JC.PATH  = 'http://crm.360.cn/static/jc2/';           //test for crm online
+//JC.PATH  = '/jc2_requirejs_master/';                  //test for jc2 master
+//JC.PATH  = '/jc2_requirejs_master/deploy/normal/';    //test for jc2 deploy
+/**
+ * requirejs config.js for JC Project
+ */
+
+var _configMap = {
+    'Base': [
+        , '??'
+        ,  'modules/JC.common/0.3/common.js'
+        , ',modules/JC.BaseMVC/0.1/BaseMVC.js'
+        , '?'
+    ].join('')
+
+
+    , 'JCChart': [
+        , '??'
+        , 'modules/JC.FChart/0.1/FChart.js'
+        , ',modules/jquery.mousewheel/3.1.12/jquery.mousewheel.js'
+        , '?'
+    ].join('')
+
+    , 'tpl': [
+        , '??'
+        , '?'
+    ].join('')
+
+};
+
+window.requirejs && 
+requirejs.config( {
+    baseUrl: JC.PATH
+    , urlArgs: 'v=' + new Date().getTime()
+    , paths: {
+        'JC.common': _configMap[ 'Base' ]
+        , 'JC.BaseMVC': _configMap[ 'Base' ]
+
+       
+        , 'JC.FChart': _configMap[ 'JCChart' ]
+
+        , 'jquery.mousewheel': _configMap[ 'JCChart' ]
+        , 'jquery.cookie': 'modules/jquery.cookie/1.4.1/jquery.cookie'
+
+        , 'json2': 'modules/JSON/2/JSON'
+        , 'plugins.JSON2': 'modules/JSON/2/JSON'
+        , 'plugins.json2': 'modules/JSON/2/JSON'
+
+        , 'plugins.Aes': 'plugins/Aes/0.1/Aes'
+        , 'plugins.Base64': 'plugins/Base64/0.1/Base64'
+        , 'plugins.md5': 'plugins/md5/0.1/md5'
+
+        , 'plugins.requirejs.domReady': 'plugins/requirejs.domReady/2.0.1/domReady'
+
+        , 'plugins.swfobject': 'plugins/SWFObject/2.2/SWFObject'
+        , 'swfobject': 'modules/swfobject/2.3/swfobject'
+        , 'SWFObject': 'modules/swfobject/2.3/swfobject'
+
+        , 'SWFUpload': 'modules/SWFUpload/2.5.0/SWFUpload'
+        , 'swfupload': 'modules/SWFUpload/2.5.0/SWFUpload'
+        , 'Raphael': 'modules/Raphael/latest/raphael'
+
+        , 'artTemplate':  "modules/artTemplate/3.0/artTemplate"
+        , 'store':  "modules/store/1.3.14/store"
+    }
+});
+/**
+ * 取当前脚本标签的 src路径 
+ * @static
+ * @return  {string} 脚本所在目录的完整路径
+ */
+function scriptPath(){
+    var _sc = document.getElementsByTagName('script'), _sc = _sc[ _sc.length - 1 ], _path = _sc.getAttribute('src');
+    if( /\//.test( _path ) ){ _path = _path.split('/'); _path.pop(); _path = _path.join('/') + '/'; }
+    else if( /\\/.test( _path ) ){ _path = _path.split('\\'); _path.pop(); _path = _path.join('\\') + '/'; }
+    return _path;
+}
+}());