function showGrade(grade, pic, size){
var height;
var width;
var grade_per_block = 20;
var block_num = 5;
if(size == 0){
width = 10;
height = 5;
}
if(size == 1){
width = 20;
height = 10;
}
if(size == 2){
width = 40;
height = 15;
}
var grade_full_block_num = parseInt(grade/grade_per_block);
var grade_last_block_width = (grade - grade_per_block*grade_full_block_num)*(width/grade_per_block);
var no_grade_full_block_num = 0;
var no_grade_first_block_width = 0;
if(grade_last_block_width>0){
no_grade_full_block_num = block_num - grade_full_block_num-1;
no_grade_first_block_width = width - grade_last_block_width;
}else{
no_grade_full_block_num = block_num - grade_full_block_num;
}
//alert('grade:'+grade+';block1:'+grade_full_block_num+';widht1:'+grade_last_block_width+';width2:'+no_grade_first_block_width+';block2'+no_grade_full_block_num);
for(var i = 0; i < grade_full_block_num; ++i){
document.write(' | ');
}
if(grade_last_block_width > 0){
document.write(' | ');
}
if(no_grade_first_block_width){
document.write(' | ');
}
for(var j = 0; j< no_grade_full_block_num; ++j){
document.write(' | ');
}
}