var selectedIndex = 1;
var selectedNewsIndex = 1;
var selectedTopicsIndex = 1;
var selectedTopicsBtnIndex = 0;
var selectedQuizIndex = "quiz";
var promoData = [];
var timeoutId = 0;
var textAnimationTime = 1000;
/** 2011.12.12 追加 ***/
var isClick = false;
$(function() {
	// XML読み込み
	$.get("/DynamicLead/xml/Top/promo.xml", null, function(xml) {
		var photo = "";
		
		$(xml).find("promo").each(function(i) {
			// 読み込んだXMLからダイナミックリード生成
			
			promoData[i] = {
				promoID : $(this).find("promoID").text(), 
				promoLinkUrl : $(this).find("promoLinkUrl").text(), 
				promoLinkTarget : $(this).find("promoLinkTarget").text(), 
				promoHoldTime : $(this).find("promoHoldTime").text()
			};
			
			var index = i + 1;
			
			var li = "";
			if (i != 0) {
				li = '<li>';
			} else {
				li = '<li class="on">';
			}
			$("#photoThumbGroup").append(li + '<a id="thumb_' + index + '" href="#"><img src="' + $(this).find("promoThumbnailSrc").text() + '" />' + 
										'<p>' + $(this).find("promoThumbnailTitle").text() + '</p></a></li>');
			$("#thumb_" + index).click(function() {
				/** 2011.12.12 追加 ***/
				isClick = true;
				/**********************/
				if (timeoutId != -1) {
					clearTimeout(timeoutId);
					timeoutId = -1;
				}
				
				var idSplitedArray = $(this).attr("id").split("_");
				
				if (selectedIndex == idSplitedArray[1]) return false;
				
				$("#thumb_" + selectedIndex).parent().attr("class", "");
				var prev = selectedIndex;
				selectedIndex = idSplitedArray[1];
				$("#photo_" + prev).fadeOut("fast", function() {
					$("#txt_" + selectedIndex).css("top", "420px");
					$("#photo_" + selectedIndex).fadeIn("fast", function() {
						$("#txt_" + selectedIndex).animate({"top":"323px"}, textAnimationTime);
					});
				});
				$("#thumb_" + selectedIndex).parent().attr("class", "on");
				
				return false;
			});
			
			if (i != 0) {
				photo = photo + '<div id="photo_' + index + '" class="photoImgBox" style="display:none;cursor:pointer;">';
			} else {
				photo = photo + '<div id="photo_' + index + '" class="photoImgBox" style="cursor:pointer">';
			}
			photo = photo + '<div id="txt_' + index + '" class="photoTxtBox"><dl><dt>' + $(this).find("promoTitle").text() + '</dt><dd>' + $(this).find("promoSubTitle").text() + 
					'<p><a href="' + $(this).find("promoLinkUrl").text() + '">' + $(this).find("actionText").text() + '</a></p></dd></dl>' + 
					'<div class="photoTxtBg"><img src="/topfiles/images/photo_txt_bg.png" alt="" width="486" height="105" /></div></div>' + 
					'<div class="photoMainImg"><a href="' + $(this).find("promoLinkUrl").text() + '" target="' + $(this).find("promoLinkTarget").text() + '"><img src="' + $(this).find("promoImageSrc").text() + '" alt="" width="486" height="323" /></a></div></div>';
		});
		
		$("#photoImgArea").append(photo);
		$("div[id^='photo_']").each(function() {
			$(this).click(function() {
				var idSplitedArray = $(this).attr("id").split("_");
				if (promoLinkTarget == "_self") {
					location.href = promoData[idSplitedArray[1] - 1].promoLinkUrl;
				} else {
					window.open(promoData[idSplitedArray[1] - 1].promoLinkUrl);
				}
			});
		});
		
		timeoutId = setTimeout(switchPromo, promoData[0].promoHoldTime * 1000);
	});
	
	// ニュースタブクリック処理初期化
	$("#tab > li").each(function() {
		$(this).find("a").click(newsTabClick);
	});
	
	// ニュースボタンクリック処理初期化
	$("#firstTopicsBtn").find("a").click(topicsBtnClick);
	$("#topicsBtns > li").each(function() {
		$(this).find("a").click(topicsBtnClick);
	});
	
	// クイズタブクリック処理初期化
	$("#answerBtns > li").each(function() {
		$(this).find("a").click(quizTabClick);
	});
	
	// クイズ解答ボタンクリック処理初期化
	$("#quizSubmit").click(function() {
		$("#quizForm").submit();
		return false;
	});
	
	// 投票回答ボタンクリック処理初期化
	$("#voteSubmit").click(function() {
		$("#voteForm").submit();
		return false;
	});
});

