//TOpgra画像切り替え
$(function ImgChange() {
					 

	//ID取得
	var ilength;
	var i;
	$("#CHANGEIMGBOX #CHANGE_GRA div").each(function(i) {
		i = i+1;
		$(this).attr("class","num"+ i);
		ilength = $("#CHANGEIMGBOX #CHANGE_GRA div").length;
	});
	
	//ID取得(ボタン)
	var btn_i;
	$("#CHANGEIMGBOX #CHANGE_BTN ul li").each(function(btn_i) {		
		btn_i = btn_i+1;
		$(this).attr("class","btn_num"+ btn_i);
	});
	
	//ボタン画像設定
	var btnimg1 = "url(../../images/main/top_main_btn02_b_oc.gif) no-repeat 0 0";
	var btnimg2 = "url(../../images/main/top_main_btn05_b_oc.gif) no-repeat 0 0";
	var btnimg3 = "url(../../images/main/top_main_btn08_b_oc.gif) no-repeat 0 0";
	var btnimg1_on = "url(../../images/main/top_main_btn02_b_on.gif) no-repeat 0 0";
	var btnimg2_on = "url(../../images/main/top_main_btn05_b_on.gif) no-repeat 0 0";
	var btnimg3_on = "url(../../images/main/top_main_btn08_b_on.gif) no-repeat 0 0";
	

	//画像データ取得
	var imgheight;
	var imgwidth;
	$("#CHANGEIMGBOX #CHANGE_GRA div p.gra img").each(function() {
		imgsrc = $(this).attr("src");
	});
	
	//デフォルト
	$("#CHANGEIMGBOX #CHANGE_GRA div").css("opacity","0");
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1").css("opacity","1");
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1").show();
	$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a').css('background',btnimg1_on);

	//デフォルト(ボタン)
	DefaltBtn();
	function DefaltBtn() {
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').css('background',btnimg1);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num5 a').css('background',btnimg2);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num8 a').css('background',btnimg3);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li a').addClass("oc");
//		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').removeClass("oc");
	};
	$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').addClass("oc");
	
	//クリア(ボタン)
	function ClearBtn() {
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').css('background',btnimg1);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num5 a').css('background',btnimg2);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num8 a').css('background',btnimg3);		
		$('#CHANGEIMGBOX #CHANGE_BTN ul li a').addClass("oc");
	};
	
	var t = 1;
	var imgsrcBC;
	//初期画像データ
	imgsrcBC = $("#CHANGEIMGBOX #CHANGE_GRA div.num2 p.gra img").attr("src");	
	$("#CHANGEIMGBOX #CHANGE_GRA").css("background","url("+imgsrcBC+") no-repeat 0 0");

