function init_emoticons() {
    if($("emoticons_link")) {
        $("emoticons_link").onclick = function() { show_emos(); };
        $("emo1").onclick = function() { $("comment_message").value = $("comment_message").value + "[:[]" };
        $("emo2").onclick = function() { $("comment_message").value = $("comment_message").value + "[;)]" };
        $("emo3").onclick = function() { $("comment_message").value = $("comment_message").value + "[8|]" };
        $("emo4").onclick = function() { $("comment_message").value = $("comment_message").value + "[|(]" };
        $("emo5").onclick = function() { $("comment_message").value = $("comment_message").value + "[:|]" };
        $("emo6").onclick = function() { $("comment_message").value = $("comment_message").value + "[:D]" };
        $("emo7").onclick = function() { $("comment_message").value = $("comment_message").value + "[8D]" };
        $("emo8").onclick = function() { $("comment_message").value = $("comment_message").value + "[:(]" };
        $("emo9").onclick = function() { $("comment_message").value = $("comment_message").value + "[:)]" };
        $("emo10").onclick = function() { $("comment_message").value = $("comment_message").value + "[8o]" };
        $("emo11").onclick = function() { $("comment_message").value = $("comment_message").value + "[¬¬]" };
        $("emo12").onclick = function() { $("comment_message").value = $("comment_message").value + "[:#]" };
        $("emo13").onclick = function() { $("comment_message").value = $("comment_message").value + "[`´]" };
    }
}

function show_emos() {
    var poslink = Position.cumulativeOffset($("emoticons_link"))
    var postools = Position.cumulativeOffset($("avatar_tools"))
    $('emoticons').style.left = (poslink[0] - postools[0]) + 'px';
    $('emoticons').style.top = (poslink[1] - postools[1] + 20) + 'px';
    $("emoticons").style.visibility = "visible";
}

function hide_emos() {
    $("emoticons").style.visibility = "hidden";
}


addEventToObject(window,'onload',init_emoticons);
// cancelamos la burbuja
Event.observe(document, 'click', function(e){ var elem = (e.target) ? e.target : e.srcElement; if(elem.parentNode.className != 'emos') {hide_emos();}}, false);
