var nMax = 6; //画像枚数
var nNow = 1; //今

$(function(){
	$("#menu").scrollFollow( {
		//アニメーションの速度の設定。0 にするとアニメーションなしになります。
		speed: 800,
		//ブラウザの領域とフロート要素との余白。0にするとぴったりくっつきます。
		offset: -100, 
		easing: "easeInOutQuint"
	});
	btn("1");btn("2");btn("3");btn("4");btn("5");btn("6");
	//画像
	/*$(".ii").mouseover(function(){
		$(".ii").fadeTo(100, 0.8);
	});
	$(".ii").mouseout(function(){
		$(".ii").fadeTo(100, 1);
	});*/
	$(".ii").click(function(){
		sldN();
	});
	//////ページスクロール
	// href属性が # で始まるa要素だけ、振る舞いを変える
    $('a[href^=#]').click(function(){
        var target;
        // href 属性が、そのままセレクタで使える
        target = $( $(this).attr('href') );
        // ターゲットがない場合はなにもしない
        if (target.length == 0) {
            return;
        }
        // リンク先の画面上の位置を取得して、そこまでスクロール
        $('html, body').animate({scrollTop: target.offset().top}, 800, "easeInOutQuint");
        // ブラウザのデフォルトの振る舞いを回避
        return false;
    });
	
});

//ボタンalpha
function btn(nN){
	var nClass = ".t" + nN;
	markChange();
	$(nClass).mouseover(function(){
		$(nClass).fadeTo(100, 0.5);
	});
	$(nClass).mouseout(function(){
		$(nClass).fadeTo(100, 1);
	});
	$(nClass).click(function(){
		sldBtn(nN);
	});
}

//スライドショーボタン
function sldBtn(nNumber){
	$("#imgWrap").animate( {marginLeft : 400 * (nNumber - 1) * -1 + "px"}, 1000, "easeInOutQuint");
	nNow = nNumber;
	markChange();
}
//スライドショー次送り
function sldN(){
	if(nNow < nMax){
		$("#imgWrap").animate( {marginLeft : 400 * nNow * -1 + "px"}, 1000, "easeInOutQuint");
		nNow ++;
	}
	else{
		$("#imgWrap").animate( {marginLeft : 0}, 1500, "easeInOutQuint");
		nNow = 1;
	}
	markChange();
}



//マークのon/off
function markChange(){
		var nMark = ".m" + nNow;
		$(".mm").fadeTo(0, 0);
		$(nMark).fadeTo(0, 1);
}