$(document).ready( function(){
  var section_number = $("#function_mca_slide_area section").length;
  $("div#function_mca_slide_area").after("<p class='function_ac_nav_next'>次へ</p>");
  var v = document.getElementById("julea_movie");

  horizontal_cursor();

  // ナビゲーションのaタグを無効化
  $(function(){
    $('a.function_controll_nav').click(function(){
      return false;
    });
  });
  $(function(){
    $('a.function_ac_navigation').click(function(){
      return false;
    });
  });

  // closeタブホバー時のアクション

  $("a.uke").hover(
    function () {
      $("a.uke h2").css('color', '#F21986');
      $("a.uke li").css('color', '#F21986');
    },
    function () {
      $("a.uke h2").css('color', '#1E2C5D');
      $("a.uke li").css('color', '#1E2C5D');
    }
  );

  $("a.doc").hover(
    function () {
      $("a.doc h2").css('color', '#F21986');
      $("a.doc li").css('color', '#F21986');
    },
    function () {
      $("a.doc h2").css('color', '#1E2C5D');
      $("a.doc li").css('color', '#1E2C5D');
    }
  );

  $("a.bun").hover(
    function () {
      $("a.bun h2").css('color', '#F21986');
      $("a.bun li").css('color', '#F21986');
    },
    function () {
      $("a.bun h2").css('color', '#1E2C5D');
      $("a.bun li").css('color', '#1E2C5D');
    }
  );

  // カルーセルと下部ナビゲーションの色変化

  	$('a.function_ac_nav-1').css("background-Color","#fbd3e9");
  	slide_sections_div = $("#function_mca_slide_area").clone(true);
    var slide_number = 1;
    slide_now_number = 1;
  	slider_timer = setInterval(function() 
    {
      var first_li_clone = $("#function_mca_slide_area section:first").clone(true);
      $("#function_mca_slide_area section:first").animate({marginLeft : -920}, 
      {
        duration : 500,
        complete : function() 
        {
          $('a.function_ac_navigation').css("background-Color","#DDDDDD");
          var section_flg = $("#function_mca_slide_area section:nth-child(2)").attr("class");
          if(section_flg == "section_1")
          {
            slide_number = 1;
            slide_now_number = 1;
            $('a.function_ac_nav-' + slide_number).css("background-Color","#fbd3e9");
      		}
          else
          {
      			slide_number++;
            slide_now_number++;
      			$('a.function_ac_nav-' + slide_number).css("background-Color","#fbd3e9");
            console.log(slide_number);
      		}
          $("#function_mca_slide_area section:first").remove();
          first_li_clone.clone(true).insertAfter($("#function_mca_slide_area section:last"));
          insert_cursor();
        }
      });
    }, 5000);

// 動画再生ボタンクリックアクション
$("p#play").click(function(){
  $(this).css("display","none");
  $("#movie_title_container").css("display","none");
  $("#julea_movie").css("display","block");
  video_play();
});



function video_play()
{
    if (v.requestFullscreen) {
    v.requestFullscreen();
  }
  v.play();
  ga('send', 'event', 'movie_play', 'click', 'function_video');
}

function stopSlider()
  {
    clearInterval(slider_timer);
  }

function moveSlider(where)
{
  stopSlider();
  $('#function_mca_slide_area').remove();
  $("#function_mca_overflow").append(slide_sections_div.clone(true));
  $("#function_mca_slide_area").css("margin-Left", (slide_now_number - 1) * (-920));
  slide_now_number = where;
  $('a.function_ac_navigation').css("background-Color","#DDDDDD");
  $('a.function_ac_nav-' + where).css("background-Color","#fbd3e9");
  $("#function_mca_slide_area").animate({'marginLeft': (where - 1) * (-920)},{duration : 500});
  insert_cursor();
}

$('.function_controll_nav').click(function(){  
  var clicked_number = $(this).attr("id").split("-")[1];
  moveSlider(clicked_number);
});

function insert_cursor()
{
    $('.function_ac_nav_next').remove();
    $('.function_ac_nav_pre').remove();
    if(section_number > slide_now_number)
    {
      $("div#function_mca_slide_area").after("<p class='function_ac_nav_next'>次へ</p>");
    }
    if(1 < slide_now_number )
    {
      $("div#function_mca_slide_area").after("<p class='function_ac_nav_pre'>前へ</p>");
    }
    horizontal_cursor();
}


  // ナビゲーションクリックイベント
  function horizontal_cursor()
  {
    $('.function_ac_nav_next').click(function()
    {  
      var target_number = slide_now_number + 1;
      if(target_number > section_number)
      {
        target_number = target_number.substring(0,1);
        if(slide_now_number > target_number)
        {

        }
        else
        {
           target_number++;
           moveSlider(target_number);
        }
      }
      else
      {
        moveSlider(target_number);
      }
    });

    $('.function_ac_nav_pre').click(function()
    {  
      var target_number = slide_now_number - 1;
      if(target_number < 1)
      {

      }
      else
      {
        moveSlider(target_number);
      }
    });
  }
});