var AJAX = null;
var MESSAGE_DIV = null;
var MESSAGE_TEXT = null;
var LOADING_IMG = new Image();
LOADING_IMG.src = "imgcmd/loading.gif";
var ACTIVE = false;

function SetAjax()
{
    if (window.XMLHttpRequest) AJAX = new XMLHttpRequest(); 
    if (window.ActiveXObject) AJAX = new ActiveXObject("Microsoft.XMLHTTP");
}
function ubaci(el, ID, name)
{
    if (ACTIVE == true) return;
    var artiklUl = document.getElementById("ulCart");
    var artikli = artiklUl.getElementsByTagName("li");
    for (var i = 0; i < artikli.length; i++)
    {
        var artikl = artikli[i];
        if (artikl.getAttribute("id").substring(2) == ID)
        {
            ACTIVE = true;
            MESSAGE_TEXT = document.createTextNode("Artikl je već u košarici");
            MESSAGE_DIV = document.createElement("div");
            MESSAGE_DIV.className = "ajax_message";
            MESSAGE_DIV.style.backgroundColor = "Red";
            MESSAGE_DIV.appendChild(MESSAGE_TEXT);
            el.parentNode.appendChild(MESSAGE_DIV);
            setTimeout(function(){
            el.parentNode.removeChild(MESSAGE_DIV);
            MESSAGE_DIV.removeChild(MESSAGE_DIV.childNodes[0]);
            ACTIVE = false;
            }, 1500);
            return;
        }
    }
    ACTIVE = true;
    SetAjax();
    var file = "webshop/dodajArtikl.aspx";
    var data = "artiklId=" + ID;
    AJAX.open("POST", file, true);
    AJAX.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    AJAX.onreadystatechange = function()
    {
        if (AJAX.readyState == 4 && AJAX.status == 200)
        {
            var artiklLi = document.createElement("li");
            artiklLi.id = "li" + ID;
            var artiklHref = document.createElement("a");
            artiklHref.innerHTML = "[izbaci]";
            artiklHref.setAttribute("href", "javascript:izbaci(" + ID + ");");
            var artiklTxt = document.createTextNode(name);
            artiklLi.appendChild(artiklTxt);
            artiklLi.appendChild(artiklHref);
            artiklUl.appendChild(artiklLi);
            var span = document.getElementById("labelEmpty");
            if (span.hasChildNodes()) span.innerHTML = "";
            document.getElementById("naruci").className = "naruciShow";
            MESSAGE_TEXT = document.createTextNode("Artikl je ubačen u košaricu");
            MESSAGE_DIV.removeChild(MESSAGE_DIV.childNodes[0]);
            MESSAGE_DIV.style.backgroundColor = "Green";
            MESSAGE_DIV.appendChild(MESSAGE_TEXT);
            el.parentNode.appendChild(MESSAGE_DIV);
            setTimeout(function(){
            el.parentNode.removeChild(MESSAGE_DIV);
            MESSAGE_DIV.removeChild(MESSAGE_DIV.childNodes[0]);
            ACTIVE = false;
            }, 1500);
        }
        else
        {
            if (!MESSAGE_DIV || !MESSAGE_DIV.hasChildNodes())
            {
                //MESSAGE_TEXT = document.createTextNode("Loading...");
                MESSAGE_DIV = document.createElement("div");
                MESSAGE_DIV.className = "ajax_message";
                //MESSAGE_DIV.style.backgroundColor = "Orange";
                //MESSAGE_DIV.appendChild(MESSAGE_TEXT);
                MESSAGE_DIV.appendChild(LOADING_IMG);
                el.parentNode.appendChild(MESSAGE_DIV);
            }
        }
    }
    AJAX.send(data);
}
function izbaci(ID)
{
    if (ACTIVE == true) return;
    ACTIVE = true;
    SetAjax();
    var file = "webshop/izbaciArtikl.aspx";
    var data = "artiklId=" + ID;   
    AJAX.open("POST", file, true);
    AJAX.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    AJAX.onreadystatechange = function()
    {
        if (AJAX.readyState == 4 && AJAX.status == 200)
        {
            var artiklUl = document.getElementById("ulCart");
            var artiklLi = document.getElementById("li" + ID);
            var span = document.getElementById("labelEmpty");
            if (AJAX.responseText != 0) 
            {
                artiklUl.removeChild(artiklLi);
                if (span.hasChildNodes()) span.innerHTML = "";
                document.getElementById("naruci").className = "naruciShow";
            }
            else
            if (AJAX.responseText == 0)
            {
                artiklUl.removeChild(artiklLi);
                var messageEmpty = document.createTextNode("Košarica je prazna");
                span.appendChild(messageEmpty);
                document.getElementById("naruci").className = "naruciHide";
            }
            ACTIVE = false;
        }
    }
    AJAX.send(data);
}