Попап окно при клике по ссылке

<div class="edityouravatar">
 
<span class="uploadnewpic"><a href="">Загрузить аватар</a></span>
</div>

<a href="#" onclick="return Balloon_On('Form')">Жмякнуть в эту штуку</a>
<div id="Form" style="display:none; position:absolute; top:20%; left:70%; margin-left:-100px;">А здесь блок</div>

<script type="text/javascript">
<!--
var cur_balloon = '';
var isvis = false;
function Balloon_Off(){
    if(isvis){ isvis = false; return; }
    var Balloon = cur_balloon ? document.getElementById(cur_balloon) : '';
    if (Balloon) { Balloon.style.display = 'none'; document.onclick = null; cur_balloon = '';  }
}
function Balloon_On(bid){
    Balloon_Off();
    var Balloon = document.getElementById(bid);
    if (!Balloon) return;
    cur_balloon = bid;
    Balloon.style.display = '';
    isvis = true;
    document.onclick = Balloon_Off;
    Balloon.onclick = new Function("isvis=true");
    return false;
}
//-->
</script>
<li title="{vb:raw avatar.title}">
    <div class="avatar">
        
            <img src="{vb:raw avatar.avatarpath}" alt="{vb:raw avatar.title}" border="0" />
        <div class="edityouravatar">
 
<span class="uploadnewpic"><a href="#" onclick="return Balloon_On('Form')">Загрузить аватар</a></span>
<div id="Form" style="display:none; position:absolute; top:20%; left:70%; margin-left:-100px;"><img src="images/misc/register.png"></div>
 
</div>
 
 
<div class="label"><label for="rb_avatarid_{vb:raw avatar.avatarid}">{vb:raw avatar.title}</label></div>
 
    <input type="radio" class="avatarid" name="avatarid" value="{vb:raw avatar.avatarid}" id="rb_avatarid_{vb:raw avatar.avatarid}" {vb:raw avatarchecked} />
</li>