if (
  navigator.userAgent.indexOf('iPhone') > 0
  || navigator.userAgent.indexOf('iPod') > 0
  || navigator.userAgent.indexOf('iPad') > 0
) {
  window.addEventListener('load', function() {
    new FastClick(document.body);
  }, false);
};

var uid = 'mkn';

$(function(){

  if ( document.getElementById("filter") == null ) {
		$('<div id="filter_"></div>').appendTo('#wrapper').on('click', function(e) {
    	e.preventDefault();
			return false;
		}, false);
	}

	// transition settings

	var duration_ = 300;
	var easing_ = 'easeOutQuart';


	// drawer
  function widthCheck () {
    var screen_width = $(window).innerWidth() - 46;
    return screen_width;
  }

  $('#drawer_menu').transition({x:'100%'},duration_,easing_);

	$(window).on('load resize orientation',function(){
    //$('#drawer_menu').transition({x:0},duration_,easing_);
    //$('html').removeClass('drawer_o_');

//
    $('#drawer_menu').width(widthCheck());
    //if ( $('html').hasClass('drawer_o_') ) {
      //$('#drawer_menu').transition({x:-widthCheck()},0);
  	//}

    //$('#drawer_crtl').click();//debug
	});

  $('#drawer_crtl,#drawer_crtl_clone').on('click',function(){
    $('#drawer_menu').removeClass('vh');
    if ( !$('html').hasClass('drawer_o_') ) {
			$('html').addClass('drawer_o_');
			$('#drawer_menu').transition({x:0},duration_,easing_);
		} else {
			//$('#drawer_menu').transition({x:0},duration_,easing_,function(){
			//	$('html').removeClass('drawer_o_');
			//});
			$('#drawer_menu').transition({x:'100%'},duration_,easing_);
			$('html').removeClass('drawer_o_');
		}
	});

	// local nav

	if ( $('#local_nav_ctrl').data('tooltip') ) {
		// absolute
		$('#local_nav').css({scale:[1,0,0]}).removeClass('vh').wrap('<div class="slide_wrapper"></div>');
		$('#local_nav_ctrl').on('click',function(){
			if ( !$('html').hasClass('localnav_o_') ) {
				$('html').addClass('localnav_o_');
				$('#local_nav_ctrl').addClass('o_');
				$('#local_nav').stop(true,true).transition({scale:[1,1,0]},duration_,easing_);
			} else {
				$('#local_nav').stop(true,true).transition({scale:[1,0,0]},duration_,easing_,function(){
					$('html').removeClass('localnav_o_');
				});
				$('#local_nav_ctrl').removeClass('o_');
			}
		});
	} else {
		// slide
    //$('#local_nav').css({height:0}).removeClass('vh');
    $('#local_nav').hide().removeClass('vh');
		var list_h = $('#local_nav').find('.list').height();
		$('#local_nav_ctrl').on('click',function(){
			if ( !$('html').hasClass('localnav_o_') ) {
				$('html').addClass('localnav_o_');
				$('#local_nav_ctrl').addClass('o_');
				//$('#local_nav').stop(true,true).transition({height:list_h},duration_,easing_);
        $('#local_nav').stop(true,true).show();
			} else {
				//$('#local_nav').stop(true,true).transition({height:0},duration_,easing_);
        $('#local_nav').stop(true,true).hide();
        $('html').removeClass('localnav_o_');
				$('#local_nav_ctrl').removeClass('o_');
			}
		});
	}

  // nav close
  	$('#filter_').on('click',function(event){
  		if ( $('html').hasClass('drawer_o_') ) {
  			$('#drawer_menu').transition({x:'100%'},duration_,easing_);
  			$('html').removeClass('drawer_o_');
  		}
  		else if ( $('html').hasClass('localnav_o_') && !$('html').hasClass('drawer_o_') ) {
  			//$('#local_nav').stop(true,true).transition({height:0},duration_,easing_);
        $('#local_nav').hide();
      	$('html').removeClass('localnav_o_');
  			$('#local_nav_ctrl').removeClass('o_');
  		}
  	});

		// slidebox
		//$('.slide_box').addClass('vh');
		$('.slide_ctrl').addClass('c_');
		$('.slide_ctrl').on('click',function(){
			$(this).toggleClass('o_ c_');
    }).click(); // debug



    //tab button with html5 data-target&name, with cookie
      $('.tab_ctrl a').on('click', function(){
        var t = $(this).parent().parent().attr('data-target');
        var i = $(this).attr('data-id');
        var c = uid + 'tab_' + t;

        $('[data-target='+ t +']').each(function(){
          console.log(i);
          $(this).find('a').removeClass('o_').eq(i-1).addClass('o_');
        });
        $('[data-name='+ t +']').children('.t_unit').hide().eq(i-1).stop(true).show();



        //if ( $(this).parent().parent().attr('data-cookie') && $(this).parent().parent().attr('data-cookie') == 'on' ) {
        //  $.cookie(c,i,{expires:365,path:'/'});
        //}
      });

      $('.tab_box').each(function(){
        var t = $(this).attr('data-name');
        $(this).children('.t_unit').hide().removeClass('vh').eq(0).show();
      });

      $('.tab_ctrl').each(function(){
        $(this).find('a').eq(0).addClass('o_');
        if ( $(this).attr('data-cookie') && $(this).attr('data-cookie') == 'on' ) {
          var t = $(this).attr('data-target');
          var c = uid + 'tab_' + t;
          if ( $.cookie(c) != '' ) {
            $(this).find('a[data-id=' + $.cookie(c) + ']').click();
          }
        }
        if ( $(this).attr('data-default') ) {
          var default_num = $(this).attr('data-default');
          $(this).find('a[data-id=' + default_num + ']').click();
        }
        if ( $(this).attr('data-open') && $(this).attr('data-open') == 'on' && location.hash) {
          var t = $(this).attr('data-target');
          var data_id_ = 1;
          preOp = location.hash;
          if ( preOp.indexOf('#tab-') != -1 ) {
            preOp = preOp.split('#tab-' + t + '-');
            data_id_ = preOp[1];
          }
          $(this).find('a[data-id=' + data_id_ + ']').click();
        }
      });

      //jump to PC webpage
      $('.goPC,.go_pc').on('click',function(){
     		if (window.confirm('パソコン版サイトへ遷移します。\nよろしいですか？') ) {

     			if ($(this).attr('target') == '_blank') {
     				window.open().location.href = $(this).attr('href');
     			} else {
     				location.href = $(this).attr('href');
     			}

     		}
     		return false;
     	});



});