var select_bnr_link;

var header_slide = function(param){
	// field
	var bnrBtn = $("#index_banners li");
	var bnrBtnArray = $.makeArray(bnrBtn);
	var loopArray = param.loopArray;	//ループ利用
	var current = 0; //現在値の設定
	var loop_current_key = loopArray.length -1 ; //ループの画像表示位置
	var wait_count = 0;
	var count_stop = false;
	// function
	wait_loop_event = function(){
		if(count_stop == false){
			if(wait_count>0){
				wait_count = wait_count - 1;
			}else{
				wait_count = 0;
			}
		}
		// 1秒に1ずつカウントを減らす
		setTimeout("wait_loop_event()", 1000);
	}
	change_loop_event = function(){
		next = (loop_current_key+1) % loopArray.length;
		if(wait_count == 0) change_img(loopArray[next]);
		loop_current_key = next;
		setTimeout("change_loop_event()", param.loopMiliSecond);
	}
	onmouse_event = function(){
		$.each(bnrBtn, function() {
			$(this).hover(function() {
				wait_count = param.offMouseWaitSecond;
				count_stop = true;
				change_img($.inArray(this,bnrBtnArray));
			},function(){
				count_stop = false;
			});
		});
	}
	change_img = function(btnArrayNum){
		var keyImg = $("#slide li");

		if(current != btnArrayNum) {
			//初期化
			$(keyImg).css("z-index",1).removeClass();

			keyImg.fadeOut("slow");
			$(keyImg[btnArrayNum]).fadeIn("slow").addClass("current");
			
			//現在値の再設定
			current = $("#slide li.current").index();
		}
		return true;
	}
	// init html
	$("#slide li:gt(0)").hide();
	bnrBtn.css("cursor","pointer");
	// add event
	change_loop_event();
	wait_loop_event();
	onmouse_event();
	
	// body直下にimgタグを追記
	$("#wrapper").before('<img src="/img/index/img-btn_over-trans.png" width="184" height="50" id="over_img" class="passive" />')
	
	
	$("#index_banners li").mouseover(function(){
		// オーバーイメージの座標取得
		var offset = $(this).offset();
		var style = "top:" + offset.top + "px;left:" + offset.left + "px;";
		// オーバーイメージの属性書き換え
		$("#over_img").attr("class", "active");
		$("#over_img").attr("style", style);
		
		if ($(this).find("a").attr("rel") == "internal" || $(this).find("a").attr("rel") == "external" || $(this).find("a").attr("class").indexOf("internal") >= 0 || $(this).find("a").attr("class").indexOf("external") >= 0)
		{
			$("#over_img").attr("class", "active internal");
		}
		
		// インデックス番号を取得
		select_bnr_link = $(this).find("a").attr("href");
	});
	
	$("#over_img").mouseout(function(){
		$(this).attr("class", "passive");
	});
	
	$("#over_img").click(function(){
		if ($(this).attr("class").indexOf("internal") >= 0)
		{
			window.open(select_bnr_link);
		}
		else
		{
			location.href = select_bnr_link;
		}
	});
	
	
	return;
}
$(function(){
	header_slide({
		'loopArray':[3,4,5],
		'loopMiliSecond':5000,
		'offMouseWaitSecond':3
	});
	
});

