//variables
var starttop = -530;
var endtop = 78;
var loopstep = 40;
var loopspeed = 10;

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

//animate
function animate(top, validate, step) 
{
    //open
    if (validate == 1) 
    {
        if (endtop - 110 < top)
            step = 20;
        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);
    }
}