var totalCount= $("#pics img.slide").length;
  var currentIndex = 0;
  $("#totalCount").html(totalCount);

  jQuery.event.add(window, "load", function() {
    $("#pics").cycle({
      speed: 1000,
      timeout: 4000,
      next:   '.picsNext',
      prev:   '#prev' ,
      prevNextClick: function(isNext, idx, slideElement) {
        currentIndex = idx;
      },
      before: function(currSlideElement, nextSlideElement, options, forwardFlag)  {
        currentIndex ++;
        if (currentIndex > totalCount) {
          currentIndex = 1;
        }
        $("#count").html(currentIndex);
      }
    });

    // ローディング非表示
    $("#picsLoading").fadeOut();

    // カウンタ表示
    $("#slideCtl").css("display", "block");
  });
  

  $("a.play").css("display","none");
    $("a.stop").click(function () {
  if ($(this).is(":hidden"))
    $("a.stop").css("display","block");
  else
    $("a.stop").css("display","none");
    $("a.play").css("display","block");
  });
    $("a.play").click(function () {
  if ($(this).is(":hidden"))
    $("a.play").css("display","block");
  else
    $("a.play").css("display","none");
    $("a.stop").css("display","block");
  });
  
  $(function(){
		$(".playStop").hide();
		$(".slideNavi").hide();
		$("#imgProtect").hover(function(){
    	$(".playStop").css("display","block");
    	$(".slideNavi").css("display","block");
    	$("#slideCtl").css("background-color","#000");
		},function(){
    	$(".playStop").css("display","none");
    	$(".slideNavi").css("display","none");
    	$("#slideCtl").css("background-color","transparent");
		})
	
	})
	
	  $(function(){
		$(".playStop").hide();
		$(".slideNavi").hide();
		$("#slideCtl").hover(function(){
    	$(".playStop").css("display","block");
    	$(".slideNavi").css("display","block");
    	$("#slideCtl").css("background-color","#000");
		},function(){
    	$(".playStop").css("display","none");
    	$(".slideNavi").css("display","none");
    	$("#slideCtl").css("background-color","transparent");
		})
	
	})