Смена изображения перед редиректом
 

Подскажите, плз, вот пытаюсь сделать ссылку, чтобы по нажатию кнопки менялся ее внешний вид, а потом происходил редирект.
Пытался сделать это через SetTimeout, но на редирект он почему-то не влияет:( Если редирект закоментить, то состояние нормально меняется.

<a href="/myurl/" onmouseover="change_img('0')" onmouseout="change_img('1')" onclick="change_img('2');return false"><img src="/images/but_01.png" id="img_proc"/></a>

function change_img(state)
{
    var img_proc = document.getElementById("img_proc");
    switch (state)
    {
        case "0":
        img_proc.src = "/images/but_02.png";
        break;
        
        case "1":
        img_proc.src = "/images/but_01.png";
        break;
        
        case "2":
        img_proc.src = "/images/but_03.png";
        setTimeout(p_redirect(), 1000);
        break;
    
    }

}
function p_redirect()
{
    location.href = "/myurl/";
}

Разобрался, заменил onclick на onmousedown и убрал редирект - все стало норм.