Look at the P2 theme. It does this, calling them "Mentions".

http://themes.svn.wordpress.org/p2/1.4.2/inc/mentions.php

WordPress Internal @ Mentions
Ok I have a page that uses 3 plugins and custom code.


Fullscreenr
ScrollTo
VideoBox


my custom code is just to change css style of items in menu(I'll post that code aswell).

My issue is that Fullscreenr and ScrollTo were working fine but when I want to add VideoBox the video popup doesn't want to work all it does is redirect to the youtube page. When I inspect the page(Chrome) it shows this error:

Uncaught TypeError: Object #&lt;Object&gt; has no method 'setProperty'


on this line:

this.overlay = new Element('div').setProperty('id', 'lbOverlay').injectInside(document.body);


I have tried using $.noConflict(); Now if I removed all the other plugins then it works but that doesn't work for me cause I need everything to work.  Well hope somebody knows what I can do to fix this.  

&lt;script type="text/javascript" src="js/mootools.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/swfobject.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/videobox.js"&gt;&lt;/script&gt;

&lt;!-- IF I REMOVE FROM HERE DOWN VIDEOBOX WORKS --&gt;
&lt;script src="js/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="js/jquery.fullscreenr.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;  

    &lt;!--
        // You need to specify the size of your background image here (could be done automatically by some PHP code)
        var FullscreenrOptions = {  width: 1024, height: 439, bgID: '#bgimg' };
        // This will activate the full screen background!
        jQuery.fn.fullscreenr(FullscreenrOptions);
    //--&gt;
&lt;/script&gt;
&lt;script type='text/javascript' src='js/jquery.min.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='js/jquery.scrollTo-min.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='js/init.js'&gt;&lt;/script&gt;
&lt;script language="javascript"&gt;

    function GotoSection(divid)
    {
        $('#realBody').scrollTo( '#' + divid, 800, {duration:3000} );
        switch(divid)
        {
            case "home":
            $("#mhome").attr('class', 'selected');
            $("#mvids").attr('class', 'non');
            $("#meventos").attr('class', 'non');
            $("#mfotos").attr('class', 'non');
            $("#mcontact").attr('class', 'non');                                                                
            break;

            case "vids":
            $("#mhome").attr('class', 'non');
            $("#mvids").attr('class', 'selected');
            $("#meventos").attr('class', 'non');
            $("#mfotos").attr('class', 'non');
            $("#mcontact").attr('class', 'non');                                                                
            break;

            case "eventos":
            $("#mhome").attr('class', 'non');
            $("#mvids").attr('class', 'non');
            $("#meventos").attr('class', 'selected');
            $("#mfotos").attr('class', 'non');
            $("#mcontact").attr('class', 'non');
            break;

            case "fotos":
            $("#mhome").attr('class', 'non');
            $("#mvids").attr('class', 'non');
            $("#meventos").attr('class', 'non');
            $("#mfotos").attr('class', 'selected');
            $("#mcontact").attr('class', 'non');
            break;

            case "contact":
            $("#mhome").attr('class', 'non');
            $("#mvids").attr('class', 'non');
            $("#meventos").attr('class', 'non');
            $("#mfotos").attr('class', 'non');
            $("#mcontact").attr('class', 'selected');                                                       
            break;  
        }

    }


&lt;/script&gt;


If there is a better script I can use I welcome any and all suggestions aswell.
