/*!

 * Copyright (c) 2010 Simo Kinnunen.

 * Licensed under the MIT license.

 *

 * @version ${Version}

 */



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);

			};



		})(),



		root: function() {

			return document.documentElement || document.body;

		}



	};



	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;

			};



		},



		addClass: function(el, className) {

			var current = el.className;

			el.className = current + (current && ' ') + className;

			return el;

		},



		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;

		}),



		removeClass: function(el, className) {

			var re = RegExp('(?:^|\\s+)' + className +  '(?=\\s|$)', 'g');

			el.className = el.className.replace(re, '');

			return el;

		},



		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;

		},



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

			var map = {

				uppercase: function(s) {

					return s.toUpperCase();

				},

				lowercase: function(s) {

					return s.toLowerCase();

				},

				capitalize: function(s) {

					return s.replace(/(?:^|\s)./g, function($0) {

						return $0.toUpperCase();

					});

				}

			};

			return function(text, style) {

				var transform = map[style.get('textTransform')];

				return transform ? transform(text) : text;

			};

		})(),



		whiteSpace: (function() {

			var ignore = {

				inline: 1,

				'inline-block': 1,

				'run-in': 1

			};

			var wsStart = /^\s+/, wsEnd = /\s+$/;

			return function(text, style, node, previousElement, simple) {

				if (simple) return text.replace(wsStart, '').replace(wsEnd, ''); // @fixme too simple

				if (previousElement) {

					if (previousElement.nodeName.toLowerCase() == 'br') {

						text = text.replace(wsStart, '');

					}

				}

				if (ignore[style.get('display')]) return text;

				if (!node.previousSibling) text = text.replace(wsStart, '');

				if (!node.nextSibling) text = text.replace(wsEnd, '');

				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, wordSeparators = {

			'\u0020': 1,

			'\u00a0': 1,

			'\u3000': 1

		};



		this.glyphs = (function(glyphs) {

			var key, fallbacks = {

				'\u2011': '\u002d',

				'\u00ad': '\u2011'

			};

			for (key in fallbacks) {

				if (!hasOwnProperty(fallbacks, key)) continue;

				if (!glyphs[key]) glyphs[key] = glyphs[fallbacks[key]];

			}

			return 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;



		this.spacing = function(chars, letterSpacing, wordSpacing) {

			var glyphs = this.glyphs, glyph,

				kerning, k,

				jumps = [],

				width = 0, w,

				i = -1, j = -1, chr;

			while (chr = chars[++i]) {

				glyph = glyphs[chr] || this.missingGlyph;

				if (!glyph) continue;

				if (kerning) {

					width -= k = kerning[chr] || 0;

					jumps[j] -= k;

				}

				w = glyph.w;

				if (isNaN(w)) w = +this.w; // may have been a String in old fonts

				if (w > 0) {

					w += letterSpacing;

					if (wordSeparators[chr]) w += wordSpacing;

				}

				width += jumps[++j] = ~~w; // get rid of decimals

				kerning = glyph.k;

			}

			jumps.total = width;

			return jumps;

		};



	}



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

			try {

				if (node.contains) return node.contains(anotherNode);

				return node.compareDocumentPosition(anotherNode) & 16;

			}

			catch(e) {} // probably a XUL element such as a scrollbar

			return false;

		}



		function onOverOut(e) {

			var related = e.relatedTarget;

			// there might be no relatedTarget if the element is right next

			// to the window frame

			if (related && contains(this, related)) return;

			trigger(this, e.type == 'mouseover');

		}



		function onEnterLeave(e) {

			trigger(this, e.type == 'mouseenter');

		}



		function trigger(el, hoverState) {

			// 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() {

				var options = sharedStorage.get(el).options;

				api.replace(el, hoverState ? merge(options, options.hover) : 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) {

		var families = CSS.quotedList(style.get('fontFamily').toLowerCase()), family;

		for (var i = 0; family = families[i]; ++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 = {}, arg, key;

		for (var i = 0, l = arguments.length; arg = arguments[i], i < l; ++i) {

			for (key in arg) {

				if (hasOwnProperty(arg, key)) merged[key] = arg[key];

			}

		}

		return merged;

	}



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

		var fragment = document.createDocumentFragment(), processed;

		if (text === '') return fragment;

		var separate = options.separate;

		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 name = el.nodeName.toLowerCase();

		if (options.ignore[name]) return;

		if (options.onBeforeReplace) options.onBeforeReplace(el, options);

		var replace = !options.textless[name], simple = (options.trim === 'simple');

		var style = CSS.getStyle(attach(el, options)).extend(options);

		// may cause issues if the element contains other elements

		// with larger fontSize, however such cases are rare and can

		// be fixed by using a more specific selector

		if (parseFloat(style.get('fontSize')) === 0) return;

		var font = getFont(el, style), node, type, next, anchor, text, lastElement;

		var isShy = options.softHyphens, anyShy = false, pos, shy, reShy = /\u00ad/g;

		var modifyText = options.modifyText;

		if (!font) return;

		for (node = el.firstChild; node; node = next) {

			type = node.nodeType;

			next = node.nextSibling;

			if (replace && type == 3) {

				if (isShy && el.nodeName.toLowerCase() != TAG_SHY) {

					pos = node.data.indexOf('\u00ad');

					if (pos >= 0) {

						node.splitText(pos);

						next = node.nextSibling;

						next.deleteData(0, 1);

						shy = document.createElement(TAG_SHY);

						shy.appendChild(document.createTextNode('\u00ad'));

						el.insertBefore(shy, next);

						next = shy;

						anyShy = true;

					}

				}

				// Node.normalize() is broken in IE 6, 7, 8

				if (anchor) {

					anchor.appendData(node.data);

					el.removeChild(node);

				}

				else anchor = node;

				if (next) continue;

			}

			if (anchor) {

				text = anchor.data;

				if (!isShy) text = text.replace(reShy, '');

				text = CSS.whiteSpace(text, style, anchor, lastElement, simple);

				// modify text only on the first replace

				if (modifyText) text = modifyText(text, anchor, el, options);

				el.replaceChild(process(font, text, style, options, node, el), anchor);

				anchor = null;

			}

			if (type == 1) {

				if (node.firstChild) {

					if (node.nodeName.toLowerCase() == 'cufon') {

						engines[options.engine](font, null, style, options, node, el);

					}

					else arguments.callee(node, options);

				}

				lastElement = node;

			}

		}

		if (isShy && anyShy) {

			updateShy(el);

			if (!trackingShy) addEvent(window, 'resize', updateShyOnResize);

			trackingShy = true;

		}

		if (options.onAfterReplace) options.onAfterReplace(el, options);

	}



	function updateShy(context) {

		var shys, shy, parent, glue, newGlue, next, prev, i;

		shys = context.getElementsByTagName(TAG_SHY);

		// unfortunately there doesn't seem to be any easy

		// way to avoid having to loop through the shys twice.

		for (i = 0; shy = shys[i]; ++i) {

			shy.className = C_SHY_DISABLED;

			glue = parent = shy.parentNode;

			if (glue.nodeName.toLowerCase() != TAG_GLUE) {

				newGlue = document.createElement(TAG_GLUE);

				newGlue.appendChild(shy.previousSibling);

				parent.insertBefore(newGlue, shy);

				newGlue.appendChild(shy);

			}

			else {

				// get rid of double glue (edge case fix)

				glue = glue.parentNode;

				if (glue.nodeName.toLowerCase() == TAG_GLUE) {

					parent = glue.parentNode;

					while (glue.firstChild) {

						parent.insertBefore(glue.firstChild, glue);

					}

					parent.removeChild(glue);

				}

			}

		}

		for (i = 0; shy = shys[i]; ++i) {

			shy.className = '';

			glue = shy.parentNode;

			parent = glue.parentNode;

			next = glue.nextSibling || parent.nextSibling;

			// make sure we're comparing same types

			prev = (next.nodeName.toLowerCase() == TAG_GLUE) ? glue : shy.previousSibling;

			if (prev.offsetTop >= next.offsetTop) {

				shy.className = C_SHY_DISABLED;

				if (prev.offsetTop < next.offsetTop) {

					// we have an annoying edge case, double the glue

					newGlue = document.createElement(TAG_GLUE);

					parent.insertBefore(newGlue, glue);

					newGlue.appendChild(glue);

					newGlue.appendChild(next);

				}

			}

		}

	}



	function updateShyOnResize() {

		if (ignoreResize) return; // needed for IE

		CSS.addClass(DOM.root(), C_VIEWPORT_RESIZING);

		clearTimeout(shyTimer);

		shyTimer = setTimeout(function() {

			ignoreResize = true;

			CSS.removeClass(DOM.root(), C_VIEWPORT_RESIZING);

			updateShy(document);

			ignoreResize = false;

		}, 100);

	}



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

	var TAG_GLUE = 'cufonglue';

	var TAG_SHY = 'cufonshy';

	var C_SHY_DISABLED = 'cufon-shy-disabled';

	var C_VIEWPORT_RESIZING = 'cufon-viewport-resizing';



	var sharedStorage = new Storage();

	var hoverHandler = new HoverHandler();

	var replaceHistory = new ReplaceHistory();

	var initialized = false;

	var trackingShy = false;

	var shyTimer;

	var ignoreResize = false;



	var engines = {}, fonts = {}, defaultOptions = {

		autoDetect: false,

		engine: null,

		//fontScale: 1,

		//fontScaling: false,

		forceHitArea: false,

		hover: false,

		hoverables: {

			a: true

		},

		ignore: {

			applet: 1,

			canvas: 1,

			col: 1,

			colgroup: 1,

			head: 1,

			iframe: 1,

			map: 1,

			noscript: 1,

			optgroup: 1,

			option: 1,

			script: 1,

			select: 1,

			style: 1,

			textarea: 1,

			title: 1,

			pre: 1

		},

		modifyText: null,

		onAfterReplace: null,

		onBeforeReplace: null,

		printable: true,

		//rotation: 0,

		//selectable: false,

		selector: (

				window.Sizzle

			||	(window.jQuery && function(query) { return jQuery(query); }) // avoid noConflict issues

			||	(window.dojo && dojo.query)

			||	(window.glow && glow.dom && glow.dom.get)

			||	(window.Ext && Ext.query)

			||	(window.YAHOO && YAHOO.util && YAHOO.util.Selector && YAHOO.util.Selector.query)

			||	(window.$$ && function(query) { return $$(query); })

			||	(window.$ && function(query) { return $(query); })

			||	(document.querySelectorAll && function(query) { return document.querySelectorAll(query); })

			||	elementsByTagName

		),

		separate: 'words', // 'none' and 'characters' are also accepted

		softHyphens: true,

		textless: {

			dl: 1,

			html: 1,

			ol: 1,

			table: 1,

			tbody: 1,

			thead: 1,

			tfoot: 1,

			tr: 1,

			ul: 1

		},

		textShadow: 'none',

		trim: 'advanced'

	};



	var separators = {

		// The first pattern may cause unicode characters above

		// code point 255 to be removed in Safari 3.0. Luckily enough

		// Safari 3.0 does not include non-breaking spaces in \s, so

		// we can just use a simple alternative pattern.

		words: /\s/.test('\u00a0') ? /[^\S\u00a0]+/ : /\s+/,

		characters: '',

		none: /^/

	};



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

		if (!data) return api;

		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 (!initialized) {

			CSS.addClass(DOM.root(), 'cufon-active cufon-loading');

			CSS.ready(function() {

				// fires before any replace() calls, but it doesn't really matter

				CSS.addClass(CSS.removeClass(DOM.root(), 'cufon-loading'), 'cufon-ready');

			});

			initialized = true;

		}

		if (options.hover) options.forceHitArea = true;

		if (options.autoDetect) delete options.fontFamily;

		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);

		}

		else delete options.textGradient;

		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('vml', (function() {



	var ns = document.namespaces;

	if (!ns) return;

	ns.add('cvml', 'urn:schemas-microsoft-com:vml');

	ns = null;



	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">' +

		'cufoncanvas{text-indent:0;}' +

		'@media screen{' +

			'cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}' +

			'cufoncanvas{position:absolute;text-align:left;}' +

			'cufon{display:inline-block;position:relative;vertical-align:' +

			(HAS_BROKEN_LINEHEIGHT

				? 'middle'

				: 'text-bottom') +

			';}' +

			'cufon cufontext{position:absolute;left:-10000in;font-size:1px;text-align:left;}' +

			'cufonshy.cufon-shy-disabled,.cufon-viewport-resizing cufonshy{display:none;}' +

			'cufonglue{white-space:nowrap;display:inline-block;}' +

			'.cufon-viewport-resizing cufonglue{white-space:normal;}' +

			'a cufon{cursor:pointer}' + // ignore !important here

		'}' +

		'@media print{' +

			'cufon cufoncanvas{display:none;}' +

		'}' +

	'</style>').replace(/;/g, '!important;'));



	function getFontSizeInPixels(el, value) {

		return getSizeInPixels(el, /(?:em|ex|%)$|^[a-z-]+$/i.test(value) ? '1em' : value);

	}



	// Original by Dead Edwards.

	// Combined with getFontSizeInPixels it also works with relative units.

	function getSizeInPixels(el, value) {

		if (!isNaN(value) || /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;

	}



	function getSpacingValue(el, style, size, property) {

		var key = 'computed' + property, value = style[key];

		if (isNaN(value)) {

			value = style.get(property);

			style[key] = value = (value == 'normal') ? 0 : ~~size.convertFrom(getSizeInPixels(el, value));

		}

		return value;

	}



	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 = 'none';

			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;



		var viewBox = font.viewBox;



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



		var wrapper, canvas;



		if (redraw) {

			wrapper = node;

			canvas = node.firstChild;

		}

		else {

			wrapper = document.createElement('cufon');

			wrapper.className = 'cufon cufon-vml';

			wrapper.alt = text;



			canvas = document.createElement('cufoncanvas');

			wrapper.appendChild(canvas);



			if (options.printable) {

				var print = document.createElement('cufontext');

				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 color = style.get('color');

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



		var jumps = font.spacing(chars,

			getSpacingValue(el, style, size, 'letterSpacing'),

			getSpacingValue(el, style, size, 'wordSpacing')

		);



		if (!jumps.length) return null;



		var width = jumps.total;

		var fullWidth = -minX + width + (viewBox.width - jumps[jumps.length - 1]);



		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);



		var glyphs = font.glyphs, offsetX = 0;

		var shadows = options.textShadow;

		var i = -1, j = 0, chr;



		while (chr = chars[++i]) {



			var glyph = glyphs[chars[i]] || font.missingGlyph, shape;

			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;



	};



})());



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{text-indent:0;}' +

		'@media screen,projection{' +

			'cufon{display:inline;display:inline-block;position:relative;vertical-align:middle;' +

			(HAS_BROKEN_LINEHEIGHT

				? ''

				: 'font-size:1px;line-height:1px;') +

			'}cufon cufontext{display:-moz-inline-box;display:inline-block;width:0;height:0;text-align:left;text-indent:-10000in;}' +

			(HAS_INLINE_BLOCK

				? 'cufon canvas{position:relative;}'

				: 'cufon canvas{position:absolute;}') +

			'cufonshy.cufon-shy-disabled,.cufon-viewport-resizing cufonshy{display:none;}' +

			'cufonglue{white-space:nowrap;display:inline-block;}' +

			'.cufon-viewport-resizing cufonglue{white-space:normal;}' +

		'}' +

		'@media print{' +

			'cufon{padding:0;}' + // Firefox 2

			'cufon canvas{display:none;}' +

		'}'

	).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.getAttribute('alt');



		var viewBox = font.viewBox;



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



		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('');



		var jumps = font.spacing(chars,

			~~size.convertFrom(parseFloat(style.get('letterSpacing')) || 0),

			~~size.convertFrom(parseFloat(style.get('wordSpacing')) || 0)

		);



		if (!jumps.length) return null; // there's nothing to render



		var width = jumps.total;



		expandRight += viewBox.width - jumps[jumps.length - 1];

		expandLeft += viewBox.minX;



		var wrapper, canvas;



		if (redraw) {

			wrapper = node;

			canvas = node.firstChild;

		}

		else {

			wrapper = document.createElement('cufon');

			wrapper.className = 'cufon cufon-canvas';

			wrapper.setAttribute('alt', text);



			canvas = document.createElement('canvas');

			wrapper.appendChild(canvas);



			if (options.printable) {

				var print = document.createElement('cufontext');

				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.max(Math.ceil(size.convert(stretchedWidth)), 0) + '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.save();



		function renderText() {

			var glyphs = font.glyphs, glyph, i = -1, j = -1, chr;

			g.scale(stretchFactor, 1);

			while (chr = chars[++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();



		return wrapper;



	};



})());