var imgName = ""

function updateProfessionalSkill(transport, id) {
    element = transport.responseText.evalJSON();

    //Balken setzen
    skillBar = $('skillBar_'+id);
    skillBar.style.width = element.result.points * 5;

    //Class beim Namen des Skills setzen
    skillName = $('skillName_'+id);
    if (element.result.points <= 0) {
        skillName.className = 'unusedSkill'
    } else {
        skillName.className = 'usedSkill'
    }

    //neue verfügbare Punktzahl eintragen
    if (element.result.unusedSkillPoints > 0) {
        color = 'blue';
    } else if (element.result.unusedSkillPoints == 0) {
        color = 'green';
    } else {
        color = 'red';
    }
    $('unusedPoints').style.color = color;
    $('unusedPoints').innerHTML = 'verfügbare Erfahrungspunkte: '+element.result.unusedSkillPoints;
}