function highlight(content, query)
{

    var search_query = query;
    var search_flag = 0;
    var search_query_flag = 0;
    var index = 0;
    var total_length = content.length + 1;
    var i = 0;

    while (i < content.length)
    {
        if (search_flag == 1)
        {
            if (content.substr(i, 1) == search_query.substr(index, 1))
            {
                search_query_flag = 1;
                index++;
            }
            else
            {
                search_query_flag = 0;
                index = 0;
            }

            if (search_query_flag == 1 && index == search_query.length)
            {
                //The query was found here, so split it and have fun.
                var content_first_part = content.substr(0, (i - search_query.length + 1));
                var content_second_part = content.substr(i + 1);
                var content_middle_part = content.substr((i - search_query.length + 1), search_query.length);
                var newstyle = "<span style='font-weight:bold;background-color:yellow'>";

                content = content_first_part + newstyle + content_middle_part + "</span>" + content_second_part;
                index = 0;
                search_query_flag = 0;

                i = i + newstyle.length + "</span>".length
            }
        }
        i++;

        if (content.substr(i, 1) == "<")
        {
            search_flag = 0;

        }
        else if (content.substr(i, 1) == ">")
        {
            search_flag = 1;

        }

    }


    return content;
}