$(document).ready(function(){
	
	//****************************
	//初期設定
	//****************************
	//動作の速度(ミリ秒)
	var moveSpeed = 200;
	//動きの種類
	var easingName = "linear";//linear
	//初期表示に戻る時間(ミリ秒)
	var initSpeed = 10000;
	
	//****************************
	//各種情報の取得
	//****************************
	var smallSchoolBoxL = new Array(4);
	var bigSchoolBoxL = new Array(4);
	var bigWidthL = new Array(4);
	var bigHeightL = new Array(4);
	
	$("#mibl .sb").each(function(i){
		smallSchoolBoxL[i] = $(this).find(".sbi-1").find("img");
		bigSchoolBoxL[i] = $(this).find(".sbi-2");
		
		bigWidthL[i] = bigSchoolBoxL[i].width();
		bigHeightL[i] = bigSchoolBoxL[i].height();
	});
	
	var smallSchoolBoxR = new Array(4);
	var bigSchoolBoxR = new Array(4);
	var bigWidthR = new Array(4);
	var bigHeightR = new Array(4);
	
	$("#mibr .sb").each(function(i){
		smallSchoolBoxR[i] = $(this).find(".sbi-1").find("img");
		bigSchoolBoxR[i] = $(this).find(".sbi-2");
		
		bigWidthR[i] = bigSchoolBoxR[i].width();
		bigHeightR[i] = bigSchoolBoxR[i].height();
	});
	
	//****************************
	//初期表示に戻す関数
	//****************************
	var initMove = function(){
		//左側枠の横幅を広げて、右側枠を狭くする
		$("#mibl").animate({width:"470px"},moveSpeed,easingName);
		$("#mibr").animate({width:"456px"},moveSpeed,easingName);
		
		//クリックしたindex
		var index = $("#mibl .sbi-1").index(this);
		
		$(".sbi-1").find("img").each(function(){
			var imgSrc = $(this).attr("src");
			if(imgSrc.match("_on.png")){
				$(this).attr("src",imgSrc.replace("_on.png",".png"));
			}
		});
		
		//クリック以外の学校を小さい学校名にする
		big2Small();
		
		return false;
	};
		
	//****************************
	//左側の小さい学校名をクリックした場合
	//****************************
	$("#mibl .sbi-1").live("click",function(){
		//左側枠の横幅を広げて、右側枠を狭くする
		$("#mibl").animate({width:"837px"},moveSpeed,easingName);
		$("#mibr").animate({width:"90px"},moveSpeed,easingName);
		
		//クリックしたindex
		var index = $("#mibl .sbi-1").index(this);
		
		//クリック以外の学校を小さい学校名にする
		big2Small();
		
		//小さい学校名を非表示にして、大きい学校名を０％から１００％にする
		small2BigL(index);
		
		$("#main-image").stopTime("controlled");
		$("#main-image").oneTime(initSpeed,"controlled",initMove);
		return false;
	});
	
	//****************************
	//右側の小さい学校名をクリックした場合
	//****************************
	$("#mibr .sbi-1").live("click",function(){
		//右側枠の横幅を広げて、左側枠を狭くする
		$("#mibr").animate({width:"837px"},moveSpeed,easingName);
		$("#mibl").animate({width:"90px"},moveSpeed,easingName);
		
		//クリックしたindex
		var index = $("#mibr .sbi-1").index(this);
		
		//クリック以外の学校を小さい学校名にする
		big2Small();
		
		//小さい学校名を非表示にして、大きい学校名を０％から１００％にする
		small2BigR(index);
		
		$("#main-image").stopTime("controlled");
		$("#main-image").oneTime(initSpeed,"controlled",initMove);
		return false;
	});
		
	//****************************
	//学校名にマウスオンで画像を変換
	//****************************
	$(".sbi-1").live("mouseover",function(){
		$(this).css({"cursor":"pointer"});	
		var src = $(this).find("img").attr("src");
		if(src.match("_on.png")){
			$(this).find("img").attr("src",src.replace("_on.png",".png"));
		}else{
			$(this).find("img").attr("src",src.replace(".png","_on.png"));
		}
		return false;
	});
	$(".sbi-1").live("mouseout",function(){
		var imgSrc = $(this).find("img").attr("src");
		if(imgSrc.match("_on.png")){
			$(this).find("img").attr("src",imgSrc.replace("_on.png",".png"));
		}else{
			$(this).find("img").attr("src",imgSrc.replace(".png","_on.png"));
		}
		return false;
	});
		
	//****************************
	//ニュースヘッドライン
	//****************************
	$("#news-line").arvHeadLine({
		headLineChangeSpeed:200,
		headLineChangeTime:6000,
		headLineTarget:$(".news-list"),
		headLineTargetBoxWidth:"60px",
		headLineChangeOutType:"fadeTo"
	});
	
	//****************************
	//入学希望の方～道外・留学の方までの表示/非表示動作
	//****************************
	$(".s-menu-box-i p a").live("click",function(){
		//表示/非表示の切替
		$(this).parents(".s-menu-box-i").find("ul").toggle();
		//「+」「-」画像の切替
		var imgSrc = $(this).find("img").attr("src");
		if(imgSrc.match("_on.gif")){
			$(this).find("img").attr("src",imgSrc.replace("_on.gif",".gif"));
		}else{
			$(this).find("img").attr("src",imgSrc.replace(".gif","_on.gif"));
		}
		
		return false;
	});
	
	//****************************
	//各サイトのご紹介の表示/非表示動作
	//****************************
	$("#f-menu p a").live("click",function(){
		//表示/非表示の切替
		$(this).parents("#f-menu").find("table").toggle();
		//「+」「-」画像の切替
		var imgSrc = $(this).find("img").attr("src");
		if(imgSrc.match("_on.gif")){
			$(this).find("img").attr("src",imgSrc.replace("_on.gif",".gif"));
		}else{
			$(this).find("img").attr("src",imgSrc.replace(".gif","_on.gif"));
		}
		
		return false;
	});
	
	
	//****************************
	//ここから　サブルーチン
	//****************************
	function big2Small(){
		$("#mibr .sbi-2,#mibl .sbi-2").each(function(idx){
			if(!$(this).is(":hidden")){
				$(this).animate({width:"0px",height:"0px"},moveSpeed,easingName,function(){
					$(this).hide().parents(".sb").find(".sbi-1 img").show();
				});
			}
		});
		return;
	}
	
	function small2BigL(index){

		//大きい学校名を０にして待機
		bigSchoolBoxL[index].css({width:"0px",height:"0px"}).find(".sbi-2rg").hide();
		
		//小さい学校名を非表示
		smallSchoolBoxL[index].hide();
		
		//大きい学校名を表示して１００％まで大きく
		bigSchoolBoxL[index].show().animate({width:bigWidthL[index]+"px",height:bigHeightL[index]+"px"},moveSpeed,easingName,function(){bigSchoolBoxL[index].find(".sbi-2rg").show();return false;});
		return;
	}
	
	function small2BigR(index){
		//大きい学校名を０にして待機
		bigSchoolBoxR[index].css({width:"0px",height:"0px"}).find(".sbi-2rg").hide();
		
		//小さい学校名を非表示
		smallSchoolBoxR[index].hide();
		//大きい学校名を表示して１００％まで大きく
		bigSchoolBoxR[index].show().animate({width:bigWidthR[index]+"px",height:bigHeightR[index]+"px"},moveSpeed,easingName,function(){bigSchoolBoxR[index].find(".sbi-2rg").show();return false;});
		
		return;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

});