define(function(require, exports, module) {
    var escapeHTML = require("ace/lib/lang").escapeHTML;
    
    var guidToShortString = exports.guidToShortString = function(guid) {
        var result = guid && guid.replace(/^[^:]+:(([^\/]+)\/)*?([^\/]*?)(\[\d+[^\]]*\])?(\/prototype)?$|.*/, "$3");
        return result && result !== "Object" ? result : "";
    };

    var guidToLongString = exports.guidToLongString = function(guid, name) {
        if (guid.substr(0, 6) === "local:")
            return guidToShortString(guid);
        var result = guid && guid.replace(/^[^:]+:(([^\/]+\/)*)*?([^\/]*?)$|.*/, "$1$3");
        if (!result || result === "Object")
            return "";
        result = result.replace(/\//g, ".").replace(/\[\d+[^\]]*\]/g, "");
        if (name !== "prototype")
            result = result.replace(/\.prototype$/, "");
        return result;
    };

    function addStylesheetRule(cssText) {
        var s = document.styleSheets[document.styleSheets.length - 1];
        s.insertRule(cssText, s.cssRules.length);
    }
    
    var iconClass = {};
    function defineIcon(icon) {
        var path = (this.staticUrl || "/static") + "/plugins/c9.ide.language/images/";
            
        iconClass[icon] = "lang-icon-" + icon;
        
        var cssText = "." + iconClass[icon] + "{"
            + "background-image:url('" + path + icon + ".png')"
            + "}";
        //console.log(cssText)    
        addStylesheetRule(cssText);
        return iconClass[icon];
    }
    

    function tokenizeRow() {
        return [];
    }
    function renderLineInner(builder, row) {
        var match = this.data[row];
        
        var html = "<span class='completer-img " + (match.icon 
            ? iconClass[match.icon] || this.$defineIcon(match.icon)
            : "") + "'></span>";
        
        if (match.type) {
            var shortType = guidToShortString(match.type);
            if (shortType)
                match.meta = shortType;
        }
        
        var name = escapeHTML(match.name);
        var prefix = match.identifierRegex
            ? this.calcPrefix(match.identifierRegex)
            : name.substr(0, this.prefix.length);
        
        var trim = match.meta ? " maintrim" : "";
        if (!this.ignoreGenericMatches || !match.isGeneric) {
            var simpleName = match.replaceText.replace("^^", "").replace(/\(\)$/, "");
            if (name.indexOf(simpleName) === 0) {
                simpleName = escapeHTML(simpleName);
                html += '<span class="main' + trim + '"><u>' 
                    + prefix + "</u>" + simpleName.substring(prefix.length) 
                    + '</span>'
                    + '<span class="deferred">'
                    + name.substring(Math.max(simpleName.length, prefix.length))
                    + '</span>';
            }
            else {
                html += '<span class="main' + trim + '"><u>' 
                    + prefix + "</u>" + name.substring(prefix.length) 
                    + '</span>';
            }
        }
        else {
            html += '<span class="main' + trim 
                + '"><span class="deferred"><u>' + prefix + "</u>" 
                + name.substring(prefix.length) + '</span></span>';
        }
        
        if (match.meta)
            html += '<span class="meta"> - ' + match.meta + '</span>';
        
        builder.push(html);
    }
    
    function renderLine(stringBuilder, row, onlyContents, foldLine) {
        if (!onlyContents) {
            stringBuilder.push(
                "<div class='ace_line' style='height:", this.config.lineHeight, "px'>"
            );
        }
        this.popup.$renderLineInner(stringBuilder, row);
    
        if (!onlyContents)
            stringBuilder.push("</div>");
    }
    
    exports.initPopup = function(popup, staticUrl) {
        popup.session.bgTokenizer.popup = popup;
        popup.session.bgTokenizer.$tokenizeRow = tokenizeRow;
        popup.renderer.$textLayer.popup = popup;
        popup.$renderLineInner = renderLineInner;
        popup.$defineIcon = defineIcon;
        popup.renderer.$textLayer.$renderLine = renderLine;
        popup.staticUrl = staticUrl;
    };
});