//varijable
var letters = ["A", "B", "C", "D", "E"];

$(document).ready(function () {
    //cycle.
    cycle();
    //napuni tečajnu listu.
    var valute = [];
    $(".grdTecajnaLista td:first-child").each(function () {
        valute.push("<option>" + $(this).html() + "</option>");
    });
    $("#valuta1, #valuta2").html(valute.join(''));
    //load sekcija
    $("#sekcija-1-nav a").eq(0).click();
    $("#sekcija-2-nav a").eq(0).click();
    $("#sekcija-3-nav a").eq(0).click();
    $("#sekcija-4-nav a").eq(0).click();
    $("#sekcija-5-nav a").eq(0).click();
});

function cycle() {
    //cycle
    $("#cycle1").cycle({
        fx: "scrollLeft",
        speed: 300,
        timeout: 6500,
        delay: -500,
        pager: "#cycleNav1",
        pagerAnchorBuilder: function (idx, slide) {
            return "<a href='#'>" + letters[idx] + "</a>";
        },
        pagerClick: function () {
            $("#cycle1").cycle("pause");
            clearTimeout(timeout1);
            var timeout1 = setTimeout(resumeCycle1, 3000);
        }
    });
    $("#cycle2").cycle({
        fx: "scrollLeft",
        speed: 500,
        timeout: 0,
        delay: -500,
        pager: "#cycleNav2",
        pagerAnchorBuilder: function (idx, slide) {
            return "<a href='#'>" + letters[idx] + "</a>";
        },
        
        
    });
    $("#cycle3").cycle({
        fx: "scrollLeft",
        speed: 500,
        timeout: 0,
        delay: -500,
        pager: "#cycleNav3",
        pagerAnchorBuilder: function (idx, slide) {
            return "<a href='#'>" + letters[idx] + "</a>";
        },
        
    });
    $("#cycle4").cycle({
        fx: "scrollLeft",
        speed: 500,
        timeout: 0,
        delay: -500,
        pager: "#cycleNav4",
        pagerAnchorBuilder: function (idx, slide) {
            return "<a href='#'>" + letters[idx] + "</a>";
        },
       
    });
}

function izracunajTecaj() {
    var j1 = $(".grdTecajnaLista tr").eq(parseInt($("#valuta1").attr("selectedIndex")) + 1).children().eq(1).html();
    var j2 = $(".grdTecajnaLista tr").eq(parseInt($("#valuta2").attr("selectedIndex")) + 1).children().eq(1).html();
    var v1 = $(".grdTecajnaLista tr").eq(parseInt($("#valuta1").attr("selectedIndex")) + 1).children().eq(2).html();
    var v2 = $(".grdTecajnaLista tr").eq(parseInt($("#valuta2").attr("selectedIndex")) + 1).children().eq(2).html();

    var i1 = $("#valuta1v").val();

    i1 = parseFloat(i1.replace(",", "."));
    v1 = parseFloat(v1.replace(",", "."));
    v2 = parseFloat(v2.replace(",", "."));

    i1 = i1 * v1 / j1;
    i2 = i1 / v2 * j2;

    $("#valuta2v").val(Math.round(i2 * 100) / 100);
}

function loadSekcija(s, k, i) {
    
    var sadrzaj = $(s + " .sekcija-sadrzaj");
    var loader = $(s + " .loader");
    var sekcija;
    var p = 6 * i;

    if ($(s + " .sekcija-sadrzaj .sekcija").eq(i).length === 0) {
        loader.show();
        $("<div class='sekcija'><div>").appendTo(sadrzaj);
        sekcija = $(s + " .sekcija-sadrzaj .sekcija");
        sekcija.eq(i).load("sekcija.aspx?k=" + k + "&p=" + p + " .sekcija-grupa", function () {
            loader.hide();
            slideSekcija(s, i);
        });
    } else {
        slideSekcija(s, i);
    }
    $(s + "-nav a").removeClass("aktivno").eq(i).addClass("aktivno");
}

