// -------------------------------------------------------------------------
// 商品一覧の表示リスト表示切替（カテゴリ別／ブランド別）
// -------------------------------------------------------------------------

//スクロールの値の比較用の設定
var beforePos = 0;

//スクロール途中でヘッダーが消え、上にスクロールすると復活する設定を関数にまとめる
function ScrollAnime() {
  var elemTop = $('#main').offset().top; //#hideHeaderの位置まできたら
  var scroll = $(window).scrollTop();
  //ヘッダーの出し入れをする
  if (scroll == beforePos) {
    //IE11対策で処理を入れない
  } else if (elemTop > scroll || 0 > scroll - beforePos) {
    //ヘッダーが上から出現する
    $('.header_cmn').removeClass('UpMove'); //#headerにUpMoveというクラス名を除き
    $('.header_cmn').addClass('DownMove'); //#headerにDownMoveのクラス名を追加
    $('.toggle_btn').removeClass('UpMove');
    $('.toggle_btn').addClass('DownMove');
    $('.side_cmn1').fadeIn(); //#headerにUpMoveというクラス名を除き
    $('.side_cmn2').fadeIn(); //#headerにUpMoveというクラス名を除き
  } else {
    //ヘッダーが上に消える
    $('.header_cmn').removeClass('DownMove'); //#headerにDownMoveというクラス名を除き
    $('.header_cmn').addClass('UpMove'); //#headerにUpMoveのクラス名を追加
    $('.toggle_btn').removeClass('DownMove');
    $('.toggle_btn').addClass('UpMove');
    $('.side_cmn1').fadeOut(); //#headerにDownMoveというクラス名を除き
    $('.side_cmn2').fadeOut(); //#headerにDownMoveというクラス名を除き
  }
  
  //現在のスクロール値を比較用のbeforePosに格納
  beforePos = scroll; 
}


// 画面をスクロールをしたら動かしたい場合の記述
$(window).scroll(function() {
  ScrollAnime(); //スクロール途中でヘッダーが消え、上にスクロールすると復活する関数を呼ぶ
});

// ページが読み込まれたらすぐに動かしたい場合の記述
$(window).on('load', function() {
  ScrollAnime(); //スクロール途中でヘッダーが消え、上にスクロールすると復活する関数を呼ぶ
});


$(function(){
  $('#toggle-ChangeMenu').on('click',function(){
    console.log("A1");
    if( $(this).hasClass('UpMove') ){
      console.log("A2");
      $('.header_cmn').removeClass('UpMove'); //#headerにUpMoveというクラス名を除き
      $('.header_cmn').addClass('DownMove'); //#headerにDownMoveのクラス名を追加
      $('.toggle_btn').removeClass('UpMove');
      $('.toggle_btn').addClass('DownMove');
      $('.side_cmn1').fadeIn(); //#headerにUpMoveというクラス名を除き
      $('.side_cmn2').fadeIn(); //#headerにUpMoveというクラス名を除き
    }else{
      console.log("B");
      //ヘッダーが上に消える
      $('.header_cmn').removeClass('DownMove'); //#headerにDownMoveというクラス名を除き
      $('.header_cmn').addClass('UpMove'); //#headerにUpMoveのクラス名を追加
      $('.toggle_btn').removeClass('DownMove');
      $('.toggle_btn').addClass('UpMove');
      $('.side_cmn1').fadeOut(); //#headerにDownMoveというクラス名を除き
      $('.side_cmn2').fadeOut(); //#headerにDownMoveというクラス名を除き
    }
  })
})

//リンク先のidまでスムーススクロール
//※ページ内リンクを行わない場合は不必要なので削除してください
//     var headerH = $("#header").outerHeight(true);//headerの高さを取得    
//     $('#g-navi li a').click(function () {
// 	var elmHash = $(this).attr('href'); 
// 	var pos = $(elmHash).offset().top-headerH;//header分の高さを引いた高さまでスクロール
// 	$('body,html').animate({scrollTop: pos}, 1000);
// 	return false;
// });