// ダイナミックリード画像切り替え処理
function switchPromo() {
	clearTimeout(timeoutId);
	
	$("#thumb_" + selectedIndex).parent().attr("class", "");
	var prev = selectedIndex;
	selectedIndex++;
	if (selectedIndex > 5) selectedIndex = 1;
	$("#photo_" + prev).fadeOut("fast", function() {
		$("#txt_" + selectedIndex).css("top", "420px");
		$("#photo_" + selectedIndex).fadeIn("fast", function() {
			$("#txt_" + selectedIndex).animate({"top":"323px"}, textAnimationTime);
		});
	});
	$("#thumb_" + selectedIndex).parent().attr("class", "on");
	
	timeoutId = setTimeout(switchPromo, promoData[selectedIndex - 1].promoHoldTime * 1000);
}

// ニュースタブクリック処理
function newsTabClick() {
	var index = String($(this).parent().attr("class")).replace("tab0", "");
	
	$("#tab0" + selectedNewsIndex).attr("id", "");
	$("#news0" + selectedNewsIndex).hide();
	selectedNewsIndex = index;
	$(this).parent().attr("id", "tab0" + selectedNewsIndex);
	$("#news0" + selectedNewsIndex).show();
	
	return false;
}

// トピックスボタンクリック処理
function topicsBtnClick() {
	if ($(this).parent().attr("id") == "firstTopicsBtn") {
		$(this).parent().hide();
		$("#topicsBtn_" + selectedTopicsBtnIndex).attr("class", "");
		$("#topics_" + selectedTopicsIndex).hide();
		selectedTopicsIndex = 1;
		selectedTopicsBtnIndex = 0;
		$("#topics_1").show();
	} else {
		$("#firstTopicsBtn").show();
		
		var idSplitedArray = $(this).parent().attr("id").split("_");

		$("#topicsBtn_" + selectedTopicsBtnIndex).attr("class", "");
		$("#topics_" + selectedTopicsIndex).hide();
		selectedTopicsBtnIndex = parseInt(idSplitedArray[1]);
		selectedTopicsIndex = parseInt(idSplitedArray[1]) + 1;
		$("#topicsBtn_" + selectedTopicsBtnIndex).attr("class", "on");
		$("#topics_" + selectedTopicsIndex).show();
	}
	
	return false;
}

// クイズタブクリック処理
function quizTabClick() {
	var index = $(this).parent().attr("class");
	
	$("#" + selectedQuizIndex).attr("id", "");
	$("#answer_" + selectedQuizIndex).hide();
	selectedQuizIndex = index;
	$(this).parent().attr("id", selectedQuizIndex);
	$("#answer_" + selectedQuizIndex).show();
	
	return false;
}

/** 2011.12.12 追加 ***/
// タブのアクティブ状態監視
function windowActive() {
	if (!isClick) timeoutId = setTimeout(switchPromo, promoData[selectedIndex - 1].promoHoldTime * 1000);
}
// タブの非アクティブ状態監視
function windowInactive() {
	clearTimeout(timeoutId);
}
// Firefox,Chromeのみ監視
if (navigator.userAgent.toLowerCase().indexOf("chrome") != -1 || 
	navigator.userAgent.toLowerCase().indexOf("firefox") != -1) {
	window.onfocus = windowActive;
	window.onblur = windowInactive;
}
/**********************/