//TOP画像切り替え
$(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);
	});
	

	//画像データ取得
	$("#CHANGEIMGBOX #CHANGE_GRA p img.gra").each(function() {
		imgsrc = $(this).attr("src");
	});


	//背景画像データ取得
	var v = 0;
	$("#CHANGEIMGBOX #CHANGE_GRA div img.gra").each(function(v) {
		v = v+1
		bgsrcdata = $(this).attr("src");
		bgsrcdata = bgsrcdata.replace(/_gra/,'_grabg');
		$("#CHANGEIMGBOX #CHANGE_GRA div.num"+v).css("background","url("+bgsrcdata+") no-repeat center top");

/*
		if(document.all){ // IE用

			if(document.body.clientWidth < 950){
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+v).css("background","url("+bgsrcdata+") no-repeat -200px top");
			} else {
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+v).css("background","url("+bgsrcdata+") no-repeat center top");
			}

		}

		else{

			if(innerWidth < 950){
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+v).css("background","url("+bgsrcdata+") no-repeat -200px top");
			} else {
				$("#CHANGEIMGBOX #CHANGE_GRA div.num"+v).css("background","url("+bgsrcdata+") no-repeat center top");
			}

		}
*/
			
	});

					
	
	//デフォルト
	$("#CHANGEIMGBOX #CHANGE_GRA div").css("opacity","0");
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1").css("opacity","1");
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1").show();

/*
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1 img.gra").each(function() {
		defalt_imgsrc = $(this).attr("src");
		defalt_imgsrc = defalt_imgsrc.replace(/_gra/,'_grabg');
	});	
	$("#CHANGEIMGBOX #CHANGE_GRA div.num1").css("background","url("+defalt_imgsrc+") no-repeat center top");
	$("#Contents_maintop").css("background","url("+defalt_imgsrc+") no-repeat center top");
*/

	//デフォルト(ボタン)
	DefaltBtn();
	function DefaltBtn() {
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a img').addClass('active');
		var btn01 = $('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a img').attr("src");
		btn01 = btn01.replace(/_off/,'_active');
		$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num1 a img').attr("src",btn01);

		//IE6設定
		IEBtn();

	};

	//IE6設定
	function IEBtn() {
		if (typeof document.body.style.maxHeight != "undefined") { 
		} else {
			$("#CHANGEIMGBOX #CHANGE_BTN ul li a img").each(function() {
				var iebtn = $(this).attr("src");
				iebtn = iebtn.replace(/png/,'gif');
				$(this).attr("src",iebtn);
			});			
		}
	};

	var t = 1;
		
	Change();


	//切り替え
	function Change() {	

		//画像データ取得
		var imgsrc;
		var bgsrc;
		$("#CHANGEIMGBOX #CHANGE_GRA div.num"+t+" img.gra").each(function() {
			bgsrc = $(this).attr("src");
			bgsrc = bgsrc.replace(/_gra/,'_grabg');
		});

		
			
		$('#CHANGEIMGBOX #CHANGE_GRA div.num'+t).animate({"opacity": "1"}, 1000,"",
			function(){

/*
			if(document.all){ // IE用

				if(document.body.clientWidth < 950){
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat -200px top");
				} else {
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat center top");
				}

			}

			else{

				if(innerWidth < 950){
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat -200px top");
				} else {
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat center top");
				}

			}
*/

			}
		).animate({"top": "0"}, 7000,"").animate({"opacity": "0"}, 500,"",
			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)+" a img").attr("src");
					btn_imgsrc = btn_imgsrc.replace(/_active/,'_off');
					var btn_actimgsrc = $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+t+" a img").attr("src");
					btn_actimgsrc = btn_actimgsrc.replace(/_off/,'_active');
					
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+(t-1)+' a img').removeClass('active');
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+(t-1)+' a img').attr("src",btn_imgsrc);
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a img').addClass('active');
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a img').attr("src",btn_actimgsrc);
					
					
				} else {
					
					//ボタン
					var btn_actimgsrc = $("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+t+" a img").attr("src");
					btn_actimgsrc = btn_actimgsrc.replace(/_active/,'_off');					
					$('#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num'+t+' a img').attr("src",btn_actimgsrc);
					DefaltBtn();
					
					t = 1;
					
					
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+t).show();
				}
				
				Change();
	
		});
	}


	//オーバー
	$("#CHANGEIMGBOX #CHANGE_BTN ul li a img").hover(function() {
		//IE6設定
		IEBtn();
	});

	
	//ボタンクリック
	$("#CHANGEIMGBOX #CHANGE_BTN ul li").each(function(y) {
		
		y = y+1;
		$(this).attr("class","btn_num"+ y);
		
		$("#CHANGEIMGBOX #CHANGE_BTN ul li.btn_num"+y+" a img").click(function() {

			$("#CHANGEIMGBOX #CHANGE_GRA div").stop(true, true);

			var imgsrc;
			$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y+" img.gra").each(function() {
				imgsrc = $(this).attr("src");
			});
			
			var bgsrc;
			$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y+" img.gra").each(function() {
				bgsrc = $(this).attr("src");
				bgsrc = bgsrc.replace(/_gra/,'_grabg');
			});

/*
			if(document.all){ // IE用

				if(document.body.clientWidth < 950){
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat -200px top");
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).css("background","url("+bgsrc+") no-repeat -200px top");
				} else {
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat center top");
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).css("background","url("+bgsrc+") no-repeat center top");
				}

			}

			else{

				if(innerWidth < 950){
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat -200px top");
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).css("background","url("+bgsrc+") no-repeat -200px top");
				} else {
					$("#Contents_maintop").css("background","url("+bgsrc+") no-repeat center top");
					$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).css("background","url("+bgsrc+") no-repeat center top");
				}

			}

*/

			
//			$("#CHANGEIMGBOX #CHANGE_GRA div.num"+y).css("background","url("+bgsrc+") no-repeat center top");

			$('#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,"");
			});
			
	
			$("#CHANGEIMGBOX #CHANGE_BTN ul li a img").each(function() {
				this.src = this.originalSrc;
				$(this).removeClass('active');
			});
	
			this.src = this.activeSrc;
	
			$(this).addClass('active');


			t = y;
			Change();
			
			//IE6設定
			IEBtn();
			
			return false;
	
		});	
	});



	//ボタンデータ取得
	var items = []
	var total
