paths = paths.decode('utf-8')

        url_l = [link_to(repo_name, url('files_home',

                                        repo_name=repo_name,

                                        revision=rev, f_path=''))]

        paths_l = paths.split('/')

        for cnt, p in enumerate(paths_l):

            if p != '':

                url_l.append(link_to(p, url('files_home',

                                            repo_name=repo_name,

                                            revision=rev,

                                            f_path='/'.join(paths_l[:cnt + 1]))))

        return literal('/'.join(url_l))

files_breadcrumbs = _FilesBreadCrumbs()

class CodeHtmlFormatter(HtmlFormatter):

    def wrap(self, source, outfile):

        return self._wrap_div(self._wrap_pre(self._wrap_code(source)))

    def _wrap_code(self, source):

        for cnt, it in enumerate(source):

            i, t = it

            yield i, t

def pygmentize(filenode, **kwargs):

    """pygmentize function using pygments

    :param filenode:

    """

    return literal(code_highlight(filenode.content,

                                  filenode.lexer, CodeHtmlFormatter(**kwargs)))

def pygmentize_annotation(filenode, **kwargs):

    """pygmentize function for annotation

    :param filenode:

    """

    color_dict = {}

    def gen_color(n=10000):

        """generator for getting n of evenly distributed colors using 

        hsv color and golden ratio. It always return same order of colors

        :returns: RGB tuple

        """

        import colorsys

div.code-body pre .match{

	background-color: #FAFFA6;

}

div.code-body pre .break{

	background-color: #DDE7EF;

	width: 100%;

	color: #747474;

	display: block;

}

div.annotatediv{

	margin-left:2px;

	margin-right:4px;

}

.code-highlight {

    padding: 0px;

    margin-top: 5px;

    margin-bottom: 5px;

    border-left: 2px solid #ccc;

}

.code-highlight pre, .linenodiv pre { 

	padding: 5px;

    margin: 0;

}

.linenos a { text-decoration: none; }

.code { display: block; }

.code-highlight .hll { background-color: #ffffcc }

.code-highlight .c { color: #408080; font-style: italic } /* Comment */

.code-highlight .err { border: 1px solid #FF0000 } /* Error */

.code-highlight .k { color: #008000; font-weight: bold } /* Keyword */

.code-highlight .o { color: #666666 } /* Operator */

.code-highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */

.code-highlight .cp { color: #BC7A00 } /* Comment.Preproc */

.code-highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */

.code-highlight .cs { color: #408080; font-style: italic } /* Comment.Special */

.code-highlight .gd { color: #A00000 } /* Generic.Deleted */

.code-highlight .ge { font-style: italic } /* Generic.Emph */

.code-highlight .gr { color: #FF0000 } /* Generic.Error */

.code-highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */

.code-highlight .gi { color: #00A000 } /* Generic.Inserted */

.code-highlight .go { color: #808080 } /* Generic.Output */

.code-highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */

.code-highlight .gs { font-weight: bold } /* Generic.Strong */

.code-highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */

.code-highlight .gt { color: #0040D0 } /* Generic.Traceback */

.code-highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */

.code-highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */

		 / ${h.link_to(_('download as raw'),

			h.url('files_rawfile_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.f_path))}

	</dd>

	<dt>${_('History')}</dt>

	<dd>

		<div>

		${h.form(h.url('files_diff_home',repo_name=c.repo_name,f_path=c.f_path),method='get')}

		${h.hidden('diff2',c.files_list.last_changeset.raw_id)}

		${h.select('diff1',c.files_list.last_changeset.raw_id,c.file_history)}

		${h.submit('diff','diff to revision',class_="ui-button")}

		${h.submit('show_rev','show at revision',class_="ui-button")}

		${h.end_form()}

		</div>

	</dd>

</dl>	

<div id="body" class="codeblock">

	<div class="code-header">

		<div class="revision">${c.files_list.name}@r${c.files_list.last_changeset.revision}:${h.short_id(c.files_list.last_changeset.raw_id)}</div>

		<div class="commit">"${c.files_list.last_changeset.message}"</div>

	</div>

	<div class="code-body">

		% if c.files_list.size < c.cut_off_limit:

		%else:

			${_('File is to big to display')} ${h.link_to(_('show as raw'),

			h.url('files_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.f_path))}

		%endif

	</div>

</div>

<script type="text/javascript">

YAHOO.util.Event.onDOMReady(function(){

    YAHOO.util.Event.addListener('show_rev','click',function(e){

    	YAHOO.util.Event.preventDefault(e);

        var cs = YAHOO.util.Dom.get('diff1').value;

        var url = "${h.url('files_home',repo_name=c.repo_name,revision='__CS__',f_path=c.f_path)}".replace('__CS__',cs);

        window.location = url;

        });

   });

</script>