center a div in the middle of screen after moving bg position
<p>I have a huge background image which has very similair functionality like this website <a href="http://irrland.sonntagskunst.de/" rel="nofollow">http://irrland.sonntagskunst.de/</a>. I also have divs dotted around the page which are positioned absolutly. when i click on a link the bg image moves position to the div i have clicked on:</p>

<pre><code>function move_background(position, onComplete) {
    var animate_to = {};

    if (position.left != undefined) {
        animate_to.left = position.left + 'px';
    }

    if (position.top != undefined) {
        animate_to.top = position.top + 'px';
    }

    $("#background").animate(animate_to, { duration: 1000, easing: "easeOutBack", complete: onComplete });

    close_menu();
}
</code></pre>

<p>to go to the div i have clicked on i use :</p>

<pre><code>function move_background_to_whos_using() {
    var whos_using_posititon = $("#whos-using-it-wrapper").position();

    move_background({
        left: 0 - (image_width - window_width),
        top: -whos_using_posititon.top
    });
}
</code></pre>

<p>say for example that div is 980px wide and atm the right position is 0, if i was to give the right a value of 500px so it is somewhere completly random on the page when i click on the button to take the user to that div the animation stops when it hits the div. I would like the div to be positioned in the center of a screen no matter what size screen someone has. any ideas would be help full.</p>
