var naviSlide = 1;
var sectionSlide = 1;


var uSA = "no";
var dSA = "no";

var count = 0;//サイドバーの一度に表示できるli要素の数

$(function(){

	//要素数を数え、6個単位でスクロール可能領域を決定する
	count = $('#navigation ul li').length;//サイドバーの一度に表示できるli要素の数 ＆ 本文をスライドできる回数

	if(count <= 6){
		$('#navigation div.down img').attr('src','/common/image/buttonSideNaviNextOFF.gif');
	}
	else if(count > 6){
		$('#navigation div.down img').attr('src','/common/image/buttonSideNaviNextON.gif');
	}

	//スライドアップ
	$('#navigation div.up').click(function(ev) {
		if(naviSlide > 1){
			$('#navigation ul').animate({top:'+=321px'},800);

			//アップを押したら、必ず次がある
			$('#navigation div.down img').attr('src','/common/image/buttonSideNaviNextON.gif');

			//スライドナンバーをデクリメント
			naviSlide--;

			//$('#navigation div.up').text(count);//トレース
			//$('#navigation div.up').text(slide);//トレース

			//不完全
			if(naviSlide <= 1){
				$('#navigation div.up img').attr('src','/common/image/buttonSideNaviPrevOFF.gif');
			}
		}
	});


	//スライドダウン
	$('#navigation div.down').click(function(ev) {
		if(naviSlide < count/6){
			$('#navigation ul').animate({top:'-=321px'},800);

			//ダウンを押したら、必ず前がある。
			$('#navigation div.up img').attr('src','/common/image/buttonSideNaviPrevON.gif');

			//スライドナンバーをインクリメント
			naviSlide++;
			//$('#navigation div.down').text(slide);//トレース

			//不完全
			if(naviSlide > 1){
				$('#navigation div.down img').attr('src','/common/image/buttonSideNaviNextOFF.gif');
			}
		}
	});


	//アクティブ項目に背景を移動する

	//初期設定
	$('#navigation li:first-child').attr('class','current');

	$('#navigation li a').click(function(ev) {
		//すべてのli要素のclassを削除し、バックグラウンドをOFFにする。
		$('#navigation li a').removeAttr('class');
		$('#navigation li').removeAttr('class');

		$(this).attr('class','aaa');
		$('#navigation li:has(a.aaa)').addClass('current');
	});
	
	//6の倍数+1は、マージンを広くとる
	$('#navigation ul li:nth(6)').css('margin-top','21px');
	$('#navigation ul li:nth(12)').css('margin-top','21px');
	$('#navigation ul li:nth(18)').css('margin-top','21px');
	$('#navigation ul li:nth(24)').css('margin-top','21px');
	
	

	//分子
	//ページ内のスライドナンバーをつける
	$('div.sub:nth-child(1)').addClass('page1');

	$('div.sub:nth-child(2)').addClass('page2').prepend('<a class="prev" href="#">前へ</a>');

	$('div.sub:nth-child(3)').addClass('page3').prepend('<a class="prev" href="#">前へ</a>');

	$('div.sub:nth-child(4)').addClass('page4').prepend('<a class="prev" href="#">前へ</a>');

	//.prepend('<a class="prev" href="#">前へ</a>')
	//.(function(){$('div.sub:nth-child(1)').append('<a class="next" href="#">次へ</a>')})

	//↑つけられたMaxページナンバーから、section内のsubの数をカウント
	$('div.section:has(.page1)').addClass('max1');

	$('div.section:has(.page2)').addClass('max2');
	$('div.section:has(.page2).max2 .page1').append('<a class="next" href="#">次へ</a>');

	$('div.section:has(.page3)').addClass('max3');
	$('div.section:has(.page3).max3 .page1').append('<a class="next" href="#">次へ</a>');
	$('div.section:has(.page3).max3 .page2').append('<a class="next" href="#">次へ</a>');

	$('div.section:has(.page4)').addClass('max4');
	$('div.section:has(.page4).max4 .page1').append('<a class="next" href="#">次へ</a>');
	$('div.section:has(.page4).max4 .page2').append('<a class="next" href="#">次へ</a>');
	$('div.section:has(.page4).max4 .page3').append('<a class="next" href="#">次へ</a>');

	//次のsubへボタンと、前のsubへボタン
	$('div.sub a.next').html('<img src="/common/image/buttonNextSub.gif" alt="次へ" />');
	$('div.sub a.prev').html('<img src="/common/image/buttonPrevSub.gif" alt="前へ" />');
	
	
	
	
	/* sub スライドボタンのマウスオン */
	$('div.sub a.next img').mouseover(function(ev){
		$(this).attr('src','/common/image/buttonNextSubON.gif');
	});
	
	$('div.sub a.next img').mouseout(function(ev){
		$(this).attr('src','/common/image/buttonNextSub.gif');
	});
	
	$('div.sub a.prev img').mouseover(function(ev){
		$(this).attr('src','/common/image/buttonPrevSubON.gif');
	});
	
	$('div.sub a.prev img').mouseout(function(ev){
		$(this).attr('src','/common/image/buttonPrevSub.gif');
	});

});



jQuery(function( $ ){

	$('#navigation').localScroll({
		target:'#content',
		axis:'xy',
		queue:true,
		speed:1600,
		onBefore:function( e, el, $target ){
			$target.stop().stop();//to avoid queueing animations
			$( '#navigation a.scrolling' ).removeClass('scrolling');
			$(this).addClass('scrolling').get(0).blur();
		},
		onAfter:function(){
			$('#navigation a.scrolling' ).removeClass('scrolling');
		}
	});


	//ナビゲーションのセクション移動
	$('#content a')
		.filter('.next').bind('click', 'next', move )
		.end()
		.filter('.prev').bind('click', 'prev', move );

	function move( e ){
		var $target = $(this).parent()[e.data]();
		$('#content').scrollTo( $target, {
			speed:800,
			axis:'x'
		});
		return false;
	};
});