var featureInterval = 6;	//インターバルの秒数
var featureStage;
var featureItemNode;
var featureXml;
var featureNaviArea;
var featureImgArea;
var currentFeatureId = 0;
var featureTimerId;
var featureSum;

function topInit(){
	/*
	 * Ajax表示用html要素の指定
	 */
	featureStage = $("#topFeatures");

	/*
	 * xml読み込み
	 */
	//Ajaxの初期化
	jQuery.ajaxSetup({cache:false});
	//feature.xmlの読み込み開始
	jQuery.ajax({
		url:"resources/c_media/themes/theme_0/feature.xml",
		dataType:"xml",
		success:onXmlLoadSuccess
	});
}

function onXmlLoadSuccess(data,dataType){
	var _li, _a, _img, _imgOver;
	//ステージのクリアと画像領域・ナビ領域の生成
	featureStage.empty();
	featureImgArea = $("<ul id='featureImgArea' />");
	featureNaviArea = $("<ul id='featureNaviArea' />");
	//XMLデータの受け取り
	featureXml = data;
	//データノードの指定
	featureItemNode = $("item", featureXml);
	//画像総数の記録
	featureSum = featureItemNode.length;
	//画像の取得とリンクの設定
	featureItemNode.each(function(idx){
		//画像領域生成
		_li = $("<li />");
		_a = $("<a>").attr({
			href:$(this).attr("href"),
			target:$(this).attr("target")
		});
		_img = $("<img>").attr({
			src:$(this).attr("src"),
			width:741,
			height:243,
			alt:$(this).attr("alt"),
			title:$(this).attr("alt")
		});
		_a.append(_img);
		_li.append(_a);
		featureImgArea.append(_li);
		_li.hide();
		
		//ナビ領域生成
		_li = $("<li />");
		_img = $("<img>").attr({
			src:"resources/c_media/themes/theme_0/img/feature_btn"+(idx+1)+".png",
			width:30,
			height:29,
			alt:(idx+1)
		});
		_img.addClass("imgOut");
		_li.append(_img);
		_imgOver = $("<img>").attr({
			src:"resources/c_media/themes/theme_0/img/feature_btn"+(idx+1)+"_over.png",
			width:30,
			height:29,
			alt:(idx+1)
		});
		_imgOver.addClass("imgOver");
		_li.append(_imgOver);
		featureNaviArea.append(_li);
		_li.bind("mouseover", {idx:idx}, onFeatureNaviOver);
	});
	//画像の配置
	featureStage.append(featureImgArea);
	featureStage.append(featureNaviArea);

	//IE6対応
	if (typeof document.body.style.maxHeight == "undefined") {
		DD_belatedPNG.fix("#featureNaviArea","#featureNaviArea li img");
	}
	
	//1枚目の表示
	showFeature(0);
}
function onFeatureNaviOver(e){
	showFeature(e.data.idx);
}
function nextFeature(){
	var nextId = (currentFeatureId + 1) % featureSum;
	showFeature(nextId);
}
function showFeature(newId){
	currentFeatureId = newId;
	$("li", featureImgArea).each(function(idx){
		if(idx == currentFeatureId){
			$(this).fadeIn();
		}else{
			$(this).fadeOut();
		}
	});
	$("li", featureNaviArea).each(function(idx){
		if(idx == currentFeatureId){
			$(".imgOut", this).hide();
			$(".imgOver", this).show();
		}else{
			$(".imgOut", this).show();
			$(".imgOver", this).hide();
		}
	});
	clearTimeout(featureTimerId);
	featureTimerId = setTimeout(nextFeature, featureInterval * 1000);
}

//初期化メソッドの実行
$(document).ready(topInit);