/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * NEWSリスト取得〜構築〜表示
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
var _newsItems	= [];	//配列で保持
var _newsTotal	= 0;	//全体数
var _newsNum	= 0;	//取得したニュースの数
var _selectedNo=0;


/*
 * NEWSリスト(JSON)の取得
 */
function getNewsJson(param)
{
	$.ajax(
	{
		  type : 'GET',
		  //url : './json/news.json',
		  //url : 'http://localhost:8888/nishigaki/nikiclub_wp/newsjson/',
		  url : 'http://www.nikiclub.jp/program/newsjson',
		  data :
		  {
				per_page	: 3,
				page		: 1
		  },
		  dataType	: 'jsonp',
		  jsonp		: 'jsoncallback', // Flickrの場合はjsoncallback
		  success	: _onGetNewsJsonHandler // 通信が成功した場合の処理
	 });
}
	function _onGetNewsJsonHandler(data)
	{
		if(data.stat=="ok")
		{
			_newsItems	= data.news.items;
			_newsTotal	= data.news.total;
			_newsNum		= _newsItems.length;
			setupNewsBlock();		// ニュースのHTML構築のセットアップ
		}
	}



/*
 * [ニュースのHTML構築用セットアップ]
 */
var _timeBlock;
var _newsBlock;
var _newsLink = "";
_newsLink = "http://www.nikiclub.jp/program/archives/";
//_newsLink = "http://www.nikiclub.jp/wp_niki/archives/";
function setupNewsBlock()
{
/*
	$(".navLeft").bind("click", {dir:1}, onNewsNaviClickHandler);
	$(".navRight").bind("click", {dir:-1}, onNewsNaviClickHandler);
	_timeBlock = $(".right .news time");
	_newsBlock = $(".right .news p");
	slideNews();
*/

	_newsBlock = $("#newsBlock ul");
	var newsElement="";
	for(n=0; n<_newsNum; n++)
	{
		var title = _newsItems[n].title;
		var url = _newsLink + _newsItems[n].url;
		var date = _newsItems[n].date;
		newsElement += "<li class='clearfix'>"
								+ "<time>" + date +"</time>"
								+ "<p><a href='" + url + "'>" + title + "</a></p>"
								+ "</li>";
		if(n==_newsNum-1) _newsBlock.html(newsElement);
	}
}

/*
 * [ニュースの切り替え処理]
 */
function slideNews()
{
	_timeBlock.html("");
	_newsBlock.html("");
	
	var newsElement = _newsItems[_selectedNo].title;
	var url = _newsItems[_selectedNo].url;
	var date = _newsItems[_selectedNo].date;
	var endElement = "<a href='" + url + "'>More.</a>";
	newsElement += endElement;
	
	_timeBlock.html(date);
	_newsBlock.html(newsElement);
	
	_timeBlock.css("opacity", 0);
	_newsBlock.css("opacity", 0);
	_timeBlock.animate({opacity: 1},{duration:500});
	_newsBlock.animate({opacity: 1},{duration:500});
}



function onNewsNaviClickHandler(ev)
{
	var dir = ev.data.dir;
	_selectedNo += dir;
	
	// ▼：前（新しい）のニュース
	if(dir == -1)
	{
		//rightNavi.unlock();
		if(_selectedNo <= 0)
		{
			//leftNavi.lock();
			
			if(_selectedNo < 0) _selectedNo = 0;
			else slideNews();
		}
		else
		{
			slideNews();
			//leftNavi.unlock();
		}
	}
	// ▲：次（古い）のニュース
	else if(dir == 1)
	{
		//leftNavi.unlock();
		if(_selectedNo >= _newsTotal-1)
		{
			//rightNavi.lock();
			if(_selectedNo > _newsTotal-1) _selectedNo = _newsTotal-1;
			else slideNews();
		}
		else
		{
			slideNews();
			//rightNavi.lock();
		}
	}
	
}



















/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Photoリスト取得〜構築〜表示
 * ギャラリー的な演出は保留（11.06.24）
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var _photoItems	= [];	//配列で保持

/*
 * Photoリスト(JSON)の取得
 */
function getPhotoJson(param)
{
	$.ajax(
	{
		  type : 'GET',
		  //url : './json/photo.json',
		  url : 'http://localhost:8888/nishigaki/nikiclub_wp/photojson/',
		  data :
		  {
				per_page	: 1,
				page		: 1
		  },
		  dataType	: 'jsonp',
		  jsonp		: 'jsoncallback', // Flickrの場合はjsoncallback
		  success	: _onGetPhotoJsonHandler // 通信が成功した場合の処理
	 });
}
	function _onGetPhotoJsonHandler(data)
	{
		if(data.stat=="ok")
		{
			_photoItems	= data.photo.items;
			setupPhotoBlock();		// ニュースのHTML構築のセットアップ
		}
	}

/*
 * [ニュースのHTML構築用セットアップ]
 */
var _photoBlock;

