// ---------- 画像切り替え ----------
var imageLength = 0;
var now = 0;
var pre = 0;
var count = 0;
var countFlg;
var countAll = 0;
jQuery(function($){
	
	//画像の枚数取得
	imageLength = $("#top #mainvisual div").length;
	
	//初期画像表示
	var startNum = 0;
	now = startNum;
	$("#top #mainvisual div").eq(now).css("display", "block");
	
	//画像ファイル名取得
	srcName = new Array(imageLength);
	for (i = 0; i < srcName.length; i++) {
		srcName[i] = $(".bnr-btn img").eq(i).attr("src").replace('_1.gif', '_3.gif');
		//alert(srcName[i]);
	}
	
	//要素追加
	
	$("div#overbox").html('<img src="top/img/b_bnr_voteend_end_3.gif" width="245" height="112" alt="" />');
	$("div#overbox").html('<img src="top/img/b_bnr_voteend_end_3.gif" width="245" height="112" alt="" />');
	
	//タイマー開始
	var timer = setInterval("setTimer()",4000); 
	
	//クリック時
	$('.bnr-btn ul li img').click(function () {
		countAll++;
		
		//タイマーストップ
		clearInterval(timer);
		
		pre = now;
		var index = $(this).parent().parent().find("li img").index(this);
		now = index;
		changeImage();
		
		//タイマー再開
		countFlg = false;
		timer = setInterval("setTimer()",4000); 
	});
	
	$("div#mainvisual").hover(
		function () {
			clearInterval(timer);
		},
		function () {
			timer = setInterval("setTimer()",4000); 
		}
	);
	
});

function setTimer(){
	
	countAll++;
	
	pre = now;
	if(countFlg){
		count++;
	}else{
		count = now+1;
	}
	now = count % imageLength;
	changeImage();
	countFlg = true;
}

function changeImage(){
	
	$("div#overbox img").attr("src", srcName[now]);
	var topH = 7 + 114*now;
	$("div#overbox").css("top", topH);
	
	$("#top #mainvisual div").eq(now).css("z-index", 50+countAll);
	$("#top #mainvisual div").eq(now).fadeIn(1000,
		function(){
			$("#top #mainvisual div").eq(pre).css("display", "none");
		}
	);
	
}


// ---------- flash ----------
jQuery(function($){
	var so = new SWFObject("./top/fl/swf/background.swf", "bg_external", "100%", "100%", "10.0.0", "#FFFFFF");
	so.addParam("menu", "false");
	so.addParam("scale", "noScale");
	so.addParam("allowScriptAccess", "always");
	so.addParam("wmode", "transparent");
	so.addVariable("DATA_DIR", "./top/fl/");
	so.write("flash");
});


// ---------- Chrome、Safari スクロール対応 ----------
function showScroll(){
	var flgChrome = navigator.userAgent.indexOf("Chrome") != -1;
	var flgSafari = navigator.userAgent.indexOf("Safari") != -1;
	if(flgChrome || flgSafari){
		$("body").css("overflow", "scroll");
	}
}
function hideScroll(){
	var flgChrome = navigator.userAgent.indexOf("Chrome") != -1;
	var flgSafari = navigator.userAgent.indexOf("Safari") != -1;
	if(flgChrome || flgSafari){
		$("body").css("overflow", "hidden");
	}
}

/*
jQuery(function($){
	var flgChrome = navigator.userAgent.indexOf("Chrome") != -1;
	var flgSafari = navigator.userAgent.indexOf("Safari") != -1;
	if(flgChrome || flgSafari){
		$("body").css("overflow", "scroll");
	}
});
*/


// ---------- Over ----------
/**
 * m&m's top
 * flash × js
 */

/**
 * swfのファイル名を返す
 * @param  fileID
 * @return filename
 */
function thisMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
}

/**
 * background swf のセット終了
 */
function setCharacterID(n) {
	if (thisMovie("base_external")) {
		thisMovie("base_external").setCharacterID(n);
		return true;
	} else {
		return false;
	};
}

/**
 * ロールオーバー
 */
function doRollOver(w, h) {
	$("#flash_base").css("left", 0);
	$("#flash_base").css("top", 0);
	$("div#flash_base").width(w);
	$("div#flash_base").height(h);
	//$("#flash_base").css("min-width", w);
	
	if (thisMovie("bg_external")) {
		thisMovie("bg_external").doRollOver();
	};
	if (thisMovie("base_external")) {
		thisMovie("base_external").doRollOver();
	};
	
	showScroll();
}

/**
 * ロールアウト
 */
function doRollOut() {
	$("#flash_base").css("left", 698);
	$("#flash_base").css("top", 308);
	$("div#flash_base").width(234);
	$("div#flash_base").height(301);
	
	if (thisMovie("bg_external")) {
		thisMovie("bg_external").doRollOut();
	};
	if (thisMovie("base_external")) {
		thisMovie("base_external").doRollOut();
	};
	
	hideScroll();
}