Onmouseout При Зажатой Лкм

[graf]

Хочу чтобы при зажатии кнопки мыши изменялся стиль блока, а при отпускании возвращался обратно.

Казалось бы все просто onMouseDown и onMouseUp. Но если зажать лкм и уйти с блока, то возвращения к прежнему состоянию не происходит, и onMouseOut не работает.

Как сделать чтобы событие onMouseOut отрабатывало даже для зажатой лкм?

P.S. *лкм - левая кнопка мыши.

Вот мой код.

<script type="text/javascript">
  function changebutton(id, state)
  {

    var obj=document.getElementById(id).style;
    if (state == 'down') obj.background = "url('/img/button_pressed.png')";
    if (state == 'up') obj.background = "url('/img/button_passive.png')";
    if (state == 'out') obj.background = "url('/img/button_passive.png')";
  }
</script>

<div class="photobutton" onMouseDown="changebutton('buttonleft', 'down');"  
     onMouseUp="changebutton('buttonleft', 'up');" onMouseOut="('buttonleft', 'out');" id="buttonleft"></div>

[graf]

Извините, ступил. Удалите пожалуйста тему...