function loadMoreLink(parent, splitStr, lastIndex) {
    var ellipsestext = "";
    var moretext = "<b>+ View all</b>";
    var lesstext = "<b>+ View less</b>";
    var element = $(parent);
    var content = $(element).html();
    var c, h = '';

    
    h = '';
    c = '';
    $(content.split(splitStr)).each(function (index, value) {
        if (index <= lastIndex) {
            c += value + splitStr;
        }
        else {
            h += value + splitStr;
        }

    });

    var html = "<span id='shrunk'>" + c + "</span><span id='expanded' style='display:none'>" + h + "</span><a id='morelink' href=''>" + moretext + "</a>";
    
    $(element).html('');
    $(element).append(html);
    
    $('#morelink').click(function () {
        if ($('#expanded').css('display') == 'none') {
            $('#expanded').css('display', '');
            $(this).html(lesstext);
        }
        else {
            $('#expanded').css('display', 'none');
            $(this).html(moretext);
        }
        
        return false;
    });

}