﻿var interval_korpa;
var korpa_otklon;
var korpa_otklon_step;
var korpa_opacity;

function KorpaZakljuci()
{
    var xmlhttp;
    document.getElementById("divKorpaNarudzbaForma").style.visibility = "hidden";
    document.getElementById("divKorpaNarudzbaLoading").style.visibility = "visible";
    if (window.XMLHttpRequest)
      {// IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var q;
                if(xmlhttp.responseText.indexOf("<!DOCTYPE") >= 0)
                    q = xmlhttp.responseText.substring(0,xmlhttp.responseText.indexOf("<!DOCTYPE"));
                else
                    q = xmlhttp.responseText;  
            if(xmlhttp.responseText.substring(0,2) != "no")
            {
                document.getElementById("divKorpaNarudzbaLoading").innerHTML = '<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 100%"><tr><td style="width: 100%; height: 100%" align="center" valign="middle" class="KorpaNarudzbaResponse">' + q + '</td></tr></table>';
                setTimeout('KorpaZakljuciOcisti()', 3000);
            }
            else
            {
                q = q.substring(q.indexOf("#") + 1);//no
                //
                document.getElementById("errIme").innerHTML = q.substring(0,q.indexOf("#"));//errIme
                q = q.substring(q.indexOf("#") + 1);
                document.getElementById("errAdresa").innerHTML = q.substring(0,q.indexOf("#"));//errAdresa
                q = q.substring(q.indexOf("#") + 1);
                document.getElementById("errPDV").innerHTML = q.substring(0,q.indexOf("#"));//errPDV
                q = q.substring(q.indexOf("#") + 1);
                document.getElementById("errTelefon").innerHTML = q.substring(0,q.indexOf("#"));//errTelefon
                q = q.substring(q.indexOf("#") + 1);
                document.getElementById("errEmail").innerHTML = q;//errEmail
                document.getElementById("divKorpaNarudzbaLoading").style.visibility = "hidden";
                document.getElementById("divKorpaNarudzbaForma").style.visibility = "visible";
            }
        }
    }
    xmlhttp.open("POST","KorpaZakljuci.aspx", true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("Ime=" + encodeURIComponent(document.getElementById("txtIme").value) + "&Adresa=" + encodeURIComponent(document.getElementById("txtAdresa").value) + "&PDV=" + encodeURIComponent(document.getElementById("txtPDV").value) + "&Telefon=" + encodeURIComponent(document.getElementById("txtTelefon").value) + "&Email=" + encodeURIComponent(document.getElementById("txtEmail").value));
}

function KorpaZakljuciOcisti()
{
    document.getElementById("divKorpaNarudzbaLoading").innerHTML = '<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 100%"><tr><td style="width: 100%; height: 100%" align="center" valign="middle"><img src="Graphics/loading.gif" alt="" /></td></tr></table>';
    KorpaOcisti();
    document.getElementById("spanKorpaBroj").innerHTML = "0";
}

function KorpaOcisti()
{
    document.getElementById("divKorpaOkvir").style.marginLeft = '-150px';
    document.getElementById("divKorpaOkvir").style.visibility = 'hidden';
    document.getElementById("divKorpa").style.opacity = '1';
    document.getElementById("divKorpa").style.filter = 'alpha(opacity=100)';
    document.getElementById("divKorpa").style.visibility = 'hidden';
    document.getElementById("divKorpaLista").style.opacity = '0';
    document.getElementById("divKorpaLista").style.filter = 'alpha(opacity=0)';
    document.getElementById("divKorpaLista").style.visibility = 'hidden';
    document.getElementById("divKorpaNarudzba").style.opacity = '0';
    document.getElementById("divKorpaNarudzba").style.filter = 'alpha(opacity=0)';
    document.getElementById("divKorpaNarudzba").style.visibility = 'hidden';
    document.getElementById("imgKorpaArtikal").style.visibility = 'hidden';
    document.getElementById("imgKorpaArtikal").style.marginTop = '-450px';
    document.getElementById("divTransparent").style.visibility = 'hidden';
    document.getElementById("divKorpaNarudzbaForma").style.visibility = "visible";
    document.getElementById("divKorpaNarudzbaLoading").style.visibility = "hidden";
    //
    document.getElementById("errIme").innerHTML = '';
    document.getElementById("errFirma").innerHTML = '';
    document.getElementById("errTelefon").innerHTML = '';
    document.getElementById("errEmail").innerHTML = '';
}

