// Contact page
$(document).ready(function(){
  $("#contact-region div").addClass("inactive");
  $("#contact-region div").hover(
    function(){
      $(this).addClass("hover");
    },
    function(){
      $(this).removeClass("hover");
    }
  );
  $("#contact-region div#contact-01").click(
    function(){
      $(this).toggleClass("active");
      $(this).toggleClass("inactive");
      if ($("#contact-region div#contact-02").hasClass("active")) {
        $("#contact-region div#contact-02").removeClass("active");
        $("#contact-region div#contact-02").addClass("inactive");
      }
      if ($("#contact-region div#contact-03").hasClass("active")) {
        $("#contact-region div#contact-03").removeClass("active");
        $("#contact-region div#contact-03").addClass("inactive");
      }
      if ($("#contact-region div#contact-04").hasClass("active")) {
        $("#contact-region div#contact-04").removeClass("active");
        $("#contact-region div#contact-04").addClass("inactive");
      }
      if ($("#contact-region div#contact-05").hasClass("active")) {
        $("#contact-region div#contact-05").removeClass("active");
        $("#contact-region div#contact-05").addClass("inactive");
      }
    }
  );
  $("#contact-region div#contact-02").click(
    function(){
      $(this).toggleClass("active");
      $(this).toggleClass("inactive");
      if ($("#contact-region div#contact-01").hasClass("active")) {
        $("#contact-region div#contact-01").removeClass("active");
        $("#contact-region div#contact-01").addClass("inactive");
      }
      if ($("#contact-region div#contact-03").hasClass("active")) {
        $("#contact-region div#contact-03").removeClass("active");
        $("#contact-region div#contact-03").addClass("inactive");
      }
      if ($("#contact-region div#contact-04").hasClass("active")) {
        $("#contact-region div#contact-04").removeClass("active");
        $("#contact-region div#contact-04").addClass("inactive");
      }
      if ($("#contact-region div#contact-05").hasClass("active")) {
        $("#contact-region div#contact-05").removeClass("active");
        $("#contact-region div#contact-05").addClass("inactive");
      }
    }
  );
  $("#contact-region div#contact-03").click(
    function(){
      $(this).toggleClass("active");
      $(this).toggleClass("inactive");
      if ($("#contact-region div#contact-01").hasClass("active")) {
        $("#contact-region div#contact-01").removeClass("active");
        $("#contact-region div#contact-01").addClass("inactive");
      }
      if ($("#contact-region div#contact-02").hasClass("active")) {
        $("#contact-region div#contact-02").removeClass("active");
        $("#contact-region div#contact-02").addClass("inactive");
      }
      if ($("#contact-region div#contact-04").hasClass("active")) {
        $("#contact-region div#contact-04").removeClass("active");
        $("#contact-region div#contact-04").addClass("inactive");
      }
      if ($("#contact-region div#contact-05").hasClass("active")) {
        $("#contact-region div#contact-05").removeClass("active");
        $("#contact-region div#contact-05").addClass("inactive");
      }
    }
  );
  $("#contact-region div#contact-04 ").click(
    function(){
      $(this).toggleClass("active");
      $(this).toggleClass("inactive");
      if ($("#contact-region div#contact-01").hasClass("active")) {
        $("#contact-region div#contact-01").removeClass("active");
        $("#contact-region div#contact-01").addClass("inactive");
      }
      if ($("#contact-region div#contact-02").hasClass("active")) {
        $("#contact-region div#contact-02").removeClass("active");
        $("#contact-region div#contact-02").addClass("inactive");
      }
      if ($("#contact-region div#contact-03").hasClass("active")) {
        $("#contact-region div#contact-03").removeClass("active");
        $("#contact-region div#contact-03").addClass("inactive");
      }
      if ($("#contact-region div#contact-05").hasClass("active")) {
        $("#contact-region div#contact-05").removeClass("active");
        $("#contact-region div#contact-05").addClass("inactive");
      }
    }
  );
  $("#contact-region div#contact-05 ").click(
    function(){
      $(this).toggleClass("active");
      $(this).toggleClass("inactive");
      if ($("#contact-region div#contact-01").hasClass("active")) {
        $("#contact-region div#contact-01").removeClass("active");
        $("#contact-region div#contact-01").addClass("inactive");
      }
      if ($("#contact-region div#contact-02").hasClass("active")) {
        $("#contact-region div#contact-02").removeClass("active");
        $("#contact-region div#contact-02").addClass("inactive");
      }
      if ($("#contact-region div#contact-03").hasClass("active")) {
        $("#contact-region div#contact-03").removeClass("active");
        $("#contact-region div#contact-03").addClass("inactive");
      }
      if ($("#contact-region div#contact-04").hasClass("active")) {
        $("#contact-region div#contact-04").removeClass("active");
        $("#contact-region div#contact-04").addClass("inactive");
      }
    }
  );
});