function proizMenuTabs(divID, aktivanLink) {

    proizSakrijContent();

    var mainNodovi = document.getElementById(divID).childNodes;

    var linkPrvi, linkDrugi, linkTreci, linkCetvrti;
    for (i = 0; i < mainNodovi.length; i++) {
        if (mainNodovi[i].nodeName == "DIV" || mainNodovi[i].nodeName == "A") {
            linkPrvi == null ? linkPrvi = mainNodovi[i] : linkDrugi == null ? linkDrugi = mainNodovi[i] : linkTreci == null ? linkTreci = mainNodovi[i] : linkCetvrti = mainNodovi[i];
            mainNodovi[i].style.marginLeft = "5px";
        }
    }

    switch (aktivanLink) {
        case 1:
            setStylesProizMenuTabs(linkPrvi);
            resetStylesProizMenuTabs(linkDrugi);
            resetStylesProizMenuTabs(linkTreci);
            resetStylesProizMenuTabs(linkCetvrti);
            document.getElementById("proizFunkcionalnost").style.display = "block";
            break;
        case 2:
            resetStylesProizMenuTabs(linkPrvi);
            setStylesProizMenuTabs(linkDrugi);
            resetStylesProizMenuTabs(linkTreci);
            resetStylesProizMenuTabs(linkCetvrti);
            document.getElementById("proizDijagram").style.display = "block";
            break;
        case 3:
            resetStylesProizMenuTabs(linkPrvi);
            resetStylesProizMenuTabs(linkDrugi);
            setStylesProizMenuTabs(linkTreci);
            resetStylesProizMenuTabs(linkCetvrti);
            document.getElementById("proizKlijenti").style.display = "block";
            break;
        case 4:
            resetStylesProizMenuTabs(linkPrvi);
            resetStylesProizMenuTabs(linkDrugi);
            resetStylesProizMenuTabs(linkTreci);
            setStylesProizMenuTabs(linkCetvrti);
            document.getElementById("proizInfo").style.display = "block";
            break;
    
    }
}

function proizSakrijContent() {
    document.getElementById("proizFunkcionalnost").style.display = "none";
    document.getElementById("proizDijagram").style.display = "none";
    document.getElementById("proizKlijenti").style.display = "none";
    document.getElementById("proizInfo").style.display = "none";
}

function setStylesProizMenuTabs(activeNodes) {
    var brojac;
    brojac = 0;
    activeNodes.style.marginLeft = "1px";
    activeNodes.style.marginRight = "-4px";
    activeNodes.style.color = "#0067a6";
    for (i = 0; i < activeNodes.childNodes.length; i++) {
        if (activeNodes.childNodes[i].nodeName == "DIV") {
            switch (brojac) {
                case 0:
                    activeNodes.childNodes[i].className = "divMenu2ButtonActiv1";
                    break;
                case 1:
                    activeNodes.childNodes[i].className = "divMenu2ButtonActiv2";
                    break;
                case 2:
                    activeNodes.childNodes[i].className = "divMenu2ButtonActiv3";
                    break;
            }
            brojac++;
        }
    }
}

function resetStylesProizMenuTabs(inactiveNodes) {
    var brojac;
    brojac = 0;
    inactiveNodes.style.marginLeft = "5px";
    inactiveNodes.style.marginRight = "0px";
    inactiveNodes.style.color = "White";
    for (i = 0; i < inactiveNodes.childNodes.length; i++) {
        if (inactiveNodes.childNodes[i].nodeName == "DIV") {
            switch (brojac) {
                case 0:
                    inactiveNodes.childNodes[i].className = "divMenu2Button1";
                    break;
                case 1:
                    inactiveNodes.childNodes[i].className = "divMenu2Button2";
                    break;
                case 2:
                    inactiveNodes.childNodes[i].className = "divMenu2Button3";
                    break;
            }
            brojac++;
        }
    }
}



function srediString(fileName) {
    j = 0;
    for (i = 0; i < fileName.toString().length; i++) {
        j++;
        if (j == 10) {
            fileName = fileName.substr(0, i) + "&#8203;" + fileName.substr(i);
            i = i + 7;
            j = 0;
        }
    }
    return fileName;
}
function changeBck(fileUploadId, inOut) {
    if (inOut == "in") document.getElementById(fileUploadId).style.backgroundPosition = '-73px  top';
    else document.getElementById(fileUploadId).style.backgroundPosition = 'left top';
}

function onSelectedIndexChanged(dropdown) {
    var Myindex = dropdown.selectedIndex;
    var SelValue = dropdown.options[Myindex].value;
    var BaseURL = SelValue;
    top.location.href = BaseURL;

    return true;
}