//////////////////////////////////////////////////

	var intervalTime = 5000;	//スクロールの間隔（ミリ秒）
	var restartTime = 8000;		//アニメーション再開までの時間（ミリ秒）

	var slideSpeed = 1500;		//スライドアニメーションの速度（ミリ秒）

	var left01_X = "-586px";	//左から1番目画像のX座標
	var left02_X = "-561px";	//左から2番目画像のX座標
	var left03_X = "-536px";	//左から3番目画像のX座標
	var def_X = "-615px";			//デフォルトX座標

//////////////////////////////////////////////////

restartTime -= intervalTime;

var hoverflag = false;
var timerStopFlag = false;
var indexNum = 2;
var linkAllowFlag = true;

$(document).ready(function(){

	//IE透過PNG対策
	$("#slider img").fixPng();
	$("#slideCover img").fixPng();

	//ロールオーバー
	smartRollover();

	//ロールオーバーでアニメーション止める
	//ipad and iphone fix
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
	}else{
		$("#slider li").hover(function(){
			hoverflag =true;
//			alert(hoverflag);
		},function(){
			hoverflag =false;
//			alert(hoverflag);
		});
	}


	//タイマーアニメーション
	function AnimationTimer()
	{
		//停止フラグONなら、タイマー停止、再スタートまでのカウント開始
		if(timerStopFlag == true && hoverflag == false)
		{
			$(document).stopTime('timer01');
			$(document).oneTime(restartTime,function(){
				timerStopFlag = false;
				$(document).everyTime(intervalTime,'timer01',AnimationTimer);
			})
		//停止フラグOFFなら、自動アニメーション
		}else if(hoverflag == true){
		
		}else{
			slideAnimation(indexNum);
			indexNum--;
			if(indexNum < 0){indexNum = 3}
		}
	}

	//タイマー実行
	$(document).everyTime(intervalTime,'timer01',AnimationTimer);

	//自動アニメーション
	function slideAnimation(num)
	{
		$('#slider li:eq('+num+')').animate({left:"0px"},slideSpeed,function(){
			if(num == 0)
			{
				$('#slider li:eq(0)').css('z-index','1');
				$('#slider li:eq(3)').css('z-index','2').animate({left:left03_X});
				$('#slider li:eq(2)').css('z-index','3').animate({left:left02_X});
				$('#slider li:eq(1)').css('z-index','4').css('left',def_X).animate({left:left01_X});
			}else if(num == 1)
			{
				$('#slider li:eq(1)').css('z-index','1');
				$('#slider li:eq(0)').css('z-index','2').animate({left:left03_X});
				$('#slider li:eq(3)').css('z-index','3').animate({left:left02_X});
				$('#slider li:eq(2)').css('z-index','4').css('left',def_X).animate({left:left01_X});
			}else if(num == 2)
			{
				$('#slider li:eq(2)').css('z-index','1');
				$('#slider li:eq(1)').css('z-index','2').animate({left:left03_X});
				$('#slider li:eq(0)').css('z-index','3').animate({left:left02_X});
				$('#slider li:eq(3)').css('z-index','4').css('left',def_X).animate({left:left01_X});
			}else if(num == 3)
			{
				$('#slider li:eq(3)').css('z-index','1');
				$('#slider li:eq(2)').css('z-index','2').animate({left:left03_X});
				$('#slider li:eq(1)').css('z-index','3').animate({left:left02_X});
				$('#slider li:eq(0)').css('z-index','4').css('left',def_X).animate({left:left01_X});
			}
		});
	}

	//クリック時
	
	$('#slider li a').each(function(){
		$(this).bind('click',clickAnimation);
	})

})


function clickAnimation(e)
{
		var atag = e.currentTarget;
		var imgList = $(atag).parent();

		timerStopFlag = true;
		linkAllowFlag = false;
		
		indexNum = $(imgList).index();

		var imgList = $(atag).parent();
		
		if(linkAllowFlag == false && $(imgList).css('left') == "0px"){
			//位置が0だったら遷移
			location.href = $(atag).attr('href');
		}else{

			//デフォルトイベント停止
			//e.preventDefault();
			$(e.currentTarget).parent().siblings().find("a").unbind('click',clickAnimation);

			//位置が0以外なら0まで移動
			$(imgList).not(':animated').animate({left:"0px"},slideSpeed,function(){
			
			if(indexNum == 0)
			{
				$('#slider li:eq(0)').css('z-index','1');
				$('#slider li:eq(3)').css('z-index','2').css('left',left02_X).animate({left:left03_X});
				$('#slider li:eq(2)').css('z-index','3').css('left',left01_X).animate({left:left02_X});
				$('#slider li:eq(1)').css('z-index','4').css('left',def_X).animate({left:left01_X},function(){
					$(e.currentTarget).parent().find("a").bind('click',clickAnimation);
					$(e.currentTarget).parent().siblings().find("a").bind('click',clickAnimation);
					indexNum--;
					linkAllowFlag = true;
				});
			}else if(indexNum == 1)
			{
				$('#slider li:eq(1)').css('z-index','1');
				$('#slider li:eq(0)').css('z-index','2').css('left',left02_X).animate({left:left03_X});
				$('#slider li:eq(3)').css('z-index','3').css('left',left01_X).animate({left:left02_X});
				$('#slider li:eq(2)').css('z-index','4').css('left',def_X).animate({left:left01_X},function(){
					$(e.currentTarget).parent().find("a").bind('click',clickAnimation);
					$(e.currentTarget).parent().siblings().find("a").bind('click',clickAnimation);
					indexNum--;
					linkAllowFlag = true;
				});
			}else if(indexNum == 2)
			{
				$('#slider li:eq(2)').css('z-index','1');
				$('#slider li:eq(1)').css('z-index','2').css('left',left02_X).animate({left:left03_X});
				$('#slider li:eq(0)').css('z-index','3').css('left',left01_X).animate({left:left02_X});
				$('#slider li:eq(3)').css('z-index','4').css('left',def_X).animate({left:left01_X},function(){
					$(e.currentTarget).parent().find("a").bind('click',clickAnimation);
					$(e.currentTarget).parent().siblings().find("a").bind('click',clickAnimation);
					indexNum--;
					linkAllowFlag = true;
				});
			}else if(indexNum == 3)
			{
				$('#slider li:eq(3)').css('z-index','1');
				$('#slider li:eq(2)').css('z-index','2').css('left',left02_X).animate({left:left03_X});
				$('#slider li:eq(1)').css('z-index','3').css('left',left01_X).animate({left:left02_X});
				$('#slider li:eq(0)').css('z-index','4').css('left',def_X).animate({left:left01_X},function(){
					$(e.currentTarget).parent().find("a").bind('click',clickAnimation);
					$(e.currentTarget).parent().siblings().find("a").bind('click',clickAnimation);
					indexNum--;
					linkAllowFlag = true;
				});
			}
			});

			$("#slider li a").click(function(){
				return false;
			});

			return false;
		}
}


/************************************************
	RololOver Image
************************************************/

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = $("img");
		
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
				}
			}
		}
	}
}