/*
	$('#CHANGEIMGBOX .loadgra').animate({"top": "9px"}, 6000).fadeOut();
	$('#CHANGEIMGBOX #CHANGE_GRA div.num2').animate({"top": "0"}, 6000).animate({"top": "0"}, 100,function(){
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a').css('background',btnimg1_on);
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a').removeClass("oc");
		Change();
	});
*/

	Change();
	
	//切り替え
	function Change() {	

		
		$('#CHANGEIMGBOX #CHANGE_GRA div.num'+t).animate({"opacity": "1"}, 1000,"").animate({"top": "0"}, 6000,function(){$("#CHANGEIMGBOX #CHANGE_GRA").css("background","url("+imgsrcBC+") no-repeat 0 0");}).animate({"opacity": "0"}, 1000,"",
			function(){		
				$("#CHANGEIMGBOX #CHANGE_GRA div").hide();
		
		
				//ループ処理
				if(t < ilength) {
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+(t+1)).show();

					t ++;
					
					//ボタン
					/*
					var btn_imgsrc =  $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+(t-1)+" img").attr("src");
					btn_imgsrc = btn_imgsrc.replace(/_active/,'_oc');
					var btn_actimgsrc = $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+t+" img").attr("src");
					btn_actimgsrc = btn_actimgsrc.replace(/_oc/,'_active');
					
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+(t-1)+' img').removeClass('active');
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+(t-1)+' img').attr("src",btn_imgsrc);
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' img').addClass('active');
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' img').attr("src",btn_actimgsrc);
					*/
					
					if(t ==2){
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a').css('background','url(../../images/main/top_main_btn01_b_oc.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').css('background','url(../../images/main/top_main_btn0'+t+'_b_on.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num a').addClass("oc");
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').removeClass("oc");
					} else if(t == 5) {
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').css('background','url(../../images/main/top_main_btn02_b_oc.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').css('background','url(../../images/main/top_main_btn0'+t+'_b_on.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num a').addClass("oc");
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').removeClass("oc");
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num2 a').addClass("oc");
					} else if(t == 8) {
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num5 a').css('background','url(../../images/main/top_main_btn05_b_oc.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').css('background','url(../../images/main/top_main_btn0'+t+'_b_on.gif) no-repeat 0 0');
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num a').addClass("oc");
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a').removeClass("oc");
						$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num5 a').addClass("oc");
					}
					
					
				
				} else {
					
					//ボタン
					/*
					var btn_actimgsrc = $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+t+" img").attr("src");
					btn_actimgsrc = btn_actimgsrc.replace(/_active/,'_oc');					
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' img').attr("src",btn_actimgsrc);
					*/
					
					DefaltBtn();
					
					t = 1;
					
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+t).show();
					
				}

                //画像データ取得
				if(t == ilength){					
					imgsrcBC = $("#CHANGEIMGBOX #CHANGE_GRA div.num1 p.gra img").attr("src");	
				} else {
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+(t+1)+" p.gra img").each(function() {
						imgsrcBC = $(this).attr("src");
					});					
				}
					
				Change();
	
		});
	}

	
	//ボタンクリック
	$("#CHANGEIMGBOX #CHANGE_BTN ul li").each(function(y) {
		
		y = y+1;
	

		//ボタンクリック
		$("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+y+" a").click(
		  function () {
			
			$("#CHANGEIMGBOX #CHANGE_GRA div").stop(true, true);
			$("#CHANGEIMGBOX .loadgra").stop(true, true);
			$("#CHANGEIMGBOX .loadgra").fadeOut();

			$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y+" p.gra img").each(function() {
				imgsrcBC = $(this).attr("src");
			});
			

			$("#CHANGEIMGBOX #CHANGE_GRA").css("background","url("+imgsrcBC+") no-repeat 0 0");	

			$('#CHANGEIMGBOX #CHANGE_GRA div').animate({"opacity": "0"}, 500,"",function(){
				$("#CHANGEIMGBOX #CHANGE_GRA div").hide();
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).show();
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).animate({"opacity": "1"}, 1000,"");
			});

			
			/*var x;
			$("#CHANGEIMGBOX #CHANGE_BTN ul li").each(function(x) {		
				x = x+1;
				var btn_actimgsrc = $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+x+" img").attr("src");
				btn_actimgsrc = btn_actimgsrc.replace(/_active/,'_oc');					
				$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+x+' img').attr("src",btn_actimgsrc);
				$('#CHANGEIMGBOX #CHANGE_BTN ul li img').removeClass('active')
				//alert(x);
			});
			
			//ボタン
			var btn_actimgsrc = $(this).attr("src");
			btn_actimgsrc = btn_actimgsrc.replace(/_on/,'_active');
			$(this).attr("src",btn_actimgsrc);
			$(this).addClass('active');
			*/
			ClearBtn();
			$(this).css('background','url(../../images/main/top_main_btn0'+y+'_b_on.gif) no-repeat 0 0');
			$(this).removeClass("oc");
			

			t = y;
			Change();
				
			return false;

		  });

		//ボタンオーバー
		$("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+y+" a").hover(
		  function () {

			$(this).css('background','url(../../images/main/top_main_btn0'+y+'_b_on.gif) no-repeat 0 0');
		  
		 },
		  function () {

			if($(this).is(".oc")){
				$(this).css('background','url(../../images/main/top_main_btn0'+y+'_b_oc.gif) no-repeat 0 0');
			}
		 
		 });

	});

});


//TOpgra画像切り替え
$(function ImgChangeOver() {

	//画像オーバー	
	$("#CHANGEIMGBOX #CHANGE_GRA div").hover(function () {

		if($("#CHANGEIMGBOX #CHANGE_GRA div").is(".num1")){
			$(this).find("p.gra").find("img").css('opacity',1.0);
		} else {
			$(this).find("p.gra").find("img").css('opacity',0.8);
		}
		$(this).find("p.txt").addClass("on");
	},function () {
		$(this).find("p.gra").find("img").css('opacity',1.0);
		$(this).find("p.txt").removeClass("on");
	});
	
	
	//リンク設定
/*
	$("#CHANGEIMGBOX #CHANGE_GRA div a").click(function () {
		window.location = this.href;

		if($("#CHANGEIMGBOX #CHANGE_GRA div").is(".num1")){
			return false;
		}
	});
*/
	
	$("#CHANGEIMGBOX #CHANGE_GRA div").click(function () {
		if($(this).is(".num1")){
		} else {
//			$(this).find('a:first').trigger('click');
			var url = $(this).find("a:first").attr("href");
			window.open(url,'_self');
		}
	});



});