// JavaScript Document

//現在のバナー
var banner_num = 1;

//１つ前のバナー
var banner_num_bk = 1;

//画像の明るさを制御用変数
var density = 0;

//現在時間格納用
var starttime = new Date();

//終了時間格納用
var nowtime = new Date();

//ボタン上にマウスカーソルがあるか
//１…ある、０…ない
var over_button=0;

//バナー上にマウスカーソルがあるか
//１…ある、０…ない
var over_banner=0;

//画像読み込みが完了しているか
//１…している、０…していない
var image_complete=0;

//初回実行判定フラグ
//初期値は1、バナーローテーション初回実行後は0にする
var first_time = 1;

//バナー画像の配列定義（0～6）

var banner_filename = new Array(6);
var banner_link = new Array(6);
var banner_target = new Array(6);
var banner_button = new Array(6);
var banner_image = new Array(6);
var button = new Array(6);
var css_filename = new Array(6);

//バナー総数
//var banner_max_num = 2;
var banner_max_num = 3;
//var banner_max_num = 4;
//var banner_max_num = 5;

banner_image[0] = "";
banner_image[1] = new Image();
banner_image[2] = new Image();
banner_image[3] = new Image();
banner_image[4] = new Image();
banner_image[5] = new Image();

button[0]="";
button[1]="button1";
button[2]="button2";
button[3]="button3";
button[4]="button4";
button[5]="button5";

//0はロード中表示バナー用
banner_filename[0] 	= "/contents/images/top_banner/nowloading.gif";
banner_link[0] 		= "";
banner_target[0] 	= "";
banner_button[0] 	= "";
//2番目のバナー
banner_filename[1] 	= "/contents/images/top_banner/spring_start_2012.jpg";
banner_link[1] 		= "/contents/information/service/yokin_sisan/spring_start_2012/pdf/spring_start_2012.pdf";
banner_target[1] 	= "_blank";
banner_button[1] 	= "春のスタートキャンペーン";
//4番目のバナー
banner_filename[2] 	= "/contents/images/top_banner/loan_karikae_campaign1.jpg";
banner_link[2] 		= "/contents/information/news/2011/093001/093001.html";
banner_target[2] 	= "_self";
banner_button[2] 	= "住宅ローン借換えキャンペーン";
//1番目のバナー
banner_filename[3] 	= "/contents/images/top_banner/shisan_unyou_campaign.jpg";
banner_link[3] 		= "/contents/information/news/2011/111701/111701.html";
banner_target[3] 	= "_self";
banner_button[3] 	= "資産運用キャンペーン";
//3番目のバナー
banner_filename[4] 	= "";
banner_link[4] 		= "";
banner_target[4] 	= "";
banner_button[4] 	= "";
//5番目のバナー
banner_filename[5] 	= "";
banner_link[5] 		= "";
banner_target[5] 	= "";
banner_button[5] 	= "";

//0は使用しない
css_filename[0] = "";
//ボタン1個のCSSもない
css_filename[1] = "";
//ボタン2個のCSS
css_filename[2] = "/contents/common/css/topbanner_button2.css";
//ボタン3個のCSS
css_filename[3] = "/contents/common/css/topbanner_button3.css";
//ボタン4個のCSS
css_filename[4] = "/contents/common/css/topbanner_button4.css";
//ボタン5個のCSS
css_filename[5] = "/contents/common/css/topbanner_button5.css";


//------------------------------------------------------- 
//------------------------------------------------------- 
//  変更箇所はここまで！
//------------------------------------------------------- 
//------------------------------------------------------- 


//--------------------------------------------------
//画像のフェードイン処理
//--------------------------------------------------
function banner_fadein(){
	if( density <= 5 ){
		// IE のソース
		document.getElementById("top_banner_images").style.filter = "alpha(opacity:"+density*20+")";
		//Mozilla
		document.getElementById("top_banner_images").style.opacity = density*20;   
		density++;
		setTimeout("banner_fadein()",100);
	}else{
		density = 0;
	}
}



//--------------------------------------------------
//いずれかのボタンにマウスカーソルが乗った時の処理
//--------------------------------------------------
function on_button(index){
	if( image_complete == 1 ){
		//ボタンフラグＯＮ
		over_button=1;
		
		var count=1;
		var obj=document.all && document.all(button[index]) || document.getElementById && document.getElementById(button[index]);
		//すべてのボタンと文字の色を戻す
		while ( count <= banner_max_num ){
			document.getElementById(button[count]).style.backgroundColor="#ff0000";
			count++;
		}
		//マウスの乗ったボタンと文字の色をハイライトする
		obj.style.backgroundColor="#ffaaaa";
		
		document.getElementById("top_banner_images").src = banner_image[index].src;
		document.getElementById("top_banner_images").setAttribute("alt",banner_button[index]);
		document.getElementById("top_banner_link").setAttribute("href",banner_link[index]);
		document.getElementById("top_banner_link").setAttribute("target",banner_target[index]);
		
		//次のバナーと現在のバナーを判定
		if(index==banner_max_num){
			//次のバナー
			banner_num=1;
			//現在のバナー
			banner_num_bk=index;
		}else{
			//次のバナー
			banner_num=index+1;
			//現在のバナー
			banner_num_bk=index;
		}
	}
}

