/*======================================================

ドキュメント読み込み後の処理

======================================================*/
//【変数】メインビジュアルの要素を格納
var mainVisual;
//【変数】現在選択中の画像番号を格納
var current = 0;
//【変数】動作中かどうかの判断に使うフラグ
var moveFlag = false;

//メインビジュアルの要素を取得して変数に格納
$(document).ready(function(){

	//選択枠を消す
	$('a').focus(function(e){
		this.blur();
	});

	//メインビジュアルのul要素を取得
	mainVisual = $("div#main ul");

	//はじめに一度だけスライドを実行して開始位置へ
	slideImage(current);

});

//【関数】スライドアニメーション実行用
function slideImage(num) {

	//アニメーションが動作中、または
	//メインビジュアルが認識できなければ処理を中断。
	if(moveFlag || !mainVisual){
		return false
	}
	//動作中フラグを立てる
	moveFlag = true;

	//メインビジュアルの要素を移動
	mainVisual.animate({ 
		marginLeft: num * -900
	}, 200, "swing", onFinished);

	//移動完了後の処理
	function onFinished(){
		//ナビゲーションli要素のactiveクラスを削除する
		if($("ul#navi li").eq(current).hasClass("active")){
			$("ul#navi li").eq(current).removeClass("active");
		}
		//選択中のli要素にactiveクラスを追加する
		$("ul#navi li").eq(num).addClass("active");
		//現在選択中の画像番号を更新
		current = num;
		//動作中フラグを降ろす
		moveFlag = false;
	}

}