function PomjeriKorpuLijevo()
{
    korpa_otklon = -150;
    korpa_opacity = 0;
    interval_korpa = setInterval("KorpaLijevoKorak()", 40);
}
function KorpaLijevoKorak()
{
    if(korpa_otklon == -520) clearInterval(interval_korpa);
    if(korpa_opacity <= 100)
    {
        document.getElementById("divKorpaLista").style.opacity = korpa_opacity * 0.01;
        document.getElementById("divKorpaLista").style.filter = 'alpha(opacity=' + korpa_opacity + ')';
        korpa_opacity += 10;
    }
    document.getElementById("divKorpaOkvir").style.marginLeft = korpa_otklon + "px";
    korpa_otklon -= 37;
}
function PomjeriKorpuLijevo_1()
{
    document.getElementById("divKorpaNarudzba").style.visibility = "visible";
    korpa_otklon = -520;
    korpa_opacity = 0;
    interval_korpa = setInterval("KorpaLijevoKorak_1()", 40);
}
function KorpaLijevoKorak_1()
{
    if(korpa_otklon == -940)
    {
        clearInterval(interval_korpa);
        document.getElementById("divKorpaLista").style.visibility = "hidden";
    }
    if(korpa_opacity <= 100)
    {
        document.getElementById("divKorpa").style.opacity = (100 - korpa_opacity) * 0.01;
        document.getElementById("divKorpa").style.filter = 'alpha(opacity=' + (100 - korpa_opacity) + ')';
        document.getElementById("divKorpaLista").style.opacity = (100 - korpa_opacity) * 0.01;
        document.getElementById("divKorpaLista").style.filter = 'alpha(opacity=' + (100 - korpa_opacity) + ')';
        document.getElementById("divKorpaNarudzba").style.opacity = korpa_opacity * 0.01;
        document.getElementById("divKorpaNarudzba").style.filter = 'alpha(opacity=' + korpa_opacity + ')';
        korpa_opacity += 10;
    }
    document.getElementById("divKorpaOkvir").style.marginLeft = korpa_otklon + "px";
    korpa_otklon -= 42;
}
function KorpaUbaci(id, ArtikalImg)
{
    var xmlhttp;
    document.getElementById("imgKorpaArtikal").src = "galerija/Datoteke/ArtikliImg/Male/" + ArtikalImg + ".png";
    document.getElementById("divKorpaTabela").innerHTML = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"width: 100%; height: 100%\"><tr><td style=\"width: 100%; height: 100%\" align=\"center\" valign=\"middle\"><img src=\"Graphics/loading.gif\" alt=\"\" /></td></tr></table>";
    if (window.XMLHttpRequest)
      {// IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            if(xmlhttp.responseText!="no")
            {
                var q;
                if(xmlhttp.responseText.indexOf("<!DOCTYPE") >= 0)
                    q = xmlhttp.responseText.substring(0,xmlhttp.responseText.indexOf("<!DOCTYPE"));
                else
                    q = xmlhttp.responseText;    
                document.getElementById("spanKorpaBroj").innerHTML = q.substring(0,q.indexOf("#"));
                document.getElementById("divKorpaTabela").innerHTML = q.substring(q.indexOf("#") + 1);
            }
            else
            {
                document.getElementById("divKorpaTabela").innerHTML = "Greška ! " + xmlhttp.responseText;
            }
        }
    }
    xmlhttp.open("POST","KorpaDodaj.aspx", true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("id=" + id + "&Kolicina=1");
    
    korpa_otklon = -280;
    korpa_otklon_step = 2;
    document.getElementById("divTransparent").style.visibility = "visible";
    document.getElementById("divKorpaOkvir").style.visibility = "visible";
    
    document.getElementById("divKorpa").style.visibility = "visible";
    document.getElementById("divKorpaLista").style.visibility = "visible";
    if(id == 0)//Samo prikaz korpe
    {
        PomjeriKorpuLijevo();
    }
    else
    {
        document.getElementById("imgKorpaArtikal").style.visibility = "visible";
        interval_korpa = setInterval("KorpaUbaciKorak()", 40);
    }
}
function KorpaUbaciKorak()
{
    if(korpa_otklon > -100)
    {
        clearInterval(interval_korpa);
        document.getElementById("imgKorpaArtikal").src = "galerija/Datoteke/ArtikliImg/Male/0_prazno.png";
        document.getElementById("imgKorpaArtikal").style.visibility = "hidden";
    }
    if(korpa_otklon > -220) korpa_otklon_step = 20;
    document.getElementById("imgKorpaArtikal").style.marginTop = korpa_otklon + "px";
    if(korpa_otklon > -100)
    {
        PomjeriKorpuLijevo();
    }
    else
    {
        korpa_otklon += korpa_otklon_step;
    }
}
