change content of a fixed div when scrolling past anchors in jquery
<p>I have a two column site layout that has the content of the left column as absolute and the div in the right column as fixed. I am trying to get it so that as I scroll down the page and the fixed div box scrolls past anchor points (on the left), the content of the fixed div will change (images will be appended). </p>

<p>The very loose weave jquery I have so far is this:</p>

<pre><code>(function ($) {
  $(document).ready(function () {  
    var anchor = $("")
    var code = 
    $(window).scroll(function (event) {
      var y = $(this).scrollTop();
      if (y &gt;= anchor) {
        $('#theDiv').append('&lt;img id="livecodeimg" src="' + code +'.png" /&gt;')
      } else {
        $("#test img:last-child").remove()
      }
    });
  });
})(jQuery);
</code></pre>

<p>I'm having trouble figuring out what to make the variables...</p>
