/*!
* Copyright (c) 2009 Simo Kinnunen.
* Licensed under the MIT license.
*/

var Cufon = (function() {

	var api = function() {
		return api.replace.apply(null, arguments);
	};

	var DOM = api.DOM = {

		ready: (function() {

			var complete = false, readyStatus = { loaded: 1, complete: 1 };

			var queue = [], perform = function() {
				if (complete) return;
				complete = true;
				for (var fn; fn = queue.shift(); fn());
			};

			// Gecko, Opera, WebKit r26101+

			if (document.addEventListener) {
				document.addEventListener('DOMContentLoaded', perform, false);
				window.addEventListener('pageshow', perform, false); // For cached Gecko pages
			}

			// Old WebKit, Internet Explorer

			if (!window.opera && document.readyState) (function() {
				readyStatus[document.readyState] ? perform() : setTimeout(arguments.callee, 10);
			})();

			// Internet Explorer

			if (document.readyState && document.createStyleSheet) (function() {
				try {
					document.body.doScroll('left');
					perform();
				}
				catch (e) {
					setTimeout(arguments.callee, 1);
				}
			})();

			addEvent(window, 'load', perform); // Fallback

			return function(listener) {
				if (!arguments.length) perform();
				else complete ? listener() : queue.push(listener);
			};

		})()

	};

	var CSS = api.CSS = {

		Size: function(value, base) {

			this.value = parseFloat(value);
			this.unit = String(value).match(/[a-z%]*$/)[0] || 'px';

			this.convert = function(value) {
				return value / base * this.value;
			};

			this.convertFrom = function(value) {
				return value / this.value * base;
			};

			this.toString = function() {
				return this.value + this.unit;
			};

		},

		color: cached(function(value) {
			var parsed = {};
			parsed.color = value.replace(/^rgba\((.*?),\s*([\d.]+)\)/, function($0, $1, $2) {
				parsed.opacity = parseFloat($2);
				return 'rgb(' + $1 + ')';
			});
			return parsed;
		}),

		// has no direct CSS equivalent.
		// @see http://msdn.microsoft.com/en-us/library/system.windows.fontstretches.aspx
		fontStretch: cached(function(value) {
			if (typeof value == 'number') return value;
			if (/%$/.test(value)) return parseFloat(value) / 100;
			return {
				'ultra-condensed': 0.5,
				'extra-condensed': 0.625,
				condensed: 0.75,
				'semi-condensed': 0.875,
				'semi-expanded': 1.125,
				expanded: 1.25,
				'extra-expanded': 1.5,
				'ultra-expanded': 2
}[value] || 1;
			}),

			getStyle: function(el) {
				var view = document.defaultView;
				if (view && view.getComputedStyle) return new Style(view.getComputedStyle(el, null));
				if (el.currentStyle) return new Style(el.currentStyle);
				return new Style(el.style);
			},

			gradient: cached(function(value) {
				var gradient = {
					id: value,
					type: value.match(/^-([a-z]+)-gradient\(/)[1],
					stops: []
				}, colors = value.substr(value.indexOf('(')).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);
				for (var i = 0, l = colors.length, stop; i < l; ++i) {
					stop = colors[i].split('=', 2).reverse();
					gradient.stops.push([stop[1] || i / (l - 1), stop[0]]);
				}
				return gradient;
			}),

			quotedList: cached(function(value) {
				// doesn't work properly with empty quoted strings (""), but
				// it's not worth the extra code.
				var list = [], re = /\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/g, match;
				while (match = re.exec(value)) list.push(match[3] || match[1]);
				return list;
			}),

			recognizesMedia: cached(function(media) {
				var el = document.createElement('style'), sheet, container, supported;
				el.type = 'text/css';
				el.media = media;
				try { // this is cached anyway
					el.appendChild(document.createTextNode('/**/'));
				} catch (e) { }
				container = elementsByTagName('head')[0];
				container.insertBefore(el, container.firstChild);
				sheet = (el.sheet || el.styleSheet);
				supported = sheet && !sheet.disabled;
				container.removeChild(el);
				return supported;
			}),

			supports: function(property, value) {
				var checker = document.createElement('span').style;
				if (checker[property] === undefined) return false;
				checker[property] = value;
				return checker[property] === value;
			},

			textAlign: function(word, style, position, wordCount) {
				if (style.get('textAlign') == 'right') {
					if (position > 0) word = ' ' + word;
				}
				else if (position < wordCount - 1) word += ' ';
				return word;
			},

			textDecoration: function(el, style) {
				if (!style) style = this.getStyle(el);
				var types = {
					underline: null,
					overline: null,
					'line-through': null
				};
				for (var search = el; search.parentNode && search.parentNode.nodeType == 1; ) {
					var foundAll = true;
					for (var type in types) {
						if (!hasOwnProperty(types, type) || types[type]) continue;
						if (style.get('textDecoration').indexOf(type) != -1) types[type] = style.get('color');
						foundAll = false;
					}
					if (foundAll) break; // this is rather unlikely to happen
					style = this.getStyle(search = search.parentNode);
				}
				return types;
			},

			textShadow: cached(function(value) {
				if (value == 'none') return null;
				var shadows = [], currentShadow = {}, result, offCount = 0;
				var re = /(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;
				while (result = re.exec(value)) {
					if (result[0] == ',') {
						shadows.push(currentShadow);
						currentShadow = {};
						offCount = 0;
					}
					else if (result[1]) {
						currentShadow.color = result[1];
					}
					else {
						currentShadow[['offX', 'offY', 'blur'][offCount++]] = result[2];
					}
				}
				shadows.push(currentShadow);
				return shadows;
			}),

			textTransform: function(text, style) {
				return text[{
					uppercase: 'toUpperCase',
					lowercase: 'toLowerCase'
}[style.get('textTransform')] || 'toString']();
				},

				whiteSpace: (function() {
					var ignore = {
						inline: 1,
						'inline-block': 1,
						'run-in': 1
					};
					return function(text, style, node) {
						if (ignore[style.get('display')]) return text;
						if (!node.previousSibling) text = text.replace(/^\s+/, '');
						if (!node.nextSibling) text = text.replace(/\s+$/, '');
						return text;
					};
				})()

			};

			CSS.ready = (function() {

				// don't do anything in Safari 2 (it doesn't recognize any media type)
				var complete = !CSS.recognizesMedia('all'), hasLayout = false;

				var queue = [], perform = function() {
					complete = true;
					for (var fn; fn = queue.shift(); fn());
				};

				var links = elementsByTagName('link'), styles = elementsByTagName('style');

				function isContainerReady(el) {
					return el.disabled || isSheetReady(el.sheet, el.media || 'screen');
				}

				function isSheetReady(sheet, media) {
					// in Opera sheet.disabled is true when it's still loading,
					// even though link.disabled is false. they stay in sync if
					// set manually.
					if (!CSS.recognizesMedia(media || 'all')) return true;
					if (!sheet || sheet.disabled) return false;
					try {
						var rules = sheet.cssRules, rule;
						if (rules) {
							// needed for Safari 3 and Chrome 1.0.
							// in standards-conforming browsers cssRules contains @-rules.
							// Chrome 1.0 weirdness: rules[<number larger than .length - 1>]
							// returns the last rule, so a for loop is the only option.
							search: for (var i = 0, l = rules.length; rule = rules[i], i < l; ++i) {
								switch (rule.type) {
									case 2: // @charset
										break;
									case 3: // @import
										if (!isSheetReady(rule.styleSheet, rule.media.mediaText)) return false;
										break;
									default:
										// only @charset can precede @import
										break search;
								}
							}
						}
					}
					catch (e) { } // probably a style sheet from another domain
					return true;
				}

				function allStylesLoaded() {
					// Internet Explorer's style sheet model, there's no need to do anything
					if (document.createStyleSheet) return true;
					// standards-compliant browsers
					var el, i;
					for (i = 0; el = links[i]; ++i) {
						if (el.rel.toLowerCase() == 'stylesheet' && !isContainerReady(el)) return false;
					}
					for (i = 0; el = styles[i]; ++i) {
						if (!isContainerReady(el)) return false;
					}
					return true;
				}

				DOM.ready(function() {
					// getComputedStyle returns null in Gecko if used in an iframe with display: none
					if (!hasLayout) hasLayout = CSS.getStyle(document.body).isUsable();
					if (complete || (hasLayout && allStylesLoaded())) perform();
					else setTimeout(arguments.callee, 10);
				});

				return function(listener) {
					if (complete) listener();
					else queue.push(listener);
				};

			})();

			function Font(data) {

				var face = this.face = data.face;
				this.glyphs = data.glyphs;
				this.w = data.w;
				this.baseSize = parseInt(face['units-per-em'], 10);

				this.family = face['font-family'].toLowerCase();
				this.weight = face['font-weight'];
				this.style = face['font-style'] || 'normal';

				this.viewBox = (function() {
					var parts = face.bbox.split(/\s+/);
					var box = {
						minX: parseInt(parts[0], 10),
						minY: parseInt(parts[1], 10),
						maxX: parseInt(parts[2], 10),
						maxY: parseInt(parts[3], 10)
					};
					box.width = box.maxX - box.minX;
					box.height = box.maxY - box.minY;
					box.toString = function() {
						return [this.minX, this.minY, this.width, this.height].join(' ');
					};
					return box;
				})();

				this.ascent = -parseInt(face.ascent, 10);
				this.descent = -parseInt(face.descent, 10);

				this.height = -this.ascent + this.descent;

			}

			function FontFamily() {

				var styles = {}, mapping = {
					oblique: 'italic',
					italic: 'oblique'
				};

				this.add = function(font) {
					(styles[font.style] || (styles[font.style] = {}))[font.weight] = font;
				};

				this.get = function(style, weight) {
					var weights = styles[style] || styles[mapping[style]]
				|| styles.normal || styles.italic || styles.oblique;
					if (!weights) return null;
					// we don't have to worry about "bolder" and "lighter"
					// because IE's currentStyle returns a numeric value for it,
					// and other browsers use the computed value anyway
					weight = {
						normal: 400,
						bold: 700
}[weight] || parseInt(weight, 10);
						if (weights[weight]) return weights[weight];
						// http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight
						// Gecko uses x99/x01 for lighter/bolder
						var up = {
							1: 1,
							99: 0
}[weight % 100], alts = [], min, max;
							if (up === undefined) up = weight > 400;
							if (weight == 500) weight = 400;
							for (var alt in weights) {
								if (!hasOwnProperty(weights, alt)) continue;
								alt = parseInt(alt, 10);
								if (!min || alt < min) min = alt;
								if (!max || alt > max) max = alt;
								alts.push(alt);
							}
							if (weight < min) weight = min;
							if (weight > max) weight = max;
							alts.sort(function(a, b) {
								return (up
					? (a > weight && b > weight) ? a < b : a > b
					: (a < weight && b < weight) ? a > b : a < b) ? -1 : 1;
							});
							return weights[alts[0]];
						};

					}

					function HoverHandler() {

						function contains(node, anotherNode) {
							if (node.contains) return node.contains(anotherNode);
							return node.compareDocumentPosition(anotherNode) & 16;
						}

						function onOverOut(e) {
							var related = e.relatedTarget;
							if (!related || contains(this, related)) return;
							trigger(this);
						}

						function onEnterLeave(e) {
							trigger(this);
						}

						function trigger(el) {
							// A timeout is needed so that the event can actually "happen"
							// before replace is triggered. This ensures that styles are up
							// to date.
							setTimeout(function() {
								api.replace(el, sharedStorage.get(el).options, true);
							}, 10);
						}

						this.attach = function(el) {
							if (el.onmouseenter === undefined) {
								addEvent(el, 'mouseover', onOverOut);
								addEvent(el, 'mouseout', onOverOut);
							}
							else {
								addEvent(el, 'mouseenter', onEnterLeave);
								addEvent(el, 'mouseleave', onEnterLeave);
							}
						};

					}

					function ReplaceHistory() {

						var list = [], map = {};

						function filter(keys) {
							var values = [], key;
							for (var i = 0; key = keys[i]; ++i) values[i] = list[map[key]];
							return values;
						}

						this.add = function(key, args) {
							map[key] = list.push(args) - 1;
						};

						this.repeat = function() {
							var snapshot = arguments.length ? filter(arguments) : list, args;
							for (var i = 0; args = snapshot[i++]; ) api.replace(args[0], args[1], true);
						};

					}

					function Storage() {

						var map = {}, at = 0;

						function identify(el) {
							return el.cufid || (el.cufid = ++at);
						}

						this.get = function(el) {
							var id = identify(el);
							return map[id] || (map[id] = {});
						};

					}

					function Style(style) {

						var custom = {}, sizes = {};

						this.extend = function(styles) {
							for (var property in styles) {
								if (hasOwnProperty(styles, property)) custom[property] = styles[property];
							}
							return this;
						};

						this.get = function(property) {
							return custom[property] != undefined ? custom[property] : style[property];
						};

						this.getSize = function(property, base) {
							return sizes[property] || (sizes[property] = new CSS.Size(this.get(property), base));
						};

						this.isUsable = function() {
							return !!style;
						};

					}

					function addEvent(el, type, listener) {
						if (el.addEventListener) {
							el.addEventListener(type, listener, false);
						}
						else if (el.attachEvent) {
							el.attachEvent('on' + type, function() {
								return listener.call(el, window.event);
							});
						}
					}

					function attach(el, options) {
						var storage = sharedStorage.get(el);
						if (storage.options) return el;
						if (options.hover && options.hoverables[el.nodeName.toLowerCase()]) {
							hoverHandler.attach(el);
						}
						storage.options = options;
						return el;
					}

					function cached(fun) {
						var cache = {};
						return function(key) {
							if (!hasOwnProperty(cache, key)) cache[key] = fun.apply(null, arguments);
							return cache[key];
						};
					}

					function getFont(el, style) {
						if (!style) style = CSS.getStyle(el);
						var families = CSS.quotedList(style.get('fontFamily').toLowerCase()), family;
						for (var i = 0, l = families.length; i < l; ++i) {
							family = families[i];
							if (fonts[family]) return fonts[family].get(style.get('fontStyle'), style.get('fontWeight'));
						}
						return null;
					}

					function elementsByTagName(query) {
						return document.getElementsByTagName(query);
					}

					function hasOwnProperty(obj, property) {
						return obj.hasOwnProperty(property);
					}

					function merge() {
						var merged = {}, args, key;
						for (var i = 0, l = arguments.length; args = arguments[i], i < l; ++i) {
							for (key in args) {
								if (hasOwnProperty(args, key)) merged[key] = args[key];
							}
						}
						return merged;
					}

					function process(font, text, style, options, node, el) {
						var separate = options.separate;
						if (separate == 'none') return engines[options.engine].apply(null, arguments);
						var fragment = document.createDocumentFragment(), processed;
						var parts = text.split(separators[separate]), needsAligning = (separate == 'words');
						if (needsAligning && HAS_BROKEN_REGEXP) {
							// @todo figure out a better way to do this
							if (/^\s/.test(text)) parts.unshift('');
							if (/\s$/.test(text)) parts.push('');
						}
						for (var i = 0, l = parts.length; i < l; ++i) {
							processed = engines[options.engine](font,
				needsAligning ? CSS.textAlign(parts[i], style, i, l) : parts[i],
				style, options, node, el, i < l - 1);
							if (processed) fragment.appendChild(processed);
						}
						return fragment;
					}

					function replaceElement(el, options) {
						var font, style, node, nodeType, nextNode, redraw;
						for (node = attach(el, options).firstChild; node; node = nextNode) {
							nodeType = node.nodeType;
							nextNode = node.nextSibling;
							redraw = false;
							if (nodeType == 1) {
								if (!node.firstChild) continue;
								if (!/cufon/.test(node.className)) {
									arguments.callee(node, options);
									continue;
								}
								else redraw = true;
							}
							else if (nodeType != 3) continue;
							if (!style) style = CSS.getStyle(el).extend(options);
							if (!font) font = getFont(el, style);
							if (!font) continue;
							if (redraw) {
								engines[options.engine](font, null, style, options, node, el);
								continue;
							}
							var text = CSS.whiteSpace(node.data, style, node);
							if (text === '') continue;
							var processed = process(font, text, style, options, node, el);
							if (processed) node.parentNode.replaceChild(processed, node);
							else node.parentNode.removeChild(node);
						}
					}

					var HAS_BROKEN_REGEXP = ' '.split(/\s+/).length == 0;

					var sharedStorage = new Storage();
					var hoverHandler = new HoverHandler();
					var replaceHistory = new ReplaceHistory();

					var engines = {}, fonts = {}, defaultOptions = {
						enableTextDecoration: false,
						engine: null,
						//fontScale: 1,
						//fontScaling: false,
						forceHitArea: false,
						hover: false,
						hoverables: {
							a: true
						},
						printable: true,
						//rotation: 0,
						//selectable: false,
						selector: (
				window.Sizzle
			|| (window.jQuery && function(query) { return jQuery(query); }) // avoid noConflict issues
			|| (window.dojo && dojo.query)
			|| (window.$$ && function(query) { return $$(query); })
			|| (window.$ && function(query) { return $(query); })
			|| (document.querySelectorAll && function(query) { return document.querySelectorAll(query); })
			|| (window.Ext && Ext.query)
			|| elementsByTagName
		),
						separate: 'words', // 'none' and 'characters' are also accepted
						textShadow: 'none'
					};

					var separators = {
						words: /[^\S\u00a0]+/,
						characters: ''
					};

					api.now = function() {
						DOM.ready();
						return api;
					};

					api.refresh = function() {
						replaceHistory.repeat.apply(replaceHistory, arguments);
						return api;
					};

					api.registerEngine = function(id, engine) {
						if (!engine) return api;
						engines[id] = engine;
						return api.set('engine', id);
					};

					api.registerFont = function(data) {
						var font = new Font(data), family = font.family;
						if (!fonts[family]) fonts[family] = new FontFamily();
						fonts[family].add(font);
						return api.set('fontFamily', '"' + family + '"');
					};

					api.replace = function(elements, options, ignoreHistory) {
						options = merge(defaultOptions, options);
						if (!options.engine) return api; // there's no browser support so we'll just stop here
						if (options.hover) options.forceHitArea = true;
						if (typeof options.textShadow == 'string')
							options.textShadow = CSS.textShadow(options.textShadow);
						if (typeof options.color == 'string' && /^-/.test(options.color))
							options.textGradient = CSS.gradient(options.color);
						if (!ignoreHistory) replaceHistory.add(elements, arguments);
						if (elements.nodeType || typeof elements == 'string') elements = [elements];
						CSS.ready(function() {
							for (var i = 0, l = elements.length; i < l; ++i) {
								var el = elements[i];
								if (typeof el == 'string') api.replace(options.selector(el), options, true);
								else replaceElement(el, options);
							}
						});
						return api;
					};

					api.set = function(option, value) {
						defaultOptions[option] = value;
						return api;
					};

					return api;

				})();

				Cufon.registerEngine('canvas', (function() {

					// Safari 2 doesn't support .apply() on native methods

					var check = document.createElement('canvas');
					if (!check || !check.getContext || !check.getContext.apply) return;
					check = null;

					var HAS_INLINE_BLOCK = Cufon.CSS.supports('display', 'inline-block');

					// Firefox 2 w/ non-strict doctype (almost standards mode)
					var HAS_BROKEN_LINEHEIGHT = !HAS_INLINE_BLOCK && (document.compatMode == 'BackCompat' || /frameset|transitional/i.test(document.doctype.publicId));

					var styleSheet = document.createElement('style');
					styleSheet.type = 'text/css';
					styleSheet.appendChild(document.createTextNode((
		'.cufon-canvas{text-indent:0;}' +
		'@media screen,projection{' +
			'.cufon-canvas{display:inline;display:inline-block;position:relative;vertical-align:middle;' +
			(HAS_BROKEN_LINEHEIGHT
				? ''
				: 'font-size:1px;line-height:1px;') +
			'}.cufon-canvas .cufon-alt{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}' +
			(HAS_INLINE_BLOCK
				? '.cufon-canvas canvas{position:relative;}'
				: '.cufon-canvas canvas{position:absolute;}') +
		'}' +
		'@media print{' +
			'.cufon-canvas{padding:0;}' +
			'.cufon-canvas canvas{display:none;}' +
			'.cufon-canvas .cufon-alt{display:inline;}' +
		'}'
	).replace(/;/g, '!important;')));
					document.getElementsByTagName('head')[0].appendChild(styleSheet);

					function generateFromVML(path, context) {
						var atX = 0, atY = 0;
						var code = [], re = /([mrvxe])([^a-z]*)/g, match;
						generate: for (var i = 0; match = re.exec(path); ++i) {
							var c = match[2].split(',');
							switch (match[1]) {
								case 'v':
									code[i] = { m: 'bezierCurveTo', a: [atX + ~ ~c[0], atY + ~ ~c[1], atX + ~ ~c[2], atY + ~ ~c[3], atX += ~ ~c[4], atY += ~ ~c[5]] };
									break;
								case 'r':
									code[i] = { m: 'lineTo', a: [atX += ~ ~c[0], atY += ~ ~c[1]] };
									break;
								case 'm':
									code[i] = { m: 'moveTo', a: [atX = ~ ~c[0], atY = ~ ~c[1]] };
									break;
								case 'x':
									code[i] = { m: 'closePath' };
									break;
								case 'e':
									break generate;
							}
							context[code[i].m].apply(context, code[i].a);
						}
						return code;
					}

					function interpret(code, context) {
						for (var i = 0, l = code.length; i < l; ++i) {
							var line = code[i];
							context[line.m].apply(context, line.a);
						}
					}

					return function(font, text, style, options, node, el) {

						var redraw = (text === null);

						if (redraw) text = node.alt;

						var viewBox = font.viewBox;

						var size = style.getSize('fontSize', font.baseSize);

						var letterSpacing = style.get('letterSpacing');
						letterSpacing = (letterSpacing == 'normal') ? 0 : size.convertFrom(parseInt(letterSpacing, 10));

						var expandTop = 0, expandRight = 0, expandBottom = 0, expandLeft = 0;
						var shadows = options.textShadow, shadowOffsets = [];
						if (shadows) {
							for (var i = shadows.length; i--; ) {
								var shadow = shadows[i];
								var x = size.convertFrom(parseFloat(shadow.offX));
								var y = size.convertFrom(parseFloat(shadow.offY));
								shadowOffsets[i] = [x, y];
								if (y < expandTop) expandTop = y;
								if (x > expandRight) expandRight = x;
								if (y > expandBottom) expandBottom = y;
								if (x < expandLeft) expandLeft = x;
							}
						}

						var chars = Cufon.CSS.textTransform(text, style).split(''), chr;

						var glyphs = font.glyphs, glyph, kerning, k;
						var width = 0, advance, jumps = [];

						for (var i = 0, j = 0, l = chars.length; i < l; ++i) {
							glyph = glyphs[chr = chars[i]] || font.missingGlyph;
							if (!glyph) continue;
							if (kerning) {
								width -= k = kerning[chr] || 0;
								jumps[j - 1] -= k;
							}
							width += advance = jumps[j++] = ~ ~(glyph.w || font.w) + letterSpacing;
							kerning = glyph.k;
						}

						if (advance === undefined) return null; // there's nothing to render

						expandRight += viewBox.width - advance;
						expandLeft += viewBox.minX;

						var wrapper, canvas;

						if (redraw) {
							wrapper = node;
							canvas = node.firstChild;
						}
						else {
							wrapper = document.createElement('span');
							wrapper.className = 'cufon cufon-canvas';
							wrapper.alt = text;

							canvas = document.createElement('canvas');
							wrapper.appendChild(canvas);

							if (options.printable) {
								var print = document.createElement('span');
								print.className = 'cufon-alt';
								print.appendChild(document.createTextNode(text));
								wrapper.appendChild(print);
							}
						}

						var wStyle = wrapper.style;
						var cStyle = canvas.style;

						var height = size.convert(viewBox.height);
						var roundedHeight = Math.ceil(height);
						var roundingFactor = roundedHeight / height;
						var stretchFactor = roundingFactor * Cufon.CSS.fontStretch(style.get('fontStretch'));
						var stretchedWidth = width * stretchFactor;

						var canvasWidth = Math.ceil(size.convert(stretchedWidth + expandRight - expandLeft));
						var canvasHeight = Math.ceil(size.convert(viewBox.height - expandTop + expandBottom));

						canvas.width = canvasWidth;
						canvas.height = canvasHeight;

						// needed for WebKit and full page zoom
						cStyle.width = canvasWidth + 'px';
						cStyle.height = canvasHeight + 'px';

						// minY has no part in canvas.height
						expandTop += viewBox.minY;

						cStyle.top = Math.round(size.convert(expandTop - font.ascent)) + 'px';
						cStyle.left = Math.round(size.convert(expandLeft)) + 'px';

						var wrapperWidth = Math.ceil(size.convert(stretchedWidth)) + 'px';

						if (HAS_INLINE_BLOCK) {
							wStyle.width = wrapperWidth;
							wStyle.height = size.convert(font.height) + 'px';
						}
						else {
							wStyle.paddingLeft = wrapperWidth;
							wStyle.paddingBottom = (size.convert(font.height) - 1) + 'px';
						}

						var g = canvas.getContext('2d'), scale = height / viewBox.height;

						// proper horizontal scaling is performed later
						g.scale(scale, scale * roundingFactor);
						g.translate(-expandLeft, -expandTop);

						g.lineWidth = font.face['underline-thickness'];

						g.save();

						function line(y, color) {
							g.strokeStyle = color;

							g.beginPath();

							g.moveTo(0, y);
							g.lineTo(width, y);

							g.stroke();
						}

						var textDecoration = options.enableTextDecoration ? Cufon.CSS.textDecoration(el, style) : {};

						if (textDecoration.underline) line(-font.face['underline-position'], textDecoration.underline);
						if (textDecoration.overline) line(font.ascent, textDecoration.overline);

						function renderText() {
							g.scale(stretchFactor, 1);
							for (var i = 0, j = 0, l = chars.length; i < l; ++i) {
								var glyph = glyphs[chars[i]] || font.missingGlyph;
								if (!glyph) continue;
								if (glyph.d) {
									g.beginPath();
									if (glyph.code) interpret(glyph.code, g);
									else glyph.code = generateFromVML('m' + glyph.d, g);
									g.fill();
								}
								g.translate(jumps[j++], 0);
							}
							g.restore();
						}

						if (shadows) {
							for (var i = shadows.length; i--; ) {
								var shadow = shadows[i];
								g.save();
								g.fillStyle = shadow.color;
								g.translate.apply(g, shadowOffsets[i]);
								renderText();
							}
						}

						var gradient = options.textGradient;
						if (gradient) {
							var stops = gradient.stops, fill = g.createLinearGradient(0, viewBox.minY, 0, viewBox.maxY);
							for (var i = 0, l = stops.length; i < l; ++i) {
								fill.addColorStop.apply(fill, stops[i]);
							}
							g.fillStyle = fill;
						}
						else g.fillStyle = style.get('color');

						renderText();

						if (textDecoration['line-through']) line(-font.descent, textDecoration['line-through']);

						return wrapper;

					};

				})());

				Cufon.registerEngine('vml', (function() {

					if (!document.namespaces) return;

					if (document.namespaces.cvml == null) {
						document.namespaces.add('cvml', 'urn:schemas-microsoft-com:vml');
					}

					var check = document.createElement('cvml:shape');
					check.style.behavior = 'url(#default#VML)';
					if (!check.coordsize) return; // VML isn't supported
					check = null;

					var HAS_BROKEN_LINEHEIGHT = (document.documentMode || 0) < 8;

					document.write(('<style type="text/css">' +
		'.cufon-vml-canvas{text-indent:0;}' +
		'@media screen{' +
			'cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}' +
			'.cufon-vml-canvas{position:absolute;text-align:left;}' +
			'.cufon-vml{display:inline-block;position:relative;vertical-align:' +
			(HAS_BROKEN_LINEHEIGHT
				? 'middle'
				: 'text-bottom') +
			';}' +
			'.cufon-vml .cufon-alt{position:absolute;left:-10000in;font-size:1px;}' +
			'a .cufon-vml{cursor:pointer}' + // ignore !important here
		'}' +
		'@media print{' +
			'.cufon-vml *{display:none;}' +
			'.cufon-vml .cufon-alt{display:inline;}' +
		'}' +
	'</style>').replace(/;/g, '!important;'));

					function getFontSizeInPixels(el, value) {
						return getSizeInPixels(el, /(?:em|ex|%)$/i.test(value) ? '1em' : value);
					}

					// Original by Dead Edwards.
					// Combined with getFontSizeInPixels it also works with relative units.
					function getSizeInPixels(el, value) {
						if (/px$/i.test(value)) return parseFloat(value);
						var style = el.style.left, runtimeStyle = el.runtimeStyle.left;
						el.runtimeStyle.left = el.currentStyle.left;
						el.style.left = value.replace('%', 'em');
						var result = el.style.pixelLeft;
						el.style.left = style;
						el.runtimeStyle.left = runtimeStyle;
						return result;
					}

					var fills = {};

					function gradientFill(gradient) {
						var id = gradient.id;
						if (!fills[id]) {
							var stops = gradient.stops, fill = document.createElement('cvml:fill'), colors = [];
							fill.type = 'gradient';
							fill.angle = 180;
							fill.focus = '0';
							fill.method = 'sigma';
							fill.color = stops[0][1];
							for (var j = 1, k = stops.length - 1; j < k; ++j) {
								colors.push(stops[j][0] * 100 + '% ' + stops[j][1]);
							}
							fill.colors = colors.join(',');
							fill.color2 = stops[k][1];
							fills[id] = fill;
						}
						return fills[id];
					}

					return function(font, text, style, options, node, el, hasNext) {

						var redraw = (text === null);

						if (redraw) text = node.alt;

						// @todo word-spacing, text-decoration

						var viewBox = font.viewBox;

						var size = style.computedFontSize || (style.computedFontSize = new Cufon.CSS.Size(getFontSizeInPixels(el, style.get('fontSize')) + 'px', font.baseSize));

						var letterSpacing = style.computedLSpacing;

						if (letterSpacing == undefined) {
							letterSpacing = style.get('letterSpacing');
							style.computedLSpacing = letterSpacing = (letterSpacing == 'normal') ? 0 : ~ ~size.convertFrom(getSizeInPixels(el, letterSpacing));
						}

						var wrapper, canvas;

						if (redraw) {
							wrapper = node;
							canvas = node.firstChild;
						}
						else {
							wrapper = document.createElement('span');
							wrapper.className = 'cufon cufon-vml';
							wrapper.alt = text;

							canvas = document.createElement('span');
							canvas.className = 'cufon-vml-canvas';
							wrapper.appendChild(canvas);

							if (options.printable) {
								var print = document.createElement('span');
								print.className = 'cufon-alt';
								print.appendChild(document.createTextNode(text));
								wrapper.appendChild(print);
							}

							// ie6, for some reason, has trouble rendering the last VML element in the document.
							// we can work around this by injecting a dummy element where needed.
							// @todo find a better solution
							if (!hasNext) wrapper.appendChild(document.createElement('cvml:shape'));
						}

						var wStyle = wrapper.style;
						var cStyle = canvas.style;

						var height = size.convert(viewBox.height), roundedHeight = Math.ceil(height);
						var roundingFactor = roundedHeight / height;
						var stretchFactor = roundingFactor * Cufon.CSS.fontStretch(style.get('fontStretch'));
						var minX = viewBox.minX, minY = viewBox.minY;

						cStyle.height = roundedHeight;
						cStyle.top = Math.round(size.convert(minY - font.ascent));
						cStyle.left = Math.round(size.convert(minX));

						wStyle.height = size.convert(font.height) + 'px';

						var textDecoration = options.enableTextDecoration ? Cufon.CSS.textDecoration(el, style) : {};

						var color = style.get('color');
						var chars = Cufon.CSS.textTransform(text, style).split(''), chr;

						var glyphs = font.glyphs, glyph, kerning, k;
						var width = 0, jumps = [], offsetX = 0, advance;

						var shape, shadows = options.textShadow;

						// pre-calculate width
						for (var i = 0, j = 0, l = chars.length; i < l; ++i) {
							glyph = glyphs[chr = chars[i]] || font.missingGlyph;
							if (!glyph) continue;
							if (kerning) {
								width -= k = kerning[chr] || 0;
								jumps[j - 1] -= k;
							}
							width += advance = jumps[j++] = ~ ~(glyph.w || font.w) + letterSpacing;
							kerning = glyph.k;
						}

						if (advance === undefined) return null;

						var fullWidth = -minX + width + (viewBox.width - advance);

						var shapeWidth = size.convert(fullWidth * stretchFactor), roundedShapeWidth = Math.round(shapeWidth);

						var coordSize = fullWidth + ',' + viewBox.height, coordOrigin;
						var stretch = 'r' + coordSize + 'ns';

						var fill = options.textGradient && gradientFill(options.textGradient);

						for (i = 0, j = 0; i < l; ++i) {

							glyph = glyphs[chars[i]] || font.missingGlyph;
							if (!glyph) continue;

							if (redraw) {
								// some glyphs may be missing so we can't use i
								shape = canvas.childNodes[j];
								while (shape.firstChild) shape.removeChild(shape.firstChild); // shadow, fill
							}
							else {
								shape = document.createElement('cvml:shape');
								canvas.appendChild(shape);
							}

							shape.stroked = 'f';
							shape.coordsize = coordSize;
							shape.coordorigin = coordOrigin = (minX - offsetX) + ',' + minY;
							shape.path = (glyph.d ? 'm' + glyph.d + 'xe' : '') + 'm' + coordOrigin + stretch;
							shape.fillcolor = color;

							if (fill) shape.appendChild(fill.cloneNode(false));

							// it's important to not set top/left or IE8 will grind to a halt
							var sStyle = shape.style;
							sStyle.width = roundedShapeWidth;
							sStyle.height = roundedHeight;

							if (shadows) {
								// due to the limitations of the VML shadow element there
								// can only be two visible shadows. opacity is shared
								// for all shadows.
								var shadow1 = shadows[0], shadow2 = shadows[1];
								var color1 = Cufon.CSS.color(shadow1.color), color2;
								var shadow = document.createElement('cvml:shadow');
								shadow.on = 't';
								shadow.color = color1.color;
								shadow.offset = shadow1.offX + ',' + shadow1.offY;
								if (shadow2) {
									color2 = Cufon.CSS.color(shadow2.color);
									shadow.type = 'double';
									shadow.color2 = color2.color;
									shadow.offset2 = shadow2.offX + ',' + shadow2.offY;
								}
								shadow.opacity = color1.opacity || (color2 && color2.opacity) || 1;
								shape.appendChild(shadow);
							}

							offsetX += jumps[j++];
						}

						// addresses flickering issues on :hover

						var cover = shape.nextSibling, coverFill, vStyle;

						if (options.forceHitArea) {

							if (!cover) {
								cover = document.createElement('cvml:rect');
								cover.stroked = 'f';
								cover.className = 'cufon-vml-cover';
								coverFill = document.createElement('cvml:fill');
								coverFill.opacity = 0;
								cover.appendChild(coverFill);
								canvas.appendChild(cover);
							}

							vStyle = cover.style;

							vStyle.width = roundedShapeWidth;
							vStyle.height = roundedHeight;

						}
						else if (cover) canvas.removeChild(cover);

						wStyle.width = Math.max(Math.ceil(size.convert(width * stretchFactor)), 0);

						if (HAS_BROKEN_LINEHEIGHT) {

							var yAdjust = style.computedYAdjust;

							if (yAdjust === undefined) {
								var lineHeight = style.get('lineHeight');
								if (lineHeight == 'normal') lineHeight = '1em';
								else if (!isNaN(lineHeight)) lineHeight += 'em'; // no unit
								style.computedYAdjust = yAdjust = 0.5 * (getSizeInPixels(el, lineHeight) - parseFloat(wStyle.height));
							}

							if (yAdjust) {
								wStyle.marginTop = Math.ceil(yAdjust) + 'px';
								wStyle.marginBottom = yAdjust + 'px';
							}

						}

						return wrapper;

					};

				})());