Как исправить проблему в скрипте модального окна ?

У меня на сайте есть скрипт модального окна.
Работает он так:
Я нажимаю на кнопку скачать открывается модальное окно с рекламой и таймером.
Но есть некоторые проблемы
При нажатии на кнопку окно открывается там же.
То есть у меня есть длинное описание материала
После того как я его прочитал нажимаю кнопку скачать меня подбрасывает на самый верх сайта а окно открывается снизу.
Как это убрать ?
И ещё у меня есть таймер
Но он начинает работать при открытии новости а не самого окна.
Помогите исправить:

<script type="text/javascript">

function FuncName() {
$(function(){
$('#ModalWin').dialog({
autoOpen: true,
show: 'fade',
width: 800,
height: 600,

});
});
}

</script>

<center> <a href="#" onclick="FuncName()" value="Нажми на меню"  class="bbcodes"><img src="templates/gTorrent2/images/download.png"></a></center>

<div  id="ModalWin" title="Окно скачивания материала." style="display:none;text-align:left;">
<script type="text/javascript">
window.onload = function () {
    var i = 30;
    var timer = setInterval(function () {
        i--;
        document.getElementById('timer').innerHTML = 'Осталось секунд: ' + i;
        if (i == 0) {
            document.getElementById('example').style.display = 'block';
            document.getElementById('timer').style.display = 'none';
            clearInterval(timer);
        }
    }, 1000)
}
</script>

<div id="timer"></div>
<div id="example" style=" display: none; ">
Скачать торрент: <b>[xfgiven_down][xfvalue_down][/xfgiven_down]</b>
</div>
</div>