Visualizar DIV cuando se termina el topic

[vicram10]

Estaba navengando por internet y encontre esta web

http://www.orangesoda.com/blog/the-f...-3-promotions/

la misma cuando se esta leyendo el topic o post, y al final de repente aparece unos social bookmarks arriba...

he buscado y ese efecto lo hace este script para WP http://www.orangesoda.com/blog/activ...for-wordpress/

Estoy tratando de hacer lomismo con la ayuda de este tutorial

http://lineadecodigo.com/jquery/carg...usando-jquery/

y interpretando el codigo que tiene el JS que el plugin de WP usa...

al final tengo este codigo

Código Javascript:

$(document).ready(function(){
      document.getElementById("broken-facebook span.fb_share_no_count").removeClass('fb_share_no_count');
    document.getElementById("broken-facebook span.fb_share_count_inner").html('0');
                           
    var status = 'closed';
    var active_share_comment_marker = document.getElementById("active-share-comment-marker");
    var as_share_window = document.getElementById("as-share-window");
    var h = ((active_share_comment_marker.offsetTop)-($(window).height()/2));    
    if (h < 200) { h = 200; }
    $(document).scroll(function(){         
        if ((($(window).scrollTop()) > h) && as_share_window.style.top == '-150px' && status == 'closed') {
            as_share_window.style.top = '0px';
            status = 'opened';
        }
        else if (($(window).scrollTop() < h) && as_share_window.style.top == '0px' && status == 'opened'){
            as_share_window.style.top = '-150px';            
            status = 'closed';
        }  
    });
});
 

y en el template donde se visualiza los topicos (SMF) lo puse que solo se imprima este codigo

Código PHP:

<div id="active-share-comment-marker"></div>
 

una sola ves y lamisma se localiza al final del cuerpo del primer mensaje del topico (no en las respuestas)

este div lo que haces es activar el JS cuando la misma alcanza su poscion comparando con el scroll o mejor dicho cuando se esta haciendo con el scroll hacia abajo para leer el topic...

Pero nose que esta faltando o si en que parte estoy fallando por que no me lee o mejor dicho, no aparece, asi como el ejemplo de WP de esa pagina..

El div que contiene los Social Bookmarks o lo que uno quiere tiene esta estructura

Código PHP:

          <div id="as-share-window" style="width:90%; height: 100px; display: block; position: fixed; top: -150px; background-color: #000;z-index: 100;"> 
        <div style="width: 800px; margin: 20px auto;"> 
                       CONTENIDO 
        </div></div>;  
   

un ejemplo parecido, pero en ves de cargar datos que aparezca ese div es este

http://lineadecodigo.com/wp-content/...on-scroll.html

Alguna Sugerencia o idea??

Desde ya gracias

[vicram10]

Me auto respondo, en el JS debo reemplazar

Código Javascript:

$(document).ready(function(){
      document.getElementById("broken-facebook span.fb_share_no_count").removeClass('fb_share_no_count');
    document.getElementById("broken-facebook span.fb_share_count_inner").html('0');
                           
    var status = 'closed';
    var active_share_comment_marker = document.getElementById("active-share-comment-marker");
    var as_share_window = document.getElementById("as-share-window");
    var h = ((active_share_comment_marker.offsetTop)-($(window).height()/2));    
    if (h < 200) { h = 200; }
    $(document).scroll(function(){         
        if ((($(window).scrollTop()) > h) && as_share_window.style.top == '-150px' && status == 'closed') {
            as_share_window.style.top = '0px';
            status = 'opened';
        }
        else if (($(window).scrollTop() < h) && as_share_window.style.top == '0px' && status == 'opened'){
            as_share_window.style.top = '-150px';            
            status = 'closed';
        }  
    });
});
 

Por este otro

Código Javascript:

$(window).scroll(function(){
        if ((($(window).scrollTop()) > ((document.getElementById("active-share-comment-marker").offsetTop)-($(window).height()/2))) && document.getElementById("as-share-window").style.top == '-150px') {
            document.getElementById("as-share-window").style.top = '0px';   
        }                                       
        if ((($(window).scrollTop()) < ((document.getElementById("active-share-comment-marker").offsetTop)-($(window).height()/2))) && document.getElementById("as-share-window").style.top == '0px') {
            document.getElementById("as-share-window").style.top = '-150px';    
        }                                                           
});
 

Haciendo que justamente cuando estoy terminado de leer el topico (justo antes de la firma de usuario esta el div que llama al JS)

aparezca el div que quiero asi como la pagina original de ejemplo...