/* トップページ用イベント開始 */
window.onload = function(){
	//ボタンのアウトライン（点線）を消す
	//	$('#js_TOPbottom a').each(function(){ this.onfocus = function () { this.blur() }; });
	setTopImage();
}

/* トップページ用 */
var setTopImage_Time = new Object();
var setTopImage_img = new Array();
//必要な画像を読み込み
function setTopImage(){
	//atk
	setTopImage_img[0] = new Image();
	setTopImage_img[0].src = '/quantumwise/images/top/roof_background_top1.jpg';
	//vn
	setTopImage_img[1] = new Image();
	setTopImage_img[1].src = '/quantumwise/images/top/roof_background_top2.jpg';
	//新製品
	setTopImage_img[2] = new Image();
	setTopImage_img[2].src = '/quantumwise/images/top/roof_background_top3.jpg';
	
	//読み込み確認タイマ設定
	setTopImage_Time = setInterval('setTopImage_check()', 600);
}
//読み込み完了確認
function setTopImage_check(){
	
	//読み込み完了確認
	var flg = true;
	for(var i=0; i<setTopImage_img.length; i++){
		if(!setTopImage_img[i].complete){
			flg = false;
			break;
		}
	}
	
	if(flg){
		//タイム削除
		clearInterval(setTopImage_Time);
		
		//トップイベント開始
		setTopImage_start();
	}
}
/* トップイベント */
var setTopImage_flg = true;			//アニメ実行ロック
var setTopImage_back = null;		//前回表示した画像
var setTopImage_now_arrow_num = 0;	//現在指定している矢印の番号
var setTopImage_now_img_num = 0;	//現在表示中の画像の番号

function setTopImage_start(){
	
	//前の画像のデフォルト設定
	setTopImage_back = setTopImage_img[ setTopImage_now_arrow_num ];
	
	//リンクなど画像に連携するものを表示
	$("#js_TOPIMGcontent div:visible").hide();
	$("#js_TOPIMGcontent div").eq(setTopImage_now_img_num).show();
	
	//矢印の横位置
	var arrow_left_array = ["130px", "440px", "600px"];
	
	//矢印表示
	$('#js_topImageArrow').css({
		display: 'block',
		left: arrow_left_array[ setTopImage_now_arrow_num ]
	});
	
	//ボタンイベント
	$('#js_TOPbottom img').each(function(){
		var obj = this;
		$(this).mouseover(function(){
			//マウスオーバー
			//index番号
			setTopImage_now_arrow_num = $('#js_TOPbottom img').index(this);
		
			//矢印の位置調整
			$('#js_topImageArrow').css('left', arrow_left_array[ setTopImage_now_arrow_num ]);
			
		});
		//クリック
		$(this).click(function(){
			if(setTopImage_flg){
		
				//アニメーション中フラグロック
				setTopImage_flg = false;
				
				//リンクなど画像に連携するものを表示
				$("#js_TOPIMGcontent div:visible").hide();
				
				//マウスカーソルCSS変更
				$('#js_TOPbottom img').css('cursor', 'default');
				
	
				//JQueryのOperaバグ対応(opacityが効かない)
				if(window.navigator.appName == 'Opera'){
					document.getElementById('js_TOPIMG').getElementsByTagName('img')[0].style.opacity = '0';
					$('#js_TOPbottom img').css('cursor', 'pointer');
				}
				
				//アニメ実行
				setTopImage_anime( $('#js_TOPbottom img').index(this) );
			}
		});
		
	});
}

/* アニメーション設定 */
function setTopImage_anime(i){
	
	setTopImage_now_img_num = i;
	
	//背景画像変更設定
	$("#js_TOPIMG").css({
		'background-image': 'url(' + setTopImage_img[ setTopImage_now_img_num ].src + ')'
	});
	
	//画像変更設定
	$('#js_TOPIMG img:eq(0)').attr('src', setTopImage_back.src);
	$('#js_TOPIMG img:eq(0)').css({
		'margin-top': '0px',
		'opacity': 0.9
	});
	
	
	//アニメ
	$("#js_TOPIMG img:eq(0)").animate({
		'marginTop': '-=15px',
		'opacity': 0
		}, 1000, function(){ setTopImage_call(); });
	
	
	//前の画像データを保持
	setTopImage_back = setTopImage_img[ setTopImage_now_img_num ];
}

//アニメーション完了のコールバック
function setTopImage_call(){
	//リンクなど画像に連携するものを表示
	$("#js_TOPIMGcontent div").eq(setTopImage_now_img_num).show();
	
	//マウスカーソルCSS変更
	$('#js_TOPbottom img').css('cursor', 'pointer');
	
	//アニメーション中フラグロック解除
	setTopImage_flg = true;
}