/// <script type="text/html" id="script">
/// <div> 
///   <#= content #>
///   <# for(var i=0; i < names.length; i++) { #>
///   Name: <#= names[i] #> <br/>
///   <# } #>
/// </div>
/// </script>
///
/// var tmpl = $("#itemtemplate").html();
/// var data = { content: "This is some textual content",
///              names: ["rick", "markus"]
/// };
/// $("#divResult").html(parseTemplate(tmpl, data));
///
/// based on John Resig's Micro Templating engine
$.fn.parseTemplate = function(data)
{
    var str = (this).html();
    var _tmplCache = {}
    var err = "";
    try
    {
        var func = _tmplCache[str];
        if (!func)
        {
            var strFunc =
            "var p=[],print=function(){p.push.apply(p,arguments);};" +
                        "with(obj){p.push('" +
            str.replace(/[\r\t\n]/g, " ")
               .replace(/'(?=[^#]*#>)/g, "\t")
               .split("'").join("\\'")
               .split("\t").join("'")
               .replace(/<#=(.+?)#>/g, "',$1,'")
               .split("<#").join("');")
               .split("#>").join("p.push('")
               + "');}return p.join('');";

            //alert(strFunc);
            func = new Function("obj", strFunc);
            _tmplCache[str] = func;
        }
        return func(data);
    } catch (e) { err = e.message; }
    return "< # ERROR: " + err.toString() + " # >";
}

String.prototype.toMore = function($index, $limit, $moreText) {
    var $moreText = (typeof ($moreText) == "undefined") ? "See More" : $moreText;
    var $limit = (typeof ($limit) == "undefined") ? 335 : $limit;
    var $index = (typeof ($index) == "undefined") ? 0 : $index;
    var $text = this;
    var $id = "id_" + $index + "_" + parseInt(new Date().getTime().toString().substring(0, 10));
    var $click = "document.getElementById('" + $id + "_link').style.display='none';document.getElementById('" + $id + "_more').style.display='inline';";
    
    if ($text.length > $limit) {
        var $strtemp = $text.substr(0, $limit);
        $text = $strtemp + '<span id="' + $id + '_more" style="display: none;">' + $text.substr($limit, $text.length) + '</span>';
        $text += '<span id="' + $id + '_link">... <a href="javascript:;" class="small" onclick="' + $click + '">' + $moreText + '</a></span>';
    }
    return $text;
}