//java script 

//yoshino.t

var srcnumber =1

var fadespeed =10000;

var now_src =0;

var Imageurl = new Array(4);

var endflag =0;

var flagcounter=0;



$(document).ready(function(){

	

	Imageurl[1] = document.getElementById("Imagelink1").href;

	Imageurl[2] = document.getElementById("Imagelink2").href;

	Imageurl[3] = document.getElementById("Imagelink3").href;



	$('#Imageanima1').fadeIn(1000);

	$("#slidewrapper").animate({"left": "0px"}, 0);

	

	//*****************一定時間マウスオーバーしない場合に画像が変わる*****************//

	fadeanima =function(){

		

		if(document.getElementById("slidewrapper").style.left == "0px"){

			var now_src = document.getElementById("Imageanima1").src;

			srcnumber = now_src.slice(now_src.length - 5, now_src.length - 4);

			if(srcnumber >= 3){

				srcnumber =1;

			}else{

				srcnumber++;

			}

			//現在の画像から次の画像のsrcを取得

			var new_src = "./img/headContentR" + srcnumber +".png";

			

			$('#Imageanima1').fadeOut('normal',function(){  $('#Imageanima1').attr('src' , new_src ); document.getElementById("Imagelink1").href = Imageurl[srcnumber]; }).fadeIn();

			

		}else if(document.getElementById("slidewrapper").style.left == "-580px"){

			var now_src = document.getElementById("Imageanima2").src;

			srcnumber = now_src.slice(now_src.length - 5, now_src.length - 4);

			if(srcnumber >= 3){

				srcnumber =1;

			}else{

				srcnumber++;

			}

			

			var new_src = "./img/headContentR" + srcnumber +".png";

			document.getElementById("Imagelink1").href =Imageurl[srcnumber];

			

			$('#Imageanima2').fadeOut('normal',function(){  $('#Imageanima2').attr('src' , new_src ); document.getElementById("Imagelink2").href = Imageurl[srcnumber]; }).fadeIn();

			

		}else if(document.getElementById("slidewrapper").style.left == "-1160px"){

			

			var now_src = document.getElementById("Imageanima3").src;

			srcnumber = now_src.slice(now_src.length - 5, now_src.length - 4);

			document.getElementById("Imagelink1").href =Imageurl[srcnumber];

			if(srcnumber >= 3){

				srcnumber =1;

			}else{

				srcnumber++;

			}

			var new_src = "./img/headContentR" + srcnumber +".png";

			

			$('#Imageanima3').fadeOut('normal',function(){  $('#Imageanima3').attr('src' , new_src ); document.getElementById("Imagelink3").href = Imageurl[srcnumber]; }).fadeIn();

		}

		endflag =1;

	}

	fadetimer = setInterval(fadeanima,fadespeed);								

	

	$("#anima1").mouseover(function(){

			clearInterval(fadetimer);

			if(document.getElementById("slidewrapper").style.left == "0px"){

				if(($('#Imageanima1').attr('src') != "./img/headContentR1.png")&&(endflag == 1)){

				

				endflag =0;

				$('#Imageanima1').fadeOut('normal',function(){  $('#Imageanima1').attr('src' , "./img/headContentR1.png" ); document.getElementById("Imagelink1").href = Imageurl[1]; }).fadeIn();

					

				}

				

			}else{

				

			document.getElementById("Imagelink1").href = Imageurl[1];

			document.getElementById("Imageanima1").src = "./img/headContentR1.png";

			}

		if(flagcounter <=7){

			flagcounter+=1;

		$("#slidewrapper").animate({"left": "0px"}, 350,"swing",function(){	

								document.getElementById("Imagelink1").href = Imageurl[1];

								document.getElementById("Imageanima1").src = "./img/headContentR1.png";

								flagcounter -= 1;

																		   });

		}

		fadetimer = setInterval(fadeanima,fadespeed);

	  

	});

	

	$("#anima2").mouseover(function(){

		clearInterval(fadetimer);

		if(document.getElementById("slidewrapper").style.left == "-580px"){

			if(($('#Imageanima2').attr('src') != "./img/headContentR2.png")&&(endflag == 1)){

				

					

					endflag =0;

					$('#Imageanima2').fadeOut('normal',function(){  $('#Imageanima2').attr('src' , "./img/headContentR2.png" ); document.getElementById("Imagelink2").href = Imageurl[2]; }).fadeIn();

				

			}

		}else{

				

			document.getElementById("Imagelink2").href = Imageurl[2];

			document.getElementById("Imageanima2").src = "./img/headContentR2.png";

		}

		if(flagcounter <=7){

			flagcounter+=1;

			$("#slidewrapper").animate({"left": "-580px"}, 350,"swing",function(){	

								document.getElementById("Imagelink2").href = Imageurl[2];

								document.getElementById("Imageanima2").src = "./img/headContentR2.png";

								flagcounter -= 1;

																		   });

		}

	  fadetimer = setInterval(fadeanima,fadespeed);

	});

	

	$("#anima3").mouseover(function(){

		clearInterval(fadetimer);

		if(document.getElementById("slidewrapper").style.left == "-1160px"){

			if(($('#Imageanima3').attr('src') != "./img/headContentR3.png")&&(endflag == 1)){

				

					endflag =0;

					$('#Imageanima3').fadeOut('normal',function(){  $('#Imageanima3').attr('src' , "./img/headContentR3.png" ); document.getElementById("Imagelink3").href = Imageurl[3]; }).fadeIn();

				

			}			

		}else{

				

			document.getElementById("Imagelink3").href = Imageurl[3];

			document.getElementById("Imageanima3").src = "./img/headContentR3.png";

		}

		if(flagcounter <=7){

			flagcounter+=1;

	  $("#slidewrapper").animate({"left": "-1160px"}, 350,"swing",function(){	

								document.getElementById("Imagelink3").href = Imageurl[3];

								document.getElementById("Imageanima3").src = "./img/headContentR3.png";

								flagcounter -=1;

																		   });

		}

																		

	  fadetimer = setInterval(fadeanima,fadespeed);

	});

																																																		

});