/*
	$("#CHANGEIMGBOX #CHANGE_BTN ul li").each(function () {

        items.push('<li>' + $(this).html() + '</li>');
        
    });
*/
	items.push('<li id="MainBtn1" class="btn_num1"><a href="#"><img src="/images/topmain/top_main_btn_about_off.png" width="244" height="70" alt="自信につながる、『わかる』たのしさを。" /></a></li>');
	items.push('<li id="MainBtn2" class="btn_num2"><a href="#"><img src="/images/topmain/top_main_btn_camp_off.png" width="244" height="70" alt="学研の家庭教師 テレビCMのご紹介" /></a></li>');
	items.push('<li id="MainBtn3" class="btn_num3"><a href="#"><img src="/images/topmain/top_main_btn_area_off.png" width="244" height="70" alt="対応エリアが増えました！" /></a></li>');
    
    total = items.length;
    
//    alert(items);


	//次へボタン	
/*
	currentItem = 0;
	kaisu = 0;
	$("#NextBtn a img").click(function() {
	
		kaisu = kaisu+1;
		
		if(kaisu == 1){
			currentItem = currentItem+2;
		} else if(kaisu == 2) {
			currentItem = currentItem+2;
		} else if(kaisu == 3) {
			currentItem = currentItem-1;
		} else {
			currentItem = currentItem+1;
		}
		
		
		var btnli =  $("#CHANGEIMGBOX #CHANGE_BTN ul");
		$(items[currentItem]).prependTo(btnli);

		if (currentItem >= total-1) {
                currentItem = -1;
        }
            
		btnli.find('> li').filter(':gt(' + (total - 1) + ')').remove();
		
		return false;	
	});	
	
	
*/	


	var z = 0;
	var z2 = 0;
	var z3 = 0;
	var c = 0;
	//次へボタン	
	$("#NextBtn a img").click(function() {								   
		c++;
		
		Btnif();

		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn1").css("top",z+"px");
		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn2").css("top",z2+"px");
		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn3").css("top",z3+"px");
		
		return false;	
	});	

	//前へボタン
	$("#PrevBtn a img").click(function() {
		c--;

		Btnif();

		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn1").css("top",z+"px");
		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn2").css("top",z2+"px");
		$("#CHANGEIMGBOX #CHANGE_BTN #MainBtn3").css("top",z3+"px");
		return false;	
	});	
		
	function Btnif() {
		
		if(c == 1){
			z = 70;
			z2 = 140;
			z3 = 0;
		} else if(c == 2) {
			z = 140;
			z2 = 0;
			z3 = 70;			
		} else if(c == 3) {
			z = 0;
			z2 = 70;
			z3 = 140;
			c = 0;				
		} else if(c == 0) {
			z = 0;
			z2 = 70;
			z3 = 140;
		} else	if(c == -1){
			z = 140;
			z2 = 0;
			z3 = 70;
		} else if(c == -2) {
			z = 70;
			z2 = 140;
			z3 = 0;	
		} else if(c == -3) {
			z = 0;
			z2 = 70;
			z3 = 140;
			c = 0;				
		}	
	}

	
});