Kayan slider modülü yapmak.scrollLeft sorunu nasıl aşabilirim?

Belli bir süre (2sn) sonra Kayan bir modül yapmak istiyorum. Ancak scrollLeft olayını bir türlü yapamadım. Aşağıda vereceğim kodlarıda yazılanlara göre modül hiçbir şekilde animate ile kayma işlemi yapmıyor. İstiyorumki iç divde bulunan 10 tane bilgi notu, 2sn bir değişsin. Bunu nasıl yapabilirim.

kodların tamamı aşağıdadır.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <style>
    #div_dis{
    width:300px;
    height:100px;
    display:block;
    float:left;
    overflow:hidden;
    }
    #ic_div{
    width:980px;
    height:100px;
    background-color:#F7F7F7;
    display:block;
    float:left;
    }

    .bilgi{
    width:65px;
    height:75px;
    display:block;
    float:left;
    margin:10px;
    padding-left: 10px;
    border: 1px solid #ddd;
    }
    </style>

    <script type="text/javascript">
    $(document).ready(function(){
    setTimeout(function(){
    var  scrollleft_son = $("#div_dis").scrollLeft();
    scrollleft_son -=250;
    $("#div_dis").animate({scrollLeft: scrollleft_son},500);
    },2000);
    });

    </script>

    <div id="div_dis">
    <div id="ic_div">
    <div class="bilgi">Bilgi 1</div>
    <div class="bilgi">Bilgi 1</div>
    <div class="bilgi">Bilgi 3</div>
    <div class="bilgi">Bilgi 4</div>
    <div class="bilgi">Bilgi 5</div>
    <div class="bilgi">Bilgi 6</div>
    <div class="bilgi">Bilgi 7</div>
    <div class="bilgi">Bilgi 8</div>
    <div class="bilgi">Bilgi 9</div>
    <div class="bilgi">Bilgi 10</div>
    </div>
    </div>