function changeHPD(index)
{
    var img = document.getElementById('imgb' + index);
    var txt = document.getElementById('litHPD');
    
    img.src = '/uploads/frontpage/' + index + 'm.png';
    
    switch(index)
    {
        case 2:
            txt.innerHTML = '2m';
            break;
        case 3:
            txt.innerHTML = '3m';
            break;
        case 4:
            txt.innerHTML = '4m';
            break;
        case 5:
            txt.innerHTML = '5m';
            break;
        case 6:
            txt.innerHTML = '6m';
            break;
        case 7:
            txt.innerHTML = '7m';
            break;
        case 8:
            txt.innerHTML = '8m';
            break;
    }
}

function changeBackHPD(index)
{
    var img = document.getElementById('imgb' + index);
    var txt = document.getElementById('litHPD');
    
    img.src = '/uploads/frontpage/' + index + '.png';
    txt.innerHTML = '';
}