paths_section_k_band_segment=get_paths_from_search_results(result_json_k_band,"search_results_section_k_band_segment","<br><br><font size=4em>Calculations containing band structures:</font><br>");
//alert("show_materials_submitted_info: material "+i);
table_content.push('<tr>');
table_content.push('<td>');
str='<input type = \"checkbox\" name = "checkbox_material" id = \"checkbox_material'+i.toString()+'\" unchecked onclick=\"checkbox_material(this.id)\">';
document.getElementById("n_materials").innerHTML="Number of materials submitted: "+str+"<font size = 1px color = #C0C0C0 >   Please press \'Visualize\' to visualize the band structure. </font>";
div_string='<br><button class = \"button_tools\" id = \"button_customscale'+i.toString()+'\" onclick = \"customscale(this.id)\"> Rescale </button>';
table_content.push(div_string);
//addbutton:autoscale
div_string='<button class = \"button_tools\" id = \"button_autoscale'+i.toString()+'\" onclick = \"autoscale(this.id)\" title = \"(-10 eV, 10 eV)\"> Autoscale </button>';
table_content.push(div_string);
//addbutton:fullscale
div_string='<button class = \"button_tools\" id = \"button_fullscale'+i.toString()+'\" onclick = \"fullscale(this.id)\" title = \"(-100 eV, 100 eV)\"> Full scale </button><br><br>';
table_content.push(div_string);
//table_content.push("Select and zoom:");
/*//overviewforselectandzoom
div_string='<div id = \"div_overview'+i.toString()+'\" class = \"div_overview\" ></div>';//<divid="overview"style="width:300px;height:200px; margin-left:10px; margin-top: 50px; padding-top: 0px"></div>
table_content.push(div_string);
div_string='<p id = \"overviewLegend'+i.toString()+'\" ></p>';//<pid="overviewLegend"style="margin-left:10px"></p>
table_content.push(div_string);*/
//downloadfiguresaspng
div_string='<a id = \"img_band'+i.toString()+'\" class = \"button_tools\" target=\"_blank\" style = \"text-decoration: none;\" > Download band </a>';
table_content.push(div_string);
div_string='<a id = \"img_dos'+i.toString()+'\" class = \"button_tools\" target=\"_blank\" style = \"text-decoration: none;\" > Download DOS </a>';
table_content.push(div_string);
//addshowVBM&CBM
div_string='<br><br><p style = \"text-normal-black\"> <input type = \"checkbox\" id = \"checkbox_VBM'+i.toString()+'\" unchecked onclick=\"show_VBM(this.id)\"> <font color=\"black\" size = 3px> Show VBM </font> (<font color=\"blue\">\•</font>) <font color=\"black\" size = 3px> and CBM </font>(<font color=\"red\">\•</font>) </p>';
table_content.push(div_string);
table_content.push('</div>');//div_tools
//checkboxforcomparison
div_string='<div id = \"div_checkbox_compare'+i.toString()+'\" class = \"div_checkbox_compare\" >';
table_content.push(div_string);
//div_string='<p style = \"text-normal-black\"> <input type = \"checkbox\" id = \"checkbox_compare'+i.toString()+'\" unchecked name = \"checkbox_compare\" onclick=\"check_compare(this.id)\"> <font color=\"black\" size = 3px> Compare </font></p><p><font size = 2px color = "#666">(select max. 2 materials) </font> </p>';
div_string='<p style = \"text-normal-black\"> <input type = \"checkbox\" id = \"checkbox_compare'+i.toString()+'\" checked = \"unchecked\" unchecked name = \"checkbox_compare\" onclick=\"check_compare(this.id)\"> <font color=\"black\" size = 3px> Compare </font></p><p><font size = 2px color = "#666">(select max. 2 materials) </font> </p>';
str+="<br> <b>Number of <i>k</i> points per inverse distance:</b>    "+band_obj_all[j]["average_N_k_points_per_inverse_distance"].toFixed(3);
str+="<br> <b>Number of <i>k</i> points per inverse distance:</b>    "+band_obj_all[j]["average_N_k_points_per_inverse_distance"].toFixed(3);
<button class = "button" onclick = "compare()" title = "Select2materialsinthecheckboxbelowandcompare:pleasemakesurethattheupper/lowerlimitsarethesame (usingRescale/Autoscalebuttons)." > Compare</button>
</div>
<div id = "div_showall" style = "width:100%;visibility:hidden">
<div style = "width:100%;height:30px;"></div>
<input type = "checkbox" id = "checkbox_showall" unchecked onclick="show_all(this.id)"/> <font color="black" size = 3px> Show all results </font><font size = 2px color = "#666"> (By default only the first 10 results are shown.) </font>
var n=0,o=0,r=i.find(".g-img-divider span");if(t.drag_horizontal)n=a.pageX-i.offset().left,o=n/s*100;else{var f=i.offset().top-e(window).scrollTop();n=a.clientY/f,
#------------Get the coordinates for the labels------------
#label_coor_abs = np.zeros((N_labels)) #stores the absolute coordinates of the labels
label_coor_relative = np.zeros((N_labels))
for i_label in range(N_labels):
#Here the evenly-distributed relative coordinates is used, because the coordinates of the labels could be too nerrow when using there absolute coordinates