// Dynamicke skryvani a zobrazovani textu podle menu
// autor: Roomy

// volani pro prepinani zobrazeni ID=obsah,menu = odkaz
function zobrazeni(ID,menu) {
    // kliknuto na hlavni menu sekci Nabidka
    if(menu == 'nab'){
        odbarvi();        // fce pro odbarveni polozky podmenu pokud neni aktivni
        zvyrazni('nab');
        sub_zvyrazni(menu);
        document.getElementById('nabidka').style.display = 'none';  // skryju nabidku
    }
    // kliknuto na sekci FAQ
    else if(menu == 'faq') {
        odbarvi();     // zrusim zabarveni posledniho aktivniho
        zvyrazni('faq');  // zobrazim samotny obsah
        faq_zvyrazni(menu);
    }
    // kliknuto na sekci v nabidce
    else if(menu == 'indi' || menu == 'corp' || menu == 'dvade'){
        if(menu == 'dvade'){  
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('dvade');  // zvyraznim sekci
          document.getElementById('corp').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('corp').style.backgroundPosition = "left";
          document.getElementById('corp').style.backgroundRepeat = "no-repeat";
          document.getElementById('corp').style.padding = "0px 0px 2px 15px";
          document.getElementById('indi').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('indi').style.backgroundPosition = "left";
          document.getElementById('indi').style.backgroundRepeat = "no-repeat";
          document.getElementById('indi').style.padding = "0px 0px 2px 15px";
        }
        else if(menu == 'corp'){
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('dvade');  // zvyraznim sekci
          document.getElementById('indi').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('indi').style.backgroundPosition = "left";
          document.getElementById('indi').style.backgroundRepeat = "no-repeat";
          document.getElementById('indi').style.padding = "0px 0px 2px 15px";
          document.getElementById('corp').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('corp').style.backgroundPosition = "left";
          document.getElementById('corp').style.backgroundRepeat = "no-repeat";
          document.getElementById('corp').style.padding = "0px 0px 2px 15px";
        }
        else if(menu == 'indi'){
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('dvade');  // zvyraznim sekci
          document.getElementById('corp').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('corp').style.backgroundPosition = "left";
          document.getElementById('corp').style.backgroundRepeat = "no-repeat";
          document.getElementById('corp').style.padding = "0px 0px 2px 15px";
          document.getElementById('indi').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('indi').style.backgroundPosition = "left";
          document.getElementById('indi').style.backgroundRepeat = "no-repeat";
          document.getElementById('indi').style.padding = "0px 0px 2px 15px";
        }
        
    }
        // kliknuto na sekci v nabidce pro web
    else if(menu == 'individual' || menu == 'complet' || menu == 'webka'){
        if(menu == 'webka'){  
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('webka');  // zvyraznim sekci
          document.getElementById('complet').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('complet').style.backgroundPosition = "left";
          document.getElementById('complet').style.backgroundRepeat = "no-repeat";
          document.getElementById('complet').style.padding = "0px 0px 2px 15px";
          document.getElementById('individual').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('individual').style.backgroundPosition = "left";
          document.getElementById('individual').style.backgroundRepeat = "no-repeat";
          document.getElementById('individual').style.padding = "0px 0px 2px 15px";
        }
        else if(menu == 'complet'){
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('webka');  // zvyraznim sekci
          document.getElementById('individual').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('individual').style.backgroundPosition = "left";
          document.getElementById('individual').style.backgroundRepeat = "no-repeat";
          document.getElementById('individual').style.padding = "0px 0px 2px 15px";
          document.getElementById('complet').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('complet').style.backgroundPosition = "left";
          document.getElementById('complet').style.backgroundRepeat = "no-repeat";
          document.getElementById('complet').style.padding = "0px 0px 2px 15px";
        }
        else if(menu == 'individual'){
          odbarvi();  // odbarvim odkazy v menu
          sub_zvyrazni('webka');  // zvyraznim sekci
          document.getElementById('complet').style.background = "url(./images/Pasiv_Odkaz.jpg)";
          document.getElementById('complet').style.backgroundPosition = "left";
          document.getElementById('complet').style.backgroundRepeat = "no-repeat";
          document.getElementById('complet').style.padding = "0px 0px 2px 15px";
          document.getElementById('individual').style.background = "url(./images/Aktiv_Odkaz.jpg)";
          document.getElementById('individual').style.backgroundPosition = "left";
          document.getElementById('individual').style.backgroundRepeat = "no-repeat";
          document.getElementById('individual').style.padding = "0px 0px 2px 15px";
        }
        
    }
    else if(menu == 'ref'){
        odbarvi();   // odbarveni aktivnich odkazu
        zvyrazni('ref'); // zvyrazneni v hlavnim menu sekce Reference
        ref_zvyrazni(menu);
    }
    // kliknuto na levni menu, ale vse krome nabidky
    else if(menu == 'tri' || menu == 'ref' || menu == 'kon'){
      zvyrazni(menu);   // volani pro hlavni menu      
    }
    // nebo jinak je kliknuto na podnabidku v nabidce
    else
      sub_zvyrazni(menu);  // volani pro menu v podnabidce
      faq_zvyrazni(menu);  // volani pro menu ve FAQ
      ref_zvyrazni(menu);  // volani pro menu v referencich
      
    var kontejnery = ['trinitro', 'nabidka', 'reference', 'kontakt','faqer',
                      'dvaD_graf','ind_graf','triD_graf','web','ind_web','anime','video','CAD',
                      'faq_dva','faq_tri','faq_web','faq_ani','faq_vid','faq_cad',
                      'ref_dvade','ref_tride','ref_web','ref_animace','ref_video','ref_cad'];
    // samotne skryti/odkryti bloku
    for (x in kontejnery) {
        var kontejner = kontejnery[x];
        document.getElementById(kontejner).style.display = ID == kontejner ? 'block' : 'none';
    }
    // skryju podmenu, ktere ma byt pouze u nabidky
    if(ID == 'dvaD_graf' || ID == 'triD_graf' || ID == 'web' || ID == 'anime' || ID == 'video' || ID == 'CAD' ||ID == 'nabidka'|| ID == 'ind_graf' || ID == 'ind_web')
        document.getElementById('vnitrni_menu').style.display = 'block';
    else
        document.getElementById('vnitrni_menu').style.display = 'none';
    // skyju podmenu, ktere ma byt pouze u FAQ
    if(ID == 'faq_dva' || ID == 'faq_tri' || ID == 'faq_web' || ID == 'faq_ani' || ID == 'faq_vid' || ID == 'faq_cad' ||ID == 'faqer')
        document.getElementById('FAQ_menu').style.display = 'block';
    else
        document.getElementById('FAQ_menu').style.display = 'none';
    // skryju podmenu, ktere se ma zobrazit jen v referencich
    if(ID == 'ref_dvade' || ID == 'ref_tride' || ID == 'ref_web' || ID == 'ref_animace' || ID == 'ref_video' || ID == 'ref_cad' || ID == 'reference')
        document.getElementById('REF_menu').style.display =  'block';
    else
        document.getElementById('REF_menu').style.display =  'none';
    // skryju podmenu pro sekci 2D grafiky
    if(ID == 'dvaD_graf' || ID == 'ind_graf'){
        // zobrazim podmenu v 2D
        document.getElementById('dvade_menu').style.display = 'block';
        if(ID == 'dvaD_graf'){
          document.getElementById('dvaD_graf').style.display = 'block';
          document.getElementById('ind_graf').style.display = 'none';
        }
        else{
          document.getElementById('dvaD_graf').style.display = 'none';
          document.getElementById('ind_graf').style.display = 'block';
        }
    }
    else
      document.getElementById('dvade_menu').style.display = 'none';
    // skryju podmenu sekce s webem
    if(ID == 'web' || ID == 'ind_web') {
        // zobrazim podmenu v sekci web
        document.getElementById('web_menu').style.display = 'block';
        if(ID == 'web'){
          document.getElementById('web').style.display = 'block';
          document.getElementById('ind_web').style.display = 'none';
        }
        else{
          document.getElementById('web').style.display = 'none';
          document.getElementById('ind_web').style.display = 'block';
        }
    }
    else
      document.getElementById('web_menu').style.display = 'none';
}

