// Fetch changeset details 

                    YUE.on(YUD.getElementsByClassName('changed_total'),'click',function(e){

                    	var id = e.currentTarget.id

                    	var url = "${h.url('changelog_details',repo_name=c.repo_name,cs='__CS__')}"

                    	var url = url.replace('__CS__',id);

                    	ypjax(url,id+'_changes_info',function(){tooltip_activate()});

                    });

                    // change branch filter

                    YUE.on(YUD.get('branch_filter'),'change',function(e){

                    	var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;

                    	console.log(selected_branch);

                    	var url_main = "${h.url('changelog_home',repo_name=c.repo_name)}";

                    	var url = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}";

                    	var url = url.replace('__BRANCH__',selected_branch);

                    	if(selected_branch != ''){

                    		window.location = url;

                    	}else{

                    		window.location = url_main;

                    	}

                    });

					function set_canvas(heads) {

						var c = document.getElementById('graph_nodes');

						var t = document.getElementById('graph_content');

						canvas = document.getElementById('graph_canvas');

						var div_h = t.clientHeight;

						c.style.height=div_h+'px';

						canvas.setAttribute('height',div_h);

						c.style.height=max_w+'px';

						canvas.setAttribute('width',max_w);

					};

					var heads = 1;

					var max_heads = 0;

					var jsdata = ${c.jsdata|n};

					for( var i=0;i<jsdata.length;i++){

					    var m = Math.max.apply(Math, jsdata[i][1]);

					    if (m>max_heads){

					        max_heads = m;

					    }

					}

					var max_w = Math.max(100,max_heads*25);

					set_canvas(max_w);

					var r = new BranchRenderer();