[qwe88]

Добрый день!
Учусь писать элементарную карусель.
Все работает как надо, только при прокрутке карусели заново, приходится нажать два раза кнопку, что бы она начала прокрутку.
Помогите, пожалуйста, сильно застрял и не могу понять в чем дело.

<style>
    #naspi li{
        display: inline-block;
        width:  200px;
        height:  100px;
        background-color: #000;
        margin: 20px;
        color: #fff;
        -webkit-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        margin-left: 0;

    }

    #naspi{
        width: 800px;
        overflow: hidden;
        height: 100px;
    }

    ul {
        margin: 0;
        padding: 0;
    }
</style>


<ul id="naspi">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<div onclick="vlev()">Влево</div>
<br>


<br>
<div id="cifr">0</div>

<script>
    var spis = document.getElementById("naspi");
    var skoka = spis.getElementsByTagName("li");

    var vnut = Number(document.getElementById("cifr").innerHTML);
    var vnutnc = document.getElementById("cifr");


    function vlev(){
        var cifogr = vnutnc.innerHTML;
        vnut = vnut + 1;
        vnutnc.innerHTML = vnut;

        if(vnut >= skoka.length - 3){
            vnut = -1;

            for(i=0; i<=skoka.length; i++){
                skoka[i].style.marginLeft = "0";
            }
        }


        skoka[cifogr].style.marginLeft = "-225px";
    }
</script>