//variables
var starttop = 0;
var endtop = 115;
var loopstep = 5;
var loopspeed = 10;

//run
function scrollHeaderSmallBasketDiv() {
    if (document.getElementById("headersmallbasket").style.top == "" || document.getElementById("headersmallbasket").style.top == starttop + "px")
        animate(starttop, 1, loopstep);
}

//animate
function animate(top, validate, step) {
    //open
    if (validate == 1) {
        if (endtop - 110 < top)
            step = 5;
        else if (endtop - 90 < top)
            step = 10;
        else if (endtop - 70 < top)
            step = 6;
        else if (endtop - 40 < top)
            step = 3;
        else if (endtop - 20 < top)
            step = 1;

        if ((top + step) <= endtop)
            top += step;
        else
            top = endtop;
    }

    //close
    if (validate == 2) {
        if ((top - step) >= starttop)
            top -= step;
        else
            top = starttop;
    }

    //set height
    document.getElementById("headersmallbasket").style.top = top + "px";

    //open
    if (validate == 1 && top < endtop) {
        setTimeout("animate(" + top + "," + validate + "," + step + ")", loopspeed);
    }

    //close
    if (validate == 2 && top > starttop) {
        setTimeout("animate(" + top + "," + validate + "," + step + ")", loopspeed);
    }
}