Recording image position
===

I apologize up front if this question was asked before. I tried researching my problem but couldn't seem to find an answer. I have two arrow images that when clicked will "slide" a div either 60 px to the left or right depending on which arrow is clicked. What I would like to do is record the position of the first img inside the div. Everytime the image changes I would like to compare the images position on the X axis and depending on the number provide a certain action. I wrote a script that does not seem to work (most likely my logic is completely off) and alerts out a position of 0 every time.

    var p = $("#hd_Thumbs img:first");
    var offset = p.offset().left;


    alert(offset);

    if(offset >= 60) {
    alert("No Bueno");

    }

Could anyone point me in the right direction or possibly provide a url I could read up on this. I feel like my logic and plan of attack for this is all wrong. Thanks in advance.
