'use strict';


/* top-navigation */


var header = document.querySelector('header'),
    nav = document.querySelector('nav');
    


    
/* nav¿¡ ¸¶¿ì½º ¿Ã¸®¸é header³ôÀÌ°¡ 320px·Î ³ª°¡¸é header³ôÀÌ°¡ 50px·Î º¯°æ */
    
    
    nav.addEventListener('mouseover', function(){
        header.style.cssText  = 'height: 320px; background-color: rgba(0,45,87,1)';
    });
    nav.addEventListener('mouseout', function(){
        header.style.cssText  = 'height: 111px; background-color: rgba(0,45,87,0)';
    });



    
/* ¾ÆÄÚµð¾ð¸Þ´º */


var btnCollapse = document.getElementById("btn-collapse");
var question = document.getElementsByClassName("panel-question");
var heading = document.getElementsByClassName("panel-heading");
var answer = document.getElementsByClassName("panel-body");



function activateQuestion() {
  for(var i = 0; i < answer.length; i++) {
    answer[i].style.display = "none";
  }
  
  var activePanel = document.querySelectorAll(".panel-question.active .panel-body");
  for(var i = 0; i < activePanel.length; i++) {
    activePanel[i].style.display = "";
  }
}



for (var i = 0; i < heading.length; i++) {
  heading[i].addEventListener('click', function(e) {
    for (var j = 0; j < question.length; j++) {
      question[j].classList.remove('active');
    }
    e.target.parentNode.classList.add('active');
    activateQuestion();
  });
}



btnCollapse.addEventListener('click', function() {
  for(var i = 0; i < answer.length; i++) {
    answer[i].style.display = "none";
  }
});



activateQuestion();
  



    $(function(){




        /* hamburger animation */



        
        $('.hamburger__button').click(function(ev){
            ev.preventDefault();
            $(this).toggleClass('active');
            $('.hamburger__nav').toggleClass('visible');
        });



               
     
    });