//--------------------------------------------
//ボタンからマウスカーソルがはずれた時の処理
//--------------------------------------------
function out_button(){
	if( image_complete == 1 ){
		//ボタンフラグＯＦＦ
		over_button=0;
		//開始時間初期化
		starttime = new Date();
	}
}

//----------------------------------------
//バナーにマウスカーソルが乗った時の処理
//----------------------------------------
function on_banner(){
	if( image_complete == 1 ){
		//バナーフラグＯＮ
		over_banner=1;
	}
}

//--------------------------------------------
//バナーからマウスカーソルがはずれた時の処理
//--------------------------------------------
function out_banner(){
	if( image_complete == 1 ){
		//バナーフラグＯＦＦ
		over_banner=0;
		//開始時間初期化
		starttime = new Date();
	}
}


//--------------------------------------------------
//バナー画像ローテーションプログラム【トップページで利用】
//--------------------------------------------------
function banner_rotation() {

		//現在時刻取得
		nowtime = new Date();

		//（５秒経過している＆マウスがボタンかバナー上でない）または（初回である）場合に実行する
		if(  ((nowtime-starttime)>5000) && (over_button==0) && (over_banner==0) || (first_time==1) ){
				
				//初回実行だった場合フラグを無効にする
				if( first_time == 1 ){
					first_time = 0;
				}
				
				if(banner_num==1){
					banner_num_bk=banner_max_num;
				}else{
					banner_num_bk=banner_num-1;
				}
				
				//画像ファイルの透明度を0に変更
				// IE のソース
				document.getElementById("top_banner_images").style.filter = "alpha(opacity:0)";
				//Mozilla
				document.getElementById("top_banner_images").style.opacity = 0;   
	
				//画像ファイルを配列格納のファイル名に変更する
				document.getElementById("top_banner_images").src = banner_image[banner_num].src;
				//document.getElementById("top_banner_images").setAttribute("src",banner_filename[banner_num]);
				document.getElementById("top_banner_images").setAttribute("alt",banner_button[banner_num]);
				//a要素のhref属性のURLを配列banner_linkのnum番目
				document.getElementById("top_banner_link").setAttribute("href",banner_link[banner_num]);
				document.getElementById("top_banner_link").setAttribute("target",banner_target[banner_num]);
				//現在表示されているバナーに対するボタンと文字の色を変える
				document.getElementById(button[banner_num]).style.backgroundColor="#ffaaaa";

				//１つ前のバナーに対するボタンと文字の色を戻す
				document.getElementById(button[banner_num_bk]).style.backgroundColor="#ff0000";
				//明るさをジョジョに戻す
				banner_fadein();
				density=0;
				banner_num++;
				//バナー最大値の場合1に初期化する
				if(banner_num>banner_max_num){
					banner_num=1;
				}
				//開始時間初期化
				starttime = new Date();
		}

		//画像読み込みが完了してない場合はすぐにループする
		//待ち時間100ミリ秒毎に再実行する
		setTimeout('banner_rotation()',100);
}


//--------------------------------------------------
//バナー初期化処理
//--------------------------------------------------
function banner_controll() {

			var counter = 1;

			var cs = document.createElement("link");
			cs.rel="stylesheet";
			cs.href=css_filename[banner_max_num];
			cs.type="text/css";
			
			//CSS書き換え
			document.body.appendChild(cs);
			//バナーをローディング画像に置換
			document.getElementById("top_banner_images").src = banner_filename[0];

			
			
			while( counter <= banner_max_num ){
				//リンク書き換え
				document.getElementById(button[counter]).setAttribute("href",banner_link[counter]);
				//ボタン名書き換え
				document.getElementById(button[counter]).innerHTML = banner_button[counter];
				//ターゲット切り替え
				document.getElementById(button[counter]).setAttribute("target",banner_target[counter]);
				//カウンタ増加
				counter = counter+1;
			}
}




//--------------------------------------------------
//画像のプリロード
//--------------------------------------------------
function imageloader(i){
	banner_image[i].src = banner_filename[i] +"?"+ new Date().getTime();
		banner_image[i].onload = function(){
		i++;
		if( i <= banner_max_num ){
			imageloader(i);
		}else{
			image_complete = 1;
			banner_rotation();
		}
	}
}