/* **************************

	top.js
	要 jQuery 1.7.x 以上
	
**************************** */

/* Facebook Wall 読み込み（TOPページ用）
---------------------------------------------------- */
$(function(){
	/*
	$('#topFbwall').fbWall({
		id:'nankinmachi.or.jp',
		accessToken:'AAAC7gAoWDQ0BADMatchzRFCkYmDeDobiZCekIIRfMAFOOZAtKxDL4wQ7mxFiraEDST3q9dXmbdnIWIvxC58QPhkrOZCn9jaxGyvZBXRFjwZDZD',
		showGuestEntries:false,
		showComments:false,
		max:5,
		timeConversion:24,
		translateAt:			'＠',
		translateLikeThis:		'いいね！',
		translateLikesThis:		'いいね！',
		translateErrorNoData:	'情報がありません',
		translatePeople:		'人'
	});
	*/
	
	

});


/* ローテーションバナー
---------------------------------------------------- */

$(function(){

	var Area = $('#mainv'); // ローテーションバナー全体
	var sArea = $('#mainv #vBtn'); // サムネール配置
	var Img = $('#mainv #vImage'); // 画像配置

// xml読み込み
		
	$.ajax({
	   url: '/lotation_bnr/xml/bnr.xml',
	   type: 'GET',
	   dataType: 'xml',
	   success: banSet
	});
	
	
	function banSet(xml){
		
		// 読み込んだ値から、サムネール、画像を設置
		$(xml).find("ban").each(function(index,d){
			var Url = $(this).find("url").text();
			var Target = $(this).find("target").text();
				if(Target == null){ Target = '_self';}
			var Thum = $(this).find("thum").text();
			var Main = $(this).find("main").text();
			var num = parseInt(index) + 1;
			Img.append('<li><a href="' + Url + '" target="' + Target + '"><img src="/lotation_bnr/main/' + Main + '" alt="' + Thum + '" /></a></li>');
			sArea.append('<li><a href="javascript:void(0)"><img src="/lotation_bnr/num/'+ num +'.gif" alt="" /></a></li>');
		}); // each end
	

		// init
		
		var Sw = $('#mainv #vBtn > li > a'); // ボタン
		var bLen = sArea.find('li').length; // ボタンの数
		
		Img.find('li').css('opacity',0);
		Img.find('li:eq(0)').css('opacity',1).css('z-index',2);
		Sw.eq(0).addClass('ac');
		
		// データが1つの場合、アニメーションさせない。ここで終了。
		if(bLen == 1){return false;}
		
		
		
		// animation
		var atTimer; // タイマー（自動）
		var swTimer; // タイマー（手動）
		var swIndex; // アクティブの位置（上から○番め）
		var swCount; // 自動モードのカウント
		
		// 自動切り替えスタート
		autoMode(0);
		
		
		// 手動
		// ボタンにマウスオーバー/アウト
		Sw.hover(
			function(index){
				if($(this).attr('class')=='ac'){
					//alert('アクティブ');
					clearInterval(atTimer);
				}else{
					clearInterval(atTimer);
					swIndex = Sw.index(this);
					swLot(swIndex);
				}
			},
			function(){
				autoMode(swCount);
			}
		);
	
	
		// 自動モード
		function autoMode(swCount){
			atTimer = setInterval(function(){
								if(swCount < bLen-1){
									swCount++;
									atAni(swCount);
								}else{
									swCount = 0;
									atAni(swCount);
								}
							},5000);
		}
		
		
		function atAni(j){
			Img.find('li').css('z-index',0);
			Img.find('li:eq('+ j +')').css('z-index',2);
			Sw.filter('.ac').removeClass('ac');
			Sw.eq(j).addClass('ac');
			// アニメーション
			Img.find('li').animate(
				{opacity: 0},
				{queue:false,duration:1000,easing:'easeOutQuart'}
			);
			Img.find('li:eq('+ j +')').animate(
				{opacity: 1},
				{queue:false,duration:1000,easing:'easeOutQuart'}
			);
			swCount = j;
		}
		
		// 手動モード（0.2秒以上そのボタンとどまらないときは無視）
		function swLot(i){
			clearInterval(swTimer);
			swTimer = setInterval(function(){
						clearInterval(swTimer);
						// リンクを有効にするためにz-indexを入れ替え。
						Img.find('li').css('z-index',0);
						Img.find('li:eq('+ i +')').css('z-index',2);
						Sw.filter('.ac').removeClass('ac');
						Sw.eq(i).addClass('ac');
						// アニメーション
						/*
						Fr.animate(
							{top:i*swH + 'px'},
							{queue:false,duration:500,easing:'easeOutQuad'} 
						);
						*/
						Img.find('li').animate(
							{opacity: 0},
							{queue:false,duration:1000,easing:'easeOutQuart'}
						);
						Img.find('li:eq('+ i +')').animate(
							{opacity: 1},
							{queue:false,duration:1000,easing:'easeOutQuart'}
						);
						swCount = i;
					},200);
		}
	
	} // func. banSet end

});