(function($) {

 $.typefacejs = {
    tf: _typeface_js,

    doTransform: function(obj, css_options) {
        var $$ = $(obj);
        $.data($$[0], 'original-text', $$.text());
    
        // Apply css options
        $$.css(css_options).css(css_options);

        // Handle hover styles for link tags
        var links = [];
        if ($$.is('a')) links.push($$[0]);
        $$.find('a').each(function() {
            links.push(this);
        });
        $.each(links, function() {
            var $link = $(this);
            var text = $link.text();
            if (!text) return;

            // Figure out hover color
            var original_color = $link.css('color');
            $link.addClass('hover');
            var color = $link.css('color');
            $link.removeClass('hover');
            if (original_color == color) return;

            // Create hidden hover span
            $link.text('').empty();
            $('<span>'+text+'</span>').appendTo($link).css(css_options);
            $('<span>'+text+'</span>').addClass('typeface-hover').css(css_options)
                .css('color', color).css('display', 'none').appendTo($link);            
            var $children = $link.children().css(css_options);
            $link.hover(function() {
                $children.eq(0).hide();
                $children.eq(1).show();
            },
            function() {
                if ($link.hasClass('hover') ||
                    $link.hasClass('active') ||
                    $link.hasClass('ui-state-active') || 
                    $link.hasClass('selected')) return;
                $children.eq(1).hide();
                $children.eq(0).show();
            });
        });
        
        // Call typeface to render the text canvas
        var converted = $.typefacejs.tf.replaceText($$[0]);
        
        // Clear out css values if we didn't convert.
        if (!converted) {
            $.each(css_options, function(prop,val) {
                $$.css(prop, '');
            });
        }
        else {
            $$.find('a *').css('cursor', 'pointer');
        }

    },

    destroy: function(obj) {
        var $$ = $(obj);
        var text = '';
        $$.find('span.typeface-span').each(function() {            
            if ( ! $(this).parent().is('.typeface-hover') ) {
                text += $(this).text();
            }
        });        
        $$.empty().text(text);
    }
 }

 $.fn.typefacejs = function(o) {
    if (!_typeface_js) return this;

    var css_options, action = 'transform';
    if (typeof o == 'string') {
        if (o == 'destroy')
            action = o;
    } else {
        css_options = o;
    }

    return this.each(function() {
        switch (action) {
            case 'destroy':
                $.typefacejs.destroy(this);
                break;
            default:
                $.typefacejs.doTransform(this, css_options);
                break;
        }
    });
 }

})(jQuery);