/*===================== ua.css
 ===================================*/

(function(){
  var ua = {
    iPhone: navigator.userAgent.indexOf('iPhone') != -1,
    iPad: navigator.userAgent.indexOf('iPad') != -1,
    iPod: navigator.userAgent.indexOf('iPod') != -1,
    android: navigator.userAgent.indexOf('Android') != -1,
    windows: navigator.userAgent.indexOf('Windows Phone') != -1
  }
  if(ua.iPhone || ua.iPad || ua.iPod){
    $('.app-btn').css('display','block');
  }else if(ua.android || ua.windows){
     $('.android-btn').css('display','block');
  }
}());

  /*===================== slide_up_down
 ===================================*/

var close = $('.close'),
    open = $('.open'),
    mapOpen = $('#search-result .open-area');

$(function(){
    $(mapOpen).css({
      'top':'-2000px',
      'margin-bottom':'-401px'
    });
    $(close).one('click', function(){
       $(mapOpen).hide();
    });
    $(close).on({
        'click': function(){
            $(mapOpen).css({
              'top':'0',
              'margin-bottom':'0'
            });
            $('+p',this).slideToggle('open-area');
            $('+div',this).slideToggle('open-area');
            $(this).toggleClass('open');

            if($(this).hasClass('c01')){
               $(this).toggleClass('o01');
            }else if($(this).hasClass('c02')){
               $(this).toggleClass('o02');
            }else if($(this).hasClass('c03')){
               $(this).toggleClass('o03');
            }else if($(this).hasClass('c04')){
               $(this).toggleClass('o04');
            }else if($(this).hasClass('c05')){
               $(this).toggleClass('o05');
            }else if($(this).hasClass('c06')){
               $(this).toggleClass('o06');
            }
        }
    });
});

 /*===================== modal_on_off
 ===================================*/
var
base        = $('body'),
header      = $('#header'),
grayArea    = $('.modal-gray-area'),
headBlock   = $('.modal-head'),
openBtn     = $('.navi-btn'),
closeBtn    = $('.close-btn'),
closeTouch  = $('.close-btn,.modal-gray-area'),
naviBlock   = $('.head-navi');

$(function(){
    $(openBtn).on({
        'click': function(){
          $(window).on('touchmove.noScroll', function(e) {
              e.preventDefault();
          });
          $(grayArea).fadeIn('slow');
          $(naviBlock).animate({
            top : "108px"
          }, 10 );
          $(closeBtn).show();
        }
    })
    $(closeTouch).on({
        'click': function(){
          $(window).off('.noScroll');
          $(naviBlock).animate({
            top : "-731px"
          }, 10 );
          $(grayArea).fadeOut('slow');
          $(closeBtn).hide();
        }
    })
});