stop event after first time
<p>i am firing an event when im at a special scrollposition with <a href="https://github.com/protonet/jquery.inview" rel="nofollow">jquery.inview</a>. it works by adding classes if an element is in the viewport. in my script im saying the following</p>

<pre><code>    var $BG = $('#BG')
$('#BG').bind('inview', function (event, visible) 
{
        if (visible == true) {
        $(this).addClass("inview");

        } else {

        $(this).removeClass("inview");
        }
    });

   if($BG.hasClass("inview")){

        $('#diagonal').css('left',0)
        $('#diagonal').css('top',0)

    }
</code></pre>

<p>but it fires the .css events again and again, but i want them to fire only at the first time the #BG gets the "inview" class.
thanks ted</p>
