// JavaScript Document
/* funkcja zmian menu z boksu 1 */
    function setMenu1(x) {
      
        if (x == 1) {
          document.getElementById('box1Head1').className = 'boxHeadActive';
          document.getElementById('box1Head2').className = 'boxHeadUnactive';
        } else if (x == 2) {
          document.getElementById('box1Head1').className = 'boxHeadUnactive';
          document.getElementById('box1Head2').className = 'boxHeadActive';
        } 
      
    }
    function setMenu2(x) {
      
        if (x == 1) {
          document.getElementById('box2Head1').className = 'boxHeadActivePurple';
          document.getElementById('box2Head2').className = 'boxHeadUnactive';
          document.getElementById('box2Head3').className = 'boxHeadUnactive';
        } else if (x == 2) {
          document.getElementById('box2Head1').className = 'boxHeadUnactive';
          document.getElementById('box2Head2').className = 'boxHeadActivePurple';
          document.getElementById('box2Head3').className = 'boxHeadUnactive';
        } else if (x == 3) {
          document.getElementById('box2Head1').className = 'boxHeadUnactive';
          document.getElementById('box2Head2').className = 'boxHeadUnactive';
          document.getElementById('box2Head3').className = 'boxHeadActivePurple';
        }
      
    }
    function setContent(divId) {
        if (divId == 'box1a') {
          document.getElementById('box1a').className = 'boxVisible';
          document.getElementById('box1b').className = 'boxUnvisible';
        } else if (divId == 'box1b') {
          document.getElementById('box1a').className = 'boxUnvisible';
          document.getElementById('box1b').className = 'boxVisible';
        } else if (divId == 'box2a') {
          document.getElementById('box2a').className = 'boxVisible';
          document.getElementById('box2b').className = 'boxUnvisible';
          document.getElementById('box2c').className = 'boxUnvisible';
        } else if (divId == 'box2b') {
          document.getElementById('box2a').className = 'boxUnvisible';
          document.getElementById('box2b').className = 'boxVisible';
          document.getElementById('box2c').className = 'boxUnvisible';
        } else if (divId == 'box2c') {
          document.getElementById('box2a').className = 'boxUnvisible';
          document.getElementById('box2b').className = 'boxUnvisible';
          document.getElementById('box2c').className = 'boxVisible';
        }  
    }
    
    /** funkcja zmian modulów z boksu 1 
    *  fillDiv('box1b', 2, 'boxContent1')
    */
    function fillDiv(what, x, divId) {
      if (divId == 'boxContent1') setMenu1(x);
      else if (divId == 'boxContent2') setMenu2(x);
      setContent(what);
    }