//variables
var starttop = -540;
var endtop = 112;
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);
    }
}

//handle body click hide small basket
function handleClickSmallBasket(event) {
    var target = null;

    if (event.target) {
        target = event.target;
    }
    else {
        if (!e) {
            var e = window.event;
        }
        if (e.target) {
            target = e.target;
        }
        else if (e.srcElement) {
            target = e.srcElement;
        }
        if (target.nodeType == 3) {
            target = target.parentNode;
        }
    }

    var tname = target.id;

    //hide small basket
    if ((tname.substring(0, 16) != "closesmallbasket" || tname=="") && target.alt!='NA BLAGAJNO' && $("headersmallbasket").style.top == endtop + "px")
    {
        scrollHeaderSmallBasketDiv();
    }

    return;
}

//small basket ajax request
function sendSmallBasketAjaxRequest(validate, divid, handler) {
    sendAjaxRequest(rooturl + "ajaxsmallbasket.aspx?validate=" + validate, divid, handler);
}

//show small basket
function showSmallBasket() {
    //load and then scroll // scroll
    if ($("headersmallbasket").innerHTML.replace(" ", "") == "")
        sendSmallBasketAjaxRequest(2, "headersmallbasket", "handleSmallBasketScroll");
    else
        scrollHeaderSmallBasketDiv();
}