function setupPhotoBlock()
{
	_photoBlock = $(".right .photo div");
	_photoBlock.html('');
	
	var url = _photoItems[0].url;
	var imagePath = _photoItems[0].image;
	var photoElement = imagePath;
	
	_photoBlock.html(photoElement);
	_photoBlock.css("opacity", 0);
	_photoBlock.animate({opacity: 1},{duration:500});
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Messageリスト取得〜構築〜表示
 * ＃ニュースと異なり、最新１件のみ表示（11.06.24）
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var _messageItems	= [];	//配列で保持

/*
 * Messageリスト(JSON)の取得
 */
function getMessageJson(param)
{
	$.ajax(
	{
		  type : 'GET',
		  //url : './json/message.json',
		  url : 'http://localhost:8888/nishigaki/nikiclub_wp/messagejson/',
		  data :
		  {
				per_page	: 1,
				page		: 1
		  },
		  dataType	: 'jsonp',
		  jsonp		: 'jsoncallback', // Flickrの場合はjsoncallback
		  success	: _onGetMessageJsonHandler // 通信が成功した場合の処理
	 });
}
	function _onGetMessageJsonHandler(data)
	{
		if(data.stat=="ok")
		{
			_messageItems	= data.message.items;
			setupMessageBlock();		// ニュースのHTML構築のセットアップ
		}
	}


/*
 * [メッセージのHTML構築用セットアップ]
 */
var _messageBlock;

function setupMessageBlock()
{
	_messageBlock = $(".right .reminisce p");
	
	var imgCoron1 = '<img src="assets/images/index/colon01.jpg" width="20" height="15" alt="‘" />';
	var imgCoron2 = '<img src="assets/images/index/colon02.jpg" width="20" height="15" alt="’" />';
	
	var url = _messageItems[0].url;
	var author = "- " + _messageItems[0].author + "氏 ";
	var messageElement = imgCoron1 + _messageItems[0].title + imgCoron2;
	var endElement = "<a href='" + url + "'>More.</a>";
	messageElement += author + endElement;
	
	_messageBlock.html(messageElement);
	_messageBlock.css("opacity", 0);
	_messageBlock.animate({opacity: 1},{duration:500});
}


/*
 * [TOP main images]
 */
var imglist = new Array(
	"assets/images/index/top_photo_winter_01.jpg",
	"assets/images/index/top_photo_winter_02.jpg",
	"assets/images/index/top_photo_winter_03.jpg",
	"assets/images/index/top_photo_winter_04.jpg",
	"assets/images/index/top_photo_winter_05.jpg" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
var prevnum;
var iSpanChg = 1200;
var iSpanStay = 8000;
var SIAuto = new Array();

function blurWindow(e){
	if(SIAuto.length>0) clearMainImgAuto();
}
function focusWindow(e){
	if(SIAuto.length==0) actMainImgAuto();
}
function initMainImg()
{
	var i;

	$('#mainArea').html('<ul></ul><div id="imgMainSel" class="clearfix"></div>');
	for(i=0; i<imglist.length; i++){
		$('#mainArea ul').append('<li id="imgMainP'+i+'"><img src="'+imglist[i]+'" /></li>');
		$('#imgMainP'+i).css({opacity:0});

		$('#imgMainSel').append('<span id="icoMainP'+i+'" class="icoMainP">'+i+'</span>');
		setBtnIcoP(i);
	}
	$('#imgMainSel').css('width', imglist.length*14+'px');
	onClBtnIcoP(selectnum);

	actMainImgAuto();
	window.onBlur = blurWindow;
	window.onFocus = focusWindow();
}

function setBtnIcoP(num)
{
		var target = $('#icoMainP'+num);
		target
		.mouseover(function(){
			target.css('background', 'url(assets/images/index/ico_imglist-pa.gif) left top no-repeat');
			clearMainImgAuto();
		})
		.mouseout(function(){
			actMainImgAuto();
			if(selectnum!=num) target.css('background', 'url(assets/images/index/ico_imglist-p.gif) left top no-repeat');
		})
		.click(function(){
			if(selectnum!=num) onClBtnIcoP(num);
		});
}

function onClBtnIcoP(num)
{
	for(var i=0; i<imglist.length; i++){
		$('#icoMainP'+i)
		.css('cursor', 'pointer')
		.css('background', 'url(assets/images/index/ico_imglist-p.gif) left top no-repeat');
	}
	$('#icoMainP'+num)
	.css('cursor', 'auto')
	.css('background', 'url(assets/images/index/ico_imglist-pa.gif) left top no-repeat');
	chgMainImg(num)
}

function chgMainImg(num)
{
	prevnum = selectnum;
	selectnum = num;
	var pT = $('#imgMainP'+prevnum);
	var nT = $('#imgMainP'+selectnum);
	pT.animate({opacity:0}, iSpanChg);
	nT.animate({opacity:1}, iSpanChg);
}

function actMainImgAuto()
{
	if(SIAuto.length==0){
		SIAuto.push(setInterval(function(){
			var cnt=selectnum;
			cnt++;
			if(cnt>=imglist.length)cnt=0;
				onClBtnIcoP(cnt);
			}, iSpanStay));
	}
}
function clearMainImgAuto()
{
	if(SIAuto.length>0){
		while(SIAuto.length>0){
			clearInterval(SIAuto.shift());
		}
	}
}