PopUp Inbox

Hello. I have been trying all night to get just the inbox to pop open onto the screen. I have a version made but it pops out a whole new webpage. Does anyone know how to make just the inbox pop out?

Here is a link to my Forum: http://animesocial.forumotion.com/

JavaScript

Code:

jQuery(document).ready(function(){
jQuery('body').append('<span id="privateButton" title="Open/Close Inbox">Open Inbox</span>
<div id="privateBox"><iframe src="/privmsg?folder=inbox&nid=3"></iframe></div>');
jQuery('#privateBox').hide();
jQuery('#privateButton').css('position', 'fixed').css('right', '0px').css('top', '30px');
jQuery('#privateBox iframe').css('position', 'fixed').css('right', '10px').css('top', '75px');
if(!document.getElementById('logout')){
jQuery('#privateButton').hide();
jQuery('#privateBox').hide();}
jQuery('#privateButton').click(function(){
jQuery('#privateBox').fadeToggle();
});
});

Css

Code:

/*PrivateBox*/
    #privateButton{
    box-shadow:0px 10px 6px rgba(255,255,255, 0.2) inset, 0px -10px 6px rgba(0,0,0, 0.2) inset;
    padding:10px 20px 10px 20px;
    background-color:   #2C3539;
    border:1px solid #382F2B;
    font-weight:bold;
    font-size:10px;
    z-index:999;
    color:   #fff;
    }
    #privateButton:hover{
    cursor:pointer;
    color:   #E5E4E2;
    background-color:#565051;
    }
    #privateBox iframe{
    z-index:999;
    border:none;
    height:50%;
    width:65%;
    }

Are you putting the script on every page thru the javascript manager?
Try putting it into the javascript manager, and then don't activate it for any pages, copy the link and in the header of your forum, or if you have templates put:

Code:

<script src="LINK TO JAVASCRIPT FILE" type="text/javascript"></script>


This will make sure that your forum recognizes it for every page.

Thanks but it does not work. Maybe you are misunderstanding what I am asking?

Here is a Test account.

Username: TestAccount123
Password: Testpassword