/*

*	kawaihobby TOP FLASH部分Javascript化

*	作成日時：2010/03/03

*

*/



/////////////////////////

//リンク先設定部分

/////////////////////////

function setHref(){

	//1つ目のバナー

	document.getElementById("banner01IMG").href="/ocn/hikari/hikari_flets/campaign.html";



	//2つ目のバナー

	document.getElementById("banner02IMG").href="/service/platinum_line/index.html";



	//3つ目のバナー

	document.getElementById("banner03IMG").href="http://050128.com/index.html";



	//1つのタブに対して複数合った場合　今回は1つ目のバナー。

	//document.getElementById("banner04IMG").href="/ocn/hikari/hikari_flets/campaign.html";

}



/////////////////////////

//タブ移動処理部分

/////////////////////////



//移動フラグ

moveFlag = 0;



//タイマー 6秒後にmoveTab関数を実行

timeID = setInterval("moveTab();",'9000');



/*

*	タブ移動関数

*	6秒後にmoveFlagがカウントアップ

*	moveFlagが3になったら、意図的に0へ。

*/

function moveTab(){

	moveFlag++;

	if(moveFlag == 1){

		tab01(0);

	}

	

	if(moveFlag == 2){

		tab02(0);

		

	}

	

	if(moveFlag == 3){

		tab03(0);

		

		moveFlag = 0;



	}



}



//マウスアウトした際に、タイマーを開始する関数

function timeStart(){

	timeID = setInterval("moveTab();",'6000');

}



//マウスオーバーした際に、タイマを止める関数

function timeStop(){

	clearInterval(timeID);

}



/////////////////////////

//タブ表示処理部分

/////////////////////////



//タブ1つ目設定

function tab01(flag){

	//タブ1つ目のリンク先

	document.getElementById("tab01-banner01").href= document.getElementById("banner01IMG").href;

	

	//タブ1つ目のターゲット

	document.getElementById("tab01-banner01").target="_self";

	

	//タブの選択

	document.getElementById("tab-01").className = "ui-tabs-selected";

	document.getElementById("tab-02").className = "";

	document.getElementById("tab-03").className = "";

	

	//画像選択

	document.getElementById("banner-01").className = "ui-tabs-panel";

	document.getElementById("banner-02").className = "ui-tabs-panel ui-tabs-hide";

	document.getElementById("banner-03").className = "ui-tabs-panel ui-tabs-hide";

	

	

	//flagが1の時 ⇒ タブにマウスを当てた時 ⇒ タイマーを解除

	if(flag == 1){

		clearInterval(timeID);

	}

	

}



//タブ2番目

function tab02(flag){

	//タブ2つ目のリンク先

	document.getElementById("tab02-banner02").href= document.getElementById("banner02IMG").href;

	

	//タブ2つ目のターゲット

	document.getElementById("tab02-banner02").target="_self";

	

	//タブの選択

	document.getElementById("tab-01").className = "";

	document.getElementById("tab-02").className = "ui-tabs-selected";

	document.getElementById("tab-03").className = "";



	//画像選択

	document.getElementById("banner-01").className = "ui-tabs-panel ui-tabs-hide";

	document.getElementById("banner-02").className = "ui-tabs-panel";

	document.getElementById("banner-03").className = "ui-tabs-panel ui-tabs-hide";

	

	//flagが1の時 ⇒ タブにマウスを当てた時 ⇒ タイマーを解除

	if(flag == 1){

		clearInterval(timeID);

	}

}



//タブ3番目

function tab03(flag){

	//タブ3つ目のリンク先

	document.getElementById("tab03-banner03").href= document.getElementById("banner03IMG").href;

	

	//タブ2つ目のターゲット

	document.getElementById("tab03-banner03").target="_self";



	//タブの選択

	document.getElementById("tab-01").className = "";

	document.getElementById("tab-02").className = "";

	document.getElementById("tab-03").className = "ui-tabs-selected";



	//画像選択

	document.getElementById("banner-01").className = "ui-tabs-panel ui-tabs-hide";

	document.getElementById("banner-02").className = "ui-tabs-panel ui-tabs-hide";

	document.getElementById("banner-03").className = "ui-tabs-panel";

	

	//flagが1の時 ⇒ タブにマウスを当てた時 ⇒ タイマーを解除

	if(flag == 1){

		clearInterval(timeID);

	}



}