var randomnumber;
$(document).ready(function(){
    randomnumber = Math.floor(Math.random()*176) + 10;
    if ($('#arrow img').size() <=0) {
        $("#arrow").append("<img src='/arrow-down.png' style='margin-left:" + randomnumber + "px;'/>");
    }
    //$("#scrollerhandle").draggable( { axis: 'x', containment: 'parent' } );
    //$("#scrollerhandle").bind("dragstop", function(event, ui){scrollerCaptcha(event,ui);});
    $("#scrollerhandle").draggable( { axis: 'x',  containment: 'parent', stop: function(event, ui){scrollerCaptcha(event,ui);}});
    
});
function scrollerCaptcha(event, ui){
    var pointer = randomnumber + ($("#arrow img:first" ).width() / 2);
    var halfwidth = ($("#scrollerhandle").width() / 2);
    var handlepoint = $("#scrollerhandle" ).position().left + halfwidth;
    var inline = false;
    if (handlepoint >= (pointer - (halfwidth-3)) && handlepoint <= (pointer + (halfwidth-3)))
        inline = true;
    //console.log(pointer + ", " + handlepoint + " " + inline);
    if (inline)
      document.getElementById("aligned").value = alignedText;
}