Problem using jquery to calculate coordinates
<p>Hello i'm trying to center an arrow in a picture using jquery... the arrow will serve for navigation trought my picture. My problem is i can't center the arrow....</p>

<p>here is my code:</p>

<p>I changed the id with the class name and it's still not working ill link the js css and html to you  </p>

<p>html/php</p>

<pre><code>    &lt;div id="large" class="loader"&gt;
           &lt;div id="test5"&gt; 
            &lt;img src="&lt;?php bloginfo("template_url"); ?&gt;/images/right.gif" class="right" width="38" height="48" alt="right"/&gt;
            &lt;img src="&lt;?php bloginfo("template_url"); ?&gt;/images/left.gif" width="38" height="48" class="left" /&gt;  
            &lt;center&gt;&lt;img src="&lt;?php echo catch_that_image() ?&gt;" class="photo_large"/&gt;&lt;center&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>css</p>

<pre><code>#large {
padding-top:25px;   
margin: 0 auto;
width:700px;
max-height:500px;   
padding-bottom:25px;
position:relative;

}

.photo_large{

    resize:both;
    border: solid 5px #fff;
    max-height:390px;
    max-width:600px;
    resize:both;
    margin-left:auto;
    margin-right:auto;
}


#test5{
    position:relative;

}


.right {
    position:absolute;
    z-index:1;

}

.left {
    position:absolute;
    z-index:1;

}
</code></pre>

<p>js</p>

<pre><code>$(document).ready(function() {
    $(".right").css("top", ($(".photo_large").height()/2) - ($(".right").height()/2));
    $(".right").css("left", ($(".photo_large").width()/2) - ($(".right").width()/2));    
});
</code></pre>
