/**
* Passion du sport
* Production Vic Pelletiers, tous droits r�serv�es
* Avril 2009
**/
(function($){
$.extend($.fx.step,{
backgroundPosition: function(fx){
if(fx.state=== 0 && typeof fx.end=='string' ){
var start= $.curCSS(fx.elem,'backgroundPosition');
start= toArray(start);
fx.start=[start[0],start[2]];
var end= toArray(fx.end);
fx.end=[end[0],end[2]];
fx.unit=[end[1],end[3]];}
var nowPosX=[];
nowPosX[0]=((fx.end[0]- fx.start[0]) * fx.pos)+ fx.start[0]+ fx.unit[0];
nowPosX[1]=((fx.end[1]- fx.start[1]) * fx.pos)+ fx.start[1]+ fx.unit[1];
fx.elem.style.backgroundPosition= nowPosX[0]+' '+nowPosX[1];
function toArray(strg){
strg= strg.replace(/left|top/g,'0px');
strg= strg.replace(/right|bottom/g,'100%');
strg= strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
var res= strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
return[parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];}}});})(jQuery);
jQuery.easing['jswing']= jQuery.easing['swing'];
jQuery.extend( jQuery.easing,{
def:'easeOutQuad' ,
swing: function(x, t, b, c, d){
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);},
easeInQuad: function(x, t, b, c, d){
return c*(t/=d)*t+ b;},
easeOutQuad: function(x, t, b, c, d){
return-c *(t/=d)*(t-2)+ b;},
easeInOutQuad: function(x, t, b, c, d){
if((t/=d/2)< 1) return c/2*t*t+ b;
return-c/2 *((--t)*(t-2)- 1)+ b;},
easeInCubic: function(x, t, b, c, d){
return c*(t/=d)*t*t+ b;},
easeOutCubic: function(x, t, b, c, d){
return c*((t=t/d-1)*t*t+ 1)+ b;},
easeInOutCubic: function(x, t, b, c, d){
if((t/=d/2)< 1) return c/2*t*t*t+ b;
return c/2*((t-=2)*t*t+ 2)+ b;},
easeInQuart: function(x, t, b, c, d){
return c*(t/=d)*t*t*t+ b;},
easeOutQuart: function(x, t, b, c, d){
return-c *((t=t/d-1)*t*t*t- 1)+ b;},
easeInOutQuart: function(x, t, b, c, d){
if((t/=d/2)< 1) return c/2*t*t*t*t+ b;
return-c/2 *((t-=2)*t*t*t- 2)+ b;},
easeInQuint: function(x, t, b, c, d){
return c*(t/=d)*t*t*t*t+ b;},
easeOutQuint: function(x, t, b, c, d){
return c*((t=t/d-1)*t*t*t*t+ 1)+ b;},
easeInOutQuint: function(x, t, b, c, d){
if((t/=d/2)< 1) return c/2*t*t*t*t*t+ b;
return c/2*((t-=2)*t*t*t*t+ 2)+ b;},
easeInSine: function(x, t, b, c, d){
return-c * Math.cos(t/d *(Math.PI/2))+ c+ b;},
easeOutSine: function(x, t, b, c, d){
return c * Math.sin(t/d *(Math.PI/2))+ b;},
easeInOutSine: function(x, t, b, c, d){
return-c/2 *(Math.cos(Math.PI*t/d)- 1)+ b;},
easeInExpo: function(x, t, b, c, d){
return(t==0) ? b : c * Math.pow(2, 10 *(t/d- 1))+ b;},
easeOutExpo: function(x, t, b, c, d){
return(t==d) ? b+c : c *(-Math.pow(2,-10 * t/d)+ 1)+ b;},
easeInOutExpo: function(x, t, b, c, d){
if(t==0) return b;
if(t==d) return b+c;
if((t/=d/2)< 1) return c/2 * Math.pow(2, 10 *(t- 1))+ b;
return c/2 *(-Math.pow(2,-10 *--t)+ 2)+ b;},
easeInCirc: function(x, t, b, c, d){
return-c *(Math.sqrt(1-(t/=d)*t)- 1)+ b;},
easeOutCirc: function(x, t, b, c, d){
return c * Math.sqrt(1-(t=t/d-1)*t)+ b;},
easeInOutCirc: function(x, t, b, c, d){
if((t/=d/2)< 1) return-c/2 *(Math.sqrt(1- t*t)- 1)+ b;
return c/2 *(Math.sqrt(1-(t-=2)*t)+ 1)+ b;},
easeInElastic: function(x, t, b, c, d){
var s=1.70158;var p=0;var a=c;
if(t==0) return b; if((t/=d)==1) return b+c; if(!p) p=d*.3;
if(a< Math.abs(c)){ a=c; var s=p/4;}
else var s= p/(2*Math.PI) * Math.asin(c/a);
return-(a*Math.pow(2,10*(t-=1)) * Math.sin((t*d-s)*(2*Math.PI)/p ))+ b;},
easeOutElastic: function(x, t, b, c, d){
var s=1.70158;var p=0;var a=c;
if(t==0) return b; if((t/=d)==1) return b+c; if(!p) p=d*.3;
if(a< Math.abs(c)){ a=c; var s=p/4;}
else var s= p/(2*Math.PI) * Math.asin(c/a);
return a*Math.pow(2,-10*t) * Math.sin((t*d-s)*(2*Math.PI)/p )+ c+ b;},
easeInOutElastic: function(x, t, b, c, d){
var s=1.70158;var p=0;var a=c;
if(t==0) return b; if((t/=d/2)==2) return b+c; if(!p) p=d*(.3*1.5);
if(a< Math.abs(c)){ a=c; var s=p/4;}
else var s= p/(2*Math.PI) * Math.asin(c/a);
if(t< 1) return-.5*(a*Math.pow(2,10*(t-=1)) * Math.sin((t*d-s)*(2*Math.PI)/p ))+ b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin((t*d-s)*(2*Math.PI)/p )*.5+ c+ b;},
easeInBack: function(x, t, b, c, d, s){
if(s== undefined) s= 1.70158;
return c*(t/=d)*t*((s+1)*t- s)+ b;},
easeOutBack: function(x, t, b, c, d, s){
if(s== undefined) s= 1.70158;
return c*((t=t/d-1)*t*((s+1)*t+ s)+ 1)+ b;},
easeInOutBack: function(x, t, b, c, d, s){
if(s== undefined) s= 1.70158;
if((t/=d/2)< 1) return c/2*(t*t*(((s*=(1.525))+1)*t- s))+ b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+ s)+ 2)+ b;},
easeInBounce: function(x, t, b, c, d){
return c- jQuery.easing.easeOutBounce(x, d-t, 0, c, d)+ b;},
easeOutBounce: function(x, t, b, c, d){
if((t/=d)<(1/2.75)){
return c*(7.5625*t*t)+ b;} else if(t<(2/2.75)){
return c*(7.5625*(t-=(1.5/2.75))*t+.75)+ b;} else if(t<(2.5/2.75)){
return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+ b;} else{
return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+ b;}},
easeInOutBounce: function(x, t, b, c, d){
if(t< d/2) return jQuery.easing.easeInBounce(x, t*2, 0, c, d) *.5+ b;
return jQuery.easing.easeOutBounce(x, t*2-d, 0, c, d) *.5+ c*.5+ b;}});
/*
* jQuery ifixpng plugin
* (previously known as pngfix)
* Version 3.1.2 (2008/09/01)
* @requires jQuery v1.2.6 or above, or a lower version with the dimensions plugin
*
* Based on the plugin by Kush M., http://jquery.khurshid.com
*
* Background position Fixed
* Also fixes non-visible images
* (c) Copyright Yereth Jansen (yereth@yereth.nl)
* personal website: http://www.yereth.nl
* Company website: http://www.wharf.nl
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* For a demonstration of the background-position being fixed:
* http://www.yereth.nl/bgpos.html
*
* Plugin page:
* http://plugins.jquery.com/project/iFixPng2
*
*/
/**
*
* @example
*
* optional if location of pixel.gif if different to default which is images/pixel.gif
* $.ifixpng('media/pixel.gif');
*
* $('img[@src$=.png], #panel').ifixpng();
*
* @apply hack to all png images and #panel which icluded png img in its css
*
* @name ifixpng
* @type jQuery
* @cat Plugins/Image
* @return jQuery
* @author jQuery Community
*/
;(function($) {
/**
* helper variables and function
*/
$.ifixpng = function(customPixel) {
$.ifixpng.pixel = customPixel;
};
$.ifixpng.regexp = {
bg: /^url\(["']?(.*\.png([?].*)?)["']?\)$/i,
img: /.*\.png([?].*)?$/i
},
$.ifixpng.getPixel = function() {
return $.ifixpng.pixel || '/images/pixel.gif';
};
var hack = {
base : $('base').attr('href'),
ltie7 : $.browser.msie && $.browser.version < 7,
filter : function(src) {
return "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='"+src+"')";
}
};
/**
* Applies ie png hack to selected dom elements
*
* $('img[@src$=.png]').ifixpng();
* @desc apply hack to all images with png extensions
*
* $('#panel, img[@src$=.png]').ifixpng();
* @desc apply hack to element #panel and all images with png extensions
*
* @name ifixpng
*/
$.fn.ifixpng = hack.ltie7 ? function() {
function fixImage(image, source, width, height, hidden) {
image.css({filter:hack.filter(source), width: width, height: height})
.attr({src:$.ifixpng.getPixel()})
.positionFix();
}
return this.each(function() {
var $$ = $(this);
if ($$.is('img') || $$.is('input')) { // hack image tags present in dom
var source, img;
if (this.src && this.src.match($.ifixpng.regexp.img)) { // make sure it is png image
// use source tag value if set
source = (hack.base && this.src.substring(0,1)!='/' && this.src.indexOf(hack.base) === -1) ? hack.base + this.src : this.src;
// If the width is not set, we have a problem; the image is not probably visible or not loaded
// and we need a work around.
if (!this.width || !this.height) {
$(new Image()).one('load', function() {
fixImage($$, source, this.width, this.height);
$(this).remove();
}).attr('src', source);
// If the image already has dimensions (it's loaded and visible) we can fix it straight away.
} else fixImage($$, source, this.width, this.height);
}
} else if (this.style) { // hack png css properties present inside css
var imageSrc = $$.css('backgroundImage');
// Background repeated images we cannot fix unfortunately
if (imageSrc && imageSrc.match($.ifixpng.regexp.bg) && this.currentStyle.backgroundRepeat == 'no-repeat') {
imageSrc = RegExp.$1;
var x = this.currentStyle.backgroundPositionX || 0, y = this.currentStyle.backgroundPositionY || 0;
if (x || y) {
var css = {}, img;
if (typeof x != 'undefined') {
if (x == 'left') css.left = 0;
// if right is 0, we have to check if the parent has an odd width, because of an IE bug
else if (x == 'right') css.right = $$.width() % 2 === 1 ? -1 : 0;
else css.left = x;
}
if (typeof y != 'undefined') {
// if bottom is 0, we have to check if the parent has an odd height, because of an IE bug
if (y == 'bottom') css.bottom = $$.height() % 2 === 1 ? -1 : 0;
else if (y == 'top') css.top = 0;
else css.top = y;
}
img = new Image();
$(img).one('load', function() {
var x,y, expr = {}, prop;
// Now the image is loaded for sure, we can see if the background position needs fixing with an expression (in case of percentages)
if (/center|%/.test(css.top)) {
expr.top = "(this.parentNode.offsetHeight - this.offsetHeight) * " + (css.top == 'center' ? 0.5 : (parseInt(css.top) / 100));
delete css.top;
}
if (/center|%/.test(css.left)) {
expr.left = "(this.parentNode.offsetWidth - this.offsetWidth) * " + (css.left == 'center' ? 0.5 : (parseInt(css.left) / 100));
delete css.left;
}
// Let's add the helper DIV which will simulate the background image
$$.positionFix().css({backgroundImage: 'none'}).prepend(
$('').css(css).css({
width: this.width,
height: this.height,
position: 'absolute',
filter: hack.filter(imageSrc)
})
);
if (expr.top || expr.left) {
var elem = $$.children(':first')[0];
for (prop in expr) elem.style.setExpression(prop, expr[prop], 'JavaScript');
}
$(this).remove();
});
img.src = imageSrc;
} else {
$$.css({backgroundImage: 'none', filter:hack.filter(imageSrc)});
}
}
}
});
} : function() { return this; };
/**
* positions selected item relatively
*/
$.fn.positionFix = function() {
return this.each(function() {
var $$ = $(this);
if ($$.css('position') != 'absolute') $$.css({position:'relative'});
});
};
})(jQuery);
/*
(c) Copyrights 2007 - 2008
Original idea by by Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
jQuery Plugin by Tzury Bar Yochay
tzury.by@gmail.com
http://evalinux.wordpress.com
http://facebook.com/profile.php?id=513676303
Project's sites:
http://code.google.com/p/js-hotkeys/
http://github.com/tzuryby/hotkeys/tree/master
License: same as jQuery license.
USAGE:
// simple usage
$(document).bind('keydown', 'Ctrl+c', function(){ alert('copy anyone?');});
// special options such as disableInIput
$(document).bind('keydown', {combi:'Ctrl+x', disableInInput: true} , function() {});
Note:
This plugin wraps the following jQuery methods: $.fn.find, $.fn.bind and $.fn.unbind
*/
(function (jQuery){
// keep reference to the original $.fn.bind and $.fn.unbind
jQuery.fn.__bind__ = jQuery.fn.bind;
jQuery.fn.__unbind__ = jQuery.fn.unbind;
jQuery.fn.__find__ = jQuery.fn.find;
var hotkeys = {
version: '0.7.8',
override: /keydown|keypress|keyup/g,
triggersMap: {},
specialKeys: { 27: 'esc', 9: 'tab', 32:'space', 13: 'return', 8:'backspace', 145: 'scroll',
20: 'capslock', 144: 'numlock', 19:'pause', 45:'insert', 36:'home', 46:'del',
35:'end', 33: 'pageup', 34:'pagedown', 37:'left', 38:'up', 39:'right',40:'down',
112:'f1',113:'f2', 114:'f3', 115:'f4', 116:'f5', 117:'f6', 118:'f7', 119:'f8',
120:'f9', 121:'f10', 122:'f11', 123:'f12' },
shiftNums: { "`":"~", "1":"!", "2":"@", "3":"#", "4":"$", "5":"%", "6":"^", "7":"&",
"8":"*", "9":"(", "0":")", "-":"_", "=":"+", ";":":", "'":"\"", ",":"<",
".":">", "/":"?", "\\":"|" },
newTrigger: function (type, combi, callback) {
// i.e. {'keyup': {'ctrl': {cb: callback, disableInInput: false}}}
var result = {};
result[type] = {};
result[type][combi] = {cb: callback, disableInInput: false};
return result;
}
};
// add firefox num pad char codes
if (jQuery.browser.mozilla){
hotkeys.specialKeys = jQuery.extend(hotkeys.specialKeys, { 96: '0', 97:'1', 98: '2', 99:
'3', 100: '4', 101: '5', 102: '6', 103: '7', 104: '8', 105: '9' });
}
// a wrapper around of $.fn.find
// see more at: http://groups.google.com/group/jquery-en/browse_thread/thread/18f9825e8d22f18d
jQuery.fn.find = function( selector ) {
this.query=selector;
return jQuery.fn.__find__.apply(this, arguments);
};
jQuery.fn.unbind = function (type, combi, fn){
if (jQuery.isFunction(combi)){
fn = combi;
combi = null;
}
if (combi && typeof combi === 'string'){
var selectorId = ((this.prevObject && this.prevObject.query) || (this[0].id && this[0].id) || this[0]).toString();
var hkTypes = type.split(' ');
for (var x=0; x";
},
error: function(message) {
var typefaceConsole = document.getElementById('typeface-console');
if (typefaceConsole)
typefaceConsole.innerHTML += 'ERROR: ' + message + "
";
}
},
pixelsFromPoints: function(face, style, points, dimension) {
var pixels = points * parseInt(style.fontSize) * 72 / (face.resolution * 100);
if (dimension == 'horizontal' && style.fontStretchPercent) {
pixels *= style.fontStretchPercent;
}
return pixels;
},
pointsFromPixels: function(face, style, pixels, dimension) {
var points = pixels * face.resolution / (parseInt(style.fontSize) * 72 / 100);
if (dimension == 'horizontal' && style.fontStretchPrecent) {
points *= style.fontStretchPercent;
}
return points;
},
cssFontWeightMap: {
normal: 'normal',
bold: 'bold',
400: 'normal',
700: 'bold'
},
cssFontStretchMap: {
'ultra-condensed': 0.55,
'extra-condensed': 0.77,
'condensed': 0.85,
'semi-condensed': 0.93,
'normal': 1,
'semi-expanded': 1.07,
'expanded': 1.15,
'extra-expanded': 1.23,
'ultra-expanded': 1.45,
'default': 1
},
fallbackCharacter: '.',
getTextExtents: function(face, style, text) {
var extentX = 0;
var extentY = 0;
var horizontalAdvance;
for (var i = 0; i < text.length; i++) {
var glyph = face.glyphs[text.charAt(i)] ? face.glyphs[text.charAt(i)] : face.glyphs[this.fallbackCharacter];
var letterSpacingAdjustment = this.pointsFromPixels(face, style, style.letterSpacing);
extentX += Math.max(glyph.ha, glyph.x_max) + letterSpacingAdjustment;
horizontalAdvance += glyph.ha + letterSpacingAdjustment;
}
return {
x: extentX,
y: extentY,
ha: horizontalAdvance
};
},
pixelsFromCssAmount: function(cssAmount, defaultValue) {
var matches = undefined;
if (cssAmount == 'normal') {
return defaultValue;
} else if (matches = cssAmount.match(/([\-\d+\.]+)px/)) {
return matches[1];
} else if (matches = cssAmount.match(/([\-\d\.]+)pt/)) {
return matches[1] * 100 / 75;
} else {
return defaultValue;
}
},
getRenderedText: function(e) {
var browserStyle = window.getComputedStyle ?
document.defaultView.getComputedStyle(e.parentNode, '') :
e.parentNode.currentStyle ?
e.parentNode.currentStyle :
{ color: '#ff0000', fontSize: 12, fontFamily: 'arial' };
var inlineStyleAttribute = e.parentNode.getAttribute('style');
if (inlineStyleAttribute && typeof(inlineStyleAttribute) == 'object') {
inlineStyleAttribute = inlineStyleAttribute.cssText;
}
if (inlineStyleAttribute) {
var inlineStyleDeclarations = inlineStyleAttribute.split(/\s*\;\s*/);
var inlineStyle = {};
for (var i = 0; i < inlineStyleDeclarations.length; i++) {
var declaration = inlineStyleDeclarations[i];
var declarationOperands = declaration.split(/\s*\:\s*/);
inlineStyle[declarationOperands[0]] = declarationOperands[1];
}
}
var style = {
color: browserStyle.color,
fontFamily: browserStyle.fontFamily.split(/\s*,\s*/)[0].replace(/(^"|^'|'$|"$)/g, '').toLowerCase(),
fontSize: this.pixelsFromCssAmount(browserStyle.fontSize, 12),
fontWeight: this.cssFontWeightMap[browserStyle.fontWeight],
fontStyle: browserStyle.fontStyle ? browserStyle.fontStyle : 'normal',
fontStretchPercent: this.cssFontStretchMap[inlineStyle && inlineStyle['font-stretch'] ? inlineStyle['font-stretch'] : 'default'],
textDecoration: browserStyle.textDecoration,
lineHeight: this.pixelsFromCssAmount(browserStyle.lineHeight, 'normal'),
letterSpacing: this.pixelsFromCssAmount(browserStyle.letterSpacing, 0)
};
var face;
if (
this.faces[style.fontFamily] &&
this.faces[style.fontFamily][style.fontWeight]
) {
face = this.faces[style.fontFamily][style.fontWeight][style.fontStyle];
}
if (!face) {
return;
}
var text = e.nodeValue.replace(/(?:^\s+|\s+$)/g, '');
text = text.replace(/\s+/g, ' ');
var words = text.split(/\s/);
var containerSpan = document.createElement('span');
for (var i = 0; i < words.length; i++) {
var word = words[i];
var delimiter = i == words.length - 1 ? '' : ' ';
var vectorElement = this.renderWord(face, style, word + delimiter);
if (vectorElement)
containerSpan.appendChild(vectorElement);
}
return containerSpan;
},
renderDocument: function(callback) { // args: onComplete
if (this.renderDocumentLock)
return;
this.renderDocumentLock = true;
if (!callback)
callback = function(e) { e.style.visibility = 'visible' };
var elements = document.getElementsByTagName('*');
var elementsLength = elements.length;
for (var i = 0; i < elements.length; i++) {
if (elements[i].className.match(/(^|\s)typeface-js(\s|$)/) || elements[i].tagName.match(/^(H1|H2|H3|H4|H5|H6)$/)) {
this.replaceText(elements[i]);
if (typeof callback == 'function') {
callback(elements[i]);
}
}
}
},
replaceText: function(e) {
if (e.hasChildNodes()) {
var childNodes = [];
for (var i = 0; i < e.childNodes.length; i++) {
childNodes[i] = e.childNodes[i];
}
for (var i = 0; i < childNodes.length; i++) {
this.replaceText(childNodes[i]);
}
}
if (e.nodeType == 3 && e.nodeValue.match(/\S/)) {
var parentNode = e.parentNode;
var renderedText = this.getRenderedText(e);
if (renderedText) {
parentNode.insertBefore(renderedText, e);
parentNode.removeChild(e);
}
}
},
applyElementVerticalMetrics: function(face, style, e) {
var boundingBoxAdjustmentTop = this.pixelsFromPoints(face, style, face.ascender - Math.max(face.boundingBox.yMax, face.ascender));
var boundingBoxAdjustmentBottom = this.pixelsFromPoints(face, style, Math.min(face.boundingBox.yMin, face.descender) - face.descender);
var cssLineHeightAdjustment = 0;
if (style.lineHeight != 'normal') {
cssLineHeightAdjustment = style.lineHeight - this.pixelsFromPoints(face, style, face.lineHeight);
}
var marginTop = Math.round(boundingBoxAdjustmentTop + cssLineHeightAdjustment / 2);
var marginBottom = Math.round(boundingBoxAdjustmentBottom + cssLineHeightAdjustment / 2);
e.style.marginTop = marginTop + 'px';
e.style.marginBottom = marginBottom + 'px';
},
vectorBackends: {
canvas: {
_initializeSurface: function(face, style, text) {
var extents = this.getTextExtents(face, style, text);
var canvas = document.createElement('canvas');
canvas.innerHTML = text;
this.applyElementVerticalMetrics(face, style, canvas);
canvas.height = Math.round(this.pixelsFromPoints(face, style, face.lineHeight));
canvas.width = Math.round(this.pixelsFromPoints(face, style, extents.x, 'horizontal'));
if (extents.x > extents.ha)
canvas.style.marginRight = Math.round(this.pixelsFromPoints(face, style, extents.x - extents.ha, 'horizontal')) + 'px';
var ctx = canvas.getContext('2d');
var pointScale = this.pixelsFromPoints(face, style, 1);
ctx.scale(pointScale * style.fontStretchPercent, -1 * pointScale);
ctx.translate(0, -1 * face.ascender);
ctx.fillStyle = style.color;
return { context: ctx, canvas: canvas };
},
_renderGlyph: function(ctx, face, char, style) {
var glyph = face.glyphs[char];
if (!glyph) {
//this.log.error("glyph not defined: " + char);
return this.renderGlyph(ctx, face, this.fallbackCharacter, style);
}
if (glyph.o) {
var outline;
if (glyph.cached_outline) {
outline = glyph.cached_outline;
} else {
outline = glyph.o.split(' ');
glyph.cached_outline = outline;
}
for (var i = 0; i < outline.length; ) {
var action = outline[i++];
switch(action) {
case 'm':
ctx.moveTo(outline[i++], outline[i++]);
break;
case 'l':
ctx.lineTo(outline[i++], outline[i++]);
break;
case 'q':
var cpx = outline[i++];
var cpy = outline[i++];
ctx.quadraticCurveTo(outline[i++], outline[i++], cpx, cpy);
break;
}
}
}
if (glyph.ha) {
var letterSpacingPoints =
style.letterSpacing && style.letterSpacing != 'normal' ?
this.pointsFromPixels(face, style, style.letterSpacing) :
0;
ctx.translate(glyph.ha + letterSpacingPoints, 0);
}
},
_renderWord: function(face, style, text) {
var surface = this.initializeSurface(face, style, text);
var ctx = surface.context;
var canvas = surface.canvas;
ctx.beginPath();
ctx.save();
var chars = text.split('');
for (var i = 0; i < chars.length; i++) {
var char = chars[i];
try {
this.renderGlyph(ctx, face, char, style);
} catch (e) {
}
}
ctx.fill();
if (style.textDecoration == 'underline') {
ctx.beginPath();
ctx.moveTo(0, face.underlinePosition);
ctx.restore();
ctx.lineTo(0, face.underlinePosition);
ctx.strokeStyle = style.color;
ctx.lineWidth = face.underlineThickness;
ctx.stroke();
}
return ctx.canvas;
}
},
vml: {
_initializeSurface: function(face, style, text) {
var shape = document.createElement('v:shape');
var extents = this.getTextExtents(face, style, text);
shape.style.width = style.fontSize + 'px';
shape.style.height = style.fontSize + 'px';
if (extents.x > extents.ha) {
shape.style.marginRight = this.pixelsFromPoints(face, style, extents.x - extents.ha, 'horizontal') + 'px';
}
this.applyElementVerticalMetrics(face, style, shape);
shape.coordsize = (face.resolution * 100 / style.fontStretchPercent / 72 ) + "," + (face.resolution * 100 / 72);
shape.coordorigin = '0,' + face.ascender;
shape.style.flip = 'y';
shape.fillColor = style.color;
shape.stroked = false;
shape.path = 'hh m 0,' + face.ascender + ' l 0,' + face.descender + ' ';
return shape;
},
_renderGlyph: function(shape, face, char, offsetX, style) {
var glyph = face.glyphs[char];
if (!glyph) {
//this.log.error("glyph not defined: " + char);
this.renderGlyph(shape, face, this.fallbackCharacter, offsetX, style);
}
var vmlSegments = [];
if (glyph.o) {
var outline;
if (glyph.cached_outline) {
outline = glyph.cached_outline;
} else {
outline = glyph.o.split(' ');
glyph.cached_outline = outline;
}
var prevAction, prevX, prevY;
var i;
for (i = 0; i < outline.length;) {
var action = outline[i++];
var vmlSegment = '';
var x = Math.round(outline[i++]) + offsetX;
var y = Math.round(outline[i++]);
switch(action) {
case 'm':
vmlSegment = (vmlSegments.length ? 'x ' : '') + 'm ' + x + ',' + y;
break;
case 'l':
vmlSegment = 'l ' + x + ',' + y;
break;
case 'q':
var cpx = Math.round(outline[i++]) + offsetX;
var cpy = Math.round(outline[i++]);
var cp1x = Math.round(prevX + 2.0 / 3.0 * (cpx - prevX));
var cp1y = Math.round(prevY + 2.0 / 3.0 * (cpy - prevY));
var cp2x = Math.round(cp1x + (x - prevX) / 3.0);
var cp2y = Math.round(cp1y + (y - prevY) / 3.0);
vmlSegment = 'c ' + cp1x + ',' + cp1y + ',' + cp2x + ',' + cp2y + ',' + x + ',' + y;
break;
}
prevAction = action;
prevX = x;
prevY = y;
if (vmlSegment.length) {
vmlSegments.push(vmlSegment);
}
}
}
vmlSegments.push('x', 'e');
return vmlSegments.join(' ');
},
_renderWord: function(face, style, text) {
var offsetX = 0;
var shape = this.initializeSurface(face, style, text);
var letterSpacingPoints =
style.letterSpacing && style.letterSpacing != 'normal' ?
this.pointsFromPixels(face, style, style.letterSpacing) :
0;
letterSpacingPoints = Math.round(letterSpacingPoints);
var chars = text.split('');
for (var i = 0; i < chars.length; i++) {
try {
var char = chars[i];
shape.path += this.renderGlyph(shape, face, char, offsetX, style) + ' ';
offsetX += face.glyphs[char].ha + letterSpacingPoints ;
} catch (e) {
}
}
shape.style.marginRight = this.pixelsFromPoints(face, style, face.glyphs[' '].ha) + 'px';
return shape;
}
}
},
setVectorBackend: function(backend) {
var backendFunctions = ['renderWord', 'initializeSurface', 'renderGlyph'];
for (var i = 0; i < backendFunctions.length; i++) {
var backendFunction = backendFunctions[i];
this[backendFunction] = this.vectorBackends[backend]['_' + backendFunction];
}
}
};
// IE won't accept real selectors...
var typefaceSelectors = ['.typeface-js', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
if (document.createStyleSheet) {
var styleSheet = document.createStyleSheet();
for (var i = 0; i < typefaceSelectors.length; i++) {
var selector = typefaceSelectors[i];
styleSheet.addRule(selector, 'visibility: hidden');
}
} else if (document.styleSheets && document.styleSheets.length) {
var styleSheet = document.styleSheets[0];
document.styleSheets[0].insertRule(typefaceSelectors.join(',') + ' { visibility: hidden; }', styleSheet.cssRules.length);
}
var backend = !!(window.attachEvent && !window.opera) ? 'vml' : window.CanvasRenderingContext2D || document.createElement('canvas').getContext ? 'canvas' : null;
if (backend == 'vml') {
document.namespaces.add("v");
var styleSheet = document.createStyleSheet();
styleSheet.addRule('v\\:*', "behavior: url(#default#VML); display: inline-block;");
}
_typeface_js.setVectorBackend(backend);
window._typeface_js = _typeface_js;
// based on code by Dean Edwards / Matthias Miller / John Resig
function typefaceInit() {
// quit if this function has already been called
if (arguments.callee.done) return;
// flag this function so we don't do the same thing twice
arguments.callee.done = true;
// kill the timer
if (window._typefaceTimer) clearInterval(_typefaceTimer);
_typeface_js.renderDocument( function(e) { e.style.visibility = 'visible' } );
};
if (/WebKit/i.test(navigator.userAgent)) {
var _typefaceTimer = setInterval(function() {
if (/loaded|complete/.test(document.readyState)) {
typefaceInit();
}
}, 10);
}
if (document.addEventListener) {
window.addEventListener('DOMContentLoaded', function() { typefaceInit() }, false);
}
/*@cc_on @*/
/*@if (@_win32)
document.write("