var lMenuRustKleur     = "#484c43";
var lMenuMarktKleur    = "#FFB310";
var lMenuTrainKleur    = "#91CE44";
var lMenuITActiefKleur = "#0084CB";
var lMenuITSelectKleur = "#C6DBF3";

var rMenuRustKleur   = "#66BF7D";
var rMenuActiefKleur = "#FFFFFF";
var rMenuSelectKleur = "#E0E3DF";

var locatieHome   = 0;
var locatieMarkt  = 1;
var locatieTrain  = 2;
var locatieIT     = 3;
var locatieWie    = 4;
var locatieElders = 5;

var positie1 = 0;
var positie2 = 1;
var positie3 = 2;

var kantLinks  = 0;
var kantRechts = 1;
var kantGeen   = 2;


// index = positie
var lMenuNaam = ["menui", "menuii", "menuiii"];
var rMenuNaam = ["menuj", "menujj", "menujjj"];

// index = positie
var lImgNaam = ["imgi", "imgii", "imgiii"];
var rImgNaam = ["imgj", "imgjj", "imgjjj"];

// index = kant
var menuNaam = [lMenuNaam, rMenuNaam];
var imgNaam  = [lImgNaam,  rImgNaam];

// index = positie
var lMenuHomeActiefKleur  = [lMenuMarktKleur,    lMenuITActiefKleur, lMenuTrainKleur];
var lMenuMarktActiefKleur = [lMenuMarktKleur,    lMenuITActiefKleur, lMenuTrainKleur];
var lMenuTrainActiefKleur = [lMenuTrainKleur,    lMenuMarktKleur,    lMenuITActiefKleur];
var lMenuITActiefKleur    = [lMenuITActiefKleur, lMenuMarktKleur,    lMenuTrainKleur];

// index = locatie
var lMenuIRustKleur = [lMenuRustKleur, lMenuMarktKleur, lMenuTrainKleur, lMenuITSelectKleur, lMenuRustKleur, lMenuRustKleur];
var lMenuActiefKleur = [lMenuHomeActiefKleur, lMenuMarktActiefKleur, lMenuTrainActiefKleur, lMenuITActiefKleur, lMenuHomeActiefKleur, lMenuHomeActiefKleur];

var rMenuJRustKleur = [rMenuRustKleur, rMenuRustKleur, rMenuRustKleur, rMenuRustKleur, rMenuRustKleur, rMenuSelectKleur];

// setBGcolor :: itemNaam (String) -> color (Number) -> void
function setBGcolorOnTo( on, to ) {
    document.getElementById(on).style.backgroundColor = to;
}
function getBGcolorOn( on ) {
    return document.getElementById(on).style.backgroundColor;
}

function getImgURL( kant, locatie, item ) {
    return document.getElementById(imgNaam[kant][item]).src + "";
}

function setImgURL( kant, locatie, item, url ) {
    document.getElementById(imgNaam[kant][item]).src = url;
}

function setLmenuItemKleurActief( locatie, item ) {
    setBGcolorOnTo(lMenuNaam[item],lMenuActiefKleur[locatie][item]);
}
function setLmenuItemKleurRust( locatie, item ) {
    if (  item == positie1  ) {
        setBGcolorOnTo(lMenuNaam[item],lMenuIRustKleur[locatie]);
    }
    else {
        setBGcolorOnTo(lMenuNaam[item],lMenuRustKleur);
    }
}

function setRmenuItemKleurActief( locatie, item ) {
    setBGcolorOnTo(rMenuNaam[item],rMenuActiefKleur);
}
function setRmenuItemKleurRust( locatie, item ) {
    if (  item == positie1  ) {
        setBGcolorOnTo(rMenuNaam[item],rMenuJRustKleur[locatie]);
    }
    else {
        setBGcolorOnTo(rMenuNaam[item],rMenuRustKleur);
    }
}

function setMenuItemKleurActief( kant, locatie, item ) {
    if (  kant == kantLinks  ) setLmenuItemKleurActief(locatie,item);
    else                       setRmenuItemKleurActief(locatie,item);
}
function setMenuItemKleurRust( kant, locatie, item ) {
    if (  kant == kantLinks  ) setLmenuItemKleurRust(locatie,item);
    else                       setRmenuItemKleurRust(locatie,item);
}

function isURLactief( url ) {
    return /actief/.test(url);
}
function setURLactief( url ) {
    return url.replace(/button|actief/,"actief");
}
function setURLrust( url ) {
    return url.replace(/button|actief/,"button");
}

function setMenuItemImgActief( kant, locatie, item ) {
    setImgURL(kant,locatie,item,setURLactief(getImgURL(kant,locatie,item)));
}

function setMenuItemImgRust( kant, locatie, item ) {
    var actief = kantGeen;
    if (  locatie == locatieElders  ) {actief = kantRechts;}
    else if (
           locatie == locatieMarkt
        || locatie == locatieTrain
        || locatie == locatieIT
    )
    {
        actief = kantLinks;
    }
    if (  kant == actief  &&  item == positie1  ) {
        setImgURL(kant,locatie,item,setURLactief(getImgURL(kant,locatie,item)));
    }
    else {
        setImgURL(kant,locatie,item,setURLrust(getImgURL(kant,locatie,item)));
    }
}

function isMenuItemImgActief( kant, locatie, item ) {
    return isURLactief(getImgURL(kant,locatie,item));
}

function setMenuItemActief( kant, locatie, item ) {
    setMenuItemKleurActief(kant,locatie,item);
    setMenuItemImgActief(kant,locatie,item);
}
function setMenuItemRust( kant, locatie, item ) {
    setMenuItemKleurRust(kant,locatie,item);
    setMenuItemImgRust(kant,locatie,item);
}
function isMenuItemActief( kant, locatie, item ) {
    return isMenuItemImgActief(kant,locatie,item);
}
function toggleMenuItem( kant, locatie, item ) {
    if (  isMenuItemActief(kant,locatie,item)  ) {
        setMenuItemRust(kant,locatie,item);
    }
    else {
        setMenuItemActief(kant,locatie,item);
    }
}

function toggleMenuItemGlobal( kant, item ) {toggleMenuItem(kant,LUMINlocatie,item);}

function toggleI()   {toggleMenuItemGlobal(kantLinks,positie1);}
function toggleII()  {toggleMenuItemGlobal(kantLinks,positie2);}
function toggleIII() {toggleMenuItemGlobal(kantLinks,positie3);}

function toggleJ()   {toggleMenuItemGlobal(kantRechts,positie1);}
function toggleJJ()  {toggleMenuItemGlobal(kantRechts,positie2);}
function toggleJJJ() {toggleMenuItemGlobal(kantRechts,positie3);}