var jsonurl = "../JSON-RPC";
var jsonrpc = null;
var currentMenuExposed = 0;
var currentFabricTypeSelected = 1;
var currentSubMenuExposed = 0;
var arrowRight = "../images/SmallArrowSingleRight.gif";
var arrowDown = "../images/SmallArrowSingleDown.gif";

var tabImageN1 = new Image();
tabImageN1.src = '../images/SubTabFabricsNotSelected.gif';
var tabImageA1 = new Image();
tabImageA1.src = '../images/SubTabFabricsSelected.gif';
var tabImageN2 = new Image();
tabImageN2.src = '../images/SubTabVinylNotSelected.gif';
var tabImageA2 = new Image();
tabImageA2.src = '../images/SubTabVinylSelected.gif';
var tabImageN3 = new Image();
tabImageN3.src = '../images/SubTabLeatherNotSelected.gif';
var tabImageA3 = new Image();
tabImageA3.src = '../images/SubTabLeatherSelected.gif';
var tabImageN4 = new Image();
tabImageN4.src = '../images/SubTabMoreNotSelected.gif';
var tabImageA4 = new Image();
tabImageA4.src = '../images/SubTabMoreSelected.gif';


function toggleBlind(number) {
    var elementId = "blind" + number;
    var ele = document.getElementById(elementId);
    if (ele.style.display == "none") {
        ele.style.display = "block";
    } else {
        ele.style.display = "none";
    }
}

function setFabricType(fabricType) {
    init();
    var types = 4;
    var i = 1;
    currentFabricTypeSelected = fabricType - 1;
    while (i <= types) {
        if (i == 1) {
            if (i == fabricType) {
                document.getElementById("fabrictab" + i).src = tabImageA1.src;
                document.getElementById("menu" + i).style.display = "block";
            } else {
                document.getElementById("fabrictab" + i).src = tabImageN1.src;
                document.getElementById("menu" + i).style.display = "none";
            }
        }
        if (i == 2) {
            if (i == fabricType) {
                document.getElementById("fabrictab" + i).src = tabImageA2.src;
                document.getElementById("menu" + i).style.display = "block";
            } else {
                document.getElementById("fabrictab" + i).src = tabImageN2.src;
                document.getElementById("menu" + i).style.display = "none";
            }
        }
        if (i == 3) {
            if (i == fabricType) {
                document.getElementById("fabrictab" + i).src = tabImageA3.src;
                document.getElementById("menu" + i).style.display = "block";
            } else {
                document.getElementById("fabrictab" + i).src = tabImageN3.src;
                document.getElementById("menu" + i).style.display = "none";
            }
        }
        if (i == 4) {
            if (i == fabricType) {
                document.getElementById("fabrictab" + i).src = tabImageA4.src;
                document.getElementById("menu" + i).style.display = "block";
            } else {
                document.getElementById("fabrictab" + i).src = tabImageN4.src;
                document.getElementById("menu" + i).style.display = "none";
            }
        }
        i++;
    }
    jsonrpc.menuRPC.setFabricTypeSelected(fabricType * 1);
    if (currentMenuExposed > 0) {
        setMenuExposed(currentMenuExposed);
    }
}

function setMenuExposed(menuExposed) {
    init();
    currentMenuExposed = menuExposed;
    var types = 13;
    var i = 1;
    while (i <= types) {
        var fullname = "menuExposed" + i;
        document.getElementById(fullname).style.display = "none";
        var arrow = "arrow" + i;
        document.getElementById(arrow).src = arrowRight;
        i++;
    }
    var finalName = "menuExposed" + menuExposed;
    if (document.getElementById(finalName)) {
        document.getElementById(finalName).style.display = "block";
    } else {
        alert(finalName);
    }

    var arrow = "arrow" + menuExposed;
    document.getElementById(arrow).src = arrowDown;
    jsonrpc.menuRPC.setMenuExposed(menuExposed);
}

function setCategorySubMenuExposed(subMenuExposed) {
    init();
    currentSubMenuExposed = subMenuExposed;
    var subs = 14;
    var i = 1;
    while (i <= subs) {
        var name = "categorySubMenu" + i;
        document.getElementById(name).style.display = "none";
        var arrow = "subarrow" + i;
        document.getElementById(arrow).src = arrowRight;
        i++;
    }
    var toexp = "categorySubMenu" + subMenuExposed;
    document.getElementById(toexp).style.display = "inline";
    var toarrow = "subarrow" + subMenuExposed;
    document.getElementById(toarrow).src = arrowDown;
    jsonrpc.menuRPC.setCategorySubMenu(subMenuExposed);
}