Javascript-форум - Переход по ссылкам

Есть html страница, кусок кода

<td>
            <a onClick="knopka(this);" href="#menu1">
            <img src="./images/images1.jpg" width="91" height="137" alt="menu"></a></td>
            <td>
            <a onClick="knopka(this);" href="#menu2">
            <img src="./images/images2.jpg" width="371" height="137" alt="menu"></a></td>
            <td>
            <a onClick="knopka(this);" href="#menu3">
            <img src="./images/images3.jpg" width="371" height="137" alt="menu"></a></td>
</tr>

К ней подключен javascript файл knopka.js
Вот код файла

function knopka(el) {
  var link=el.href;
  link=link.replace(/.*#/,'');
  el.href = "http://site.ru/cat1/" + link;
}
if (document['location']['href'].match(/#\//) != null)
  document['location']['href'] = "http://site.ru/cat1/" + document['location']['href'].match(/#(\/.*)/)[1];

Сейчас при клике перекидывает на http://site.ru/cat1/
Подскажите каким образом переделать html и JS код, что бы при нажатии на
menu1 перекидывало на http://site.ru/cat1/
menu2 перекидывало на http://site.ru/cat2/
menu3 перекидывало на http://site.ru/cat3/