function slideSekcija(s, i) {
    var x = -450 * i;
    $(s + " .sekcija-sadrzaj").animate({ "left": x + "px" }, 500);
}

//toto

function loadSekcija2(s, k, i) {
    
    var sadrzaj = $(s + " .sekcija-sadrzaj-sport");
    var loader = $(s + " .loader");
    var sekcija;
    var p = 8 * i;

    if ($(s + " .sekcija-sadrzaj-sport .sekcija").eq(i).length === 0) {
        loader.show();
        $("<div class='sekcija'><div>").appendTo(sadrzaj);
        sekcija = $(s + " .sekcija-sadrzaj-sport .sekcija");
        sekcija.eq(i).load("sekcija-sport.aspx?k=" + k + "&p=" + p + " .sekcija-grupa", function () {
            loader.hide();
            slideSekcija2(s, i);
        });
    } else {
        slideSekcija2(s, i);
    }
    $(s + "-nav a").removeClass("aktivno").eq(i).addClass("aktivno");
}

function slideSekcija2(s, i) {
    var x = -450 * i;
    $(s + " .sekcija-sadrzaj-sport").animate({ "left": x + "px" }, 500);
}


function loadSekcija3(s, k, i) {
    var sadrzaj = $(s + " .sekcija-sadrzaj-life");
    var loader = $(s + " .loader");
    var sekcija;
    var p = 4 * i;

    if ($(s + " .sekcija-sadrzaj-life .sekcija").eq(i).length === 0) {
        loader.show();
        $("<div class='sekcija'><div>").appendTo(sadrzaj);
        sekcija = $(s + " .sekcija-sadrzaj-life .sekcija");
        sekcija.eq(i).load("sekcija-life.aspx?k=" + k + "&p=" + p + " .sekcija-grupa", function () {
            loader.hide();
            slideSekcija3(s, i);
        });
    } else {
        slideSekcija3(s, i);
    }
    $(s + "-nav a").removeClass("aktivno").eq(i).addClass("aktivno");
}

function slideSekcija3(s, i) {
    var x = -450 * i;
    $(s + " .sekcija-sadrzaj-life").animate({ "left": x + "px" }, 500);
}
//toto

function resumeCycle1() {
    $("#cycle1").cycle("resume");
}

/*galerija*/

var trenutnaSlika = 0;

function otvoriProzorGalerije(urlAlbuma) {
    $("#modal").modal({ opacity: 80 });
    $("#modal").load(urlAlbuma, "#body", function () { ucitajSliku(); });
    $("body").scrollTop(0);

}

function ucitajSliku() {
    if ($("#album span").length === 1) {
        $(".prethodni").addClass("disabled");
        $(".sljedeci").addClass("disabled");
    } else if (trenutnaSlika === 0) {
        $(".prethodni").addClass("disabled");
    } else if (trenutnaSlika === $("#album span").length) {
        //$(".sljedeci").addClass("disabled");
        trenutnaSlika = 0;
    } else {
        $(".prethodni").removeClass("disabled");
        $(".sljedeci").removeClass("disabled");
    }

    $("#slika").attr("src", $("#album span").eq(trenutnaSlika).html());
    $("#Zbroj").text($("#album span").length);
    $("#BrojSlike").text(trenutnaSlika + 1);
    $(".disabled, .prethodni, .sljedeci").disableTextSelect();
}

function ucitajSljedecuSliku() {
    if (!$(".sljedeci").hasClass("disabled")) {
        trenutnaSlika = trenutnaSlika + 1;
        ucitajSliku(trenutnaSlika);
    }
}

function ucitajPrethodnuSliku() {
    if (!$(".prethodni").hasClass("disabled")) {
        trenutnaSlika = trenutnaSlika - 1;
        ucitajSliku(trenutnaSlika);
    }
}