// zvyrazneni aktivni polozky v hlavnim menu
function zvyrazni(ID) {
    var kontak = ['tri','nab','ref','kon','faq'];
    for (x in kontak) {
      var kontos = kontak[x];
      document.getElementById(kontos).style.color = ID == kontos ? '#90D00B' : '#FFFFFF';
    }
}

// zvyrazneni aktivni polozky v menu pro nabidku
function sub_zvyrazni(ID) {
    var kontak = ['dvade','tride','webka','animac','vid','camo'];
    for (x in kontak) {
      var kontos = kontak[x];
      document.getElementById(kontos).style.color = ID == kontos ? '#FFFFFF' : '#2C2C2C';
    }
}

// zvyrazneni aktivni polozky v menu pro FAQ
function faq_zvyrazni(ID) {
    var kontak = ['dvafaq','trifaq','webfaq','anifaq','vidfaq','camfaq'];
    for (x in kontak) {
      var kontos = kontak[x];
      document.getElementById(kontos).style.color = ID == kontos ? '#FFFFFF' : '#2C2C2C';
    }
}

// zvyrazneni aktivni polozky v menu pro reference
function ref_zvyrazni(ID) {
    var kontak = ['dvaderef','trideref','webref','animaceref','videoref','cadref'];
    for (x in kontak) {
      var kontos = kontak[x];
      document.getElementById(kontos).style.color = ID == kontos ? '#FFFFFF' : '#2C2C2C';
    }
}



// funkce pro odbarveni historie kontaktu
function odbarvi(){
    var barel = ['dvade','tride','webka','animac','vid','camo','dvafaq',
                 'trifaq','webfaq','anifaq','vidfaq','camfaq',
                 'dvaderef','trideref','webref','animaceref','videoref','cadref'];
    for (x in barel) {
      var barka = barel[x];
      document.getElementById(barka).style.color == '#2C2C2C';
    }
}