/**
 * ちょコム バナーローテーション表示用スクリプト
 * @author	Teppei Watanabe (Newphoria)
 */


/*
--------------------------------------------------
HTMLのセレクタを設定
--------------------------------------------------
*/

// バナー画像
var img = [
	"img/slide/img_16_02.jpg",
	"img/slide/img_19.jpg",
	"img/slide/img_19.jpg"
];

// サムネイル画像
var thumb = [
	"img/slide/thumb_16.gif",
	"img/slide/thumb_19.gif",
	"img/slide/thumb_19.gif"
];

// リンク先
var link = [
	"../../exchange/index.html",
	"http://soukin.chocom.jp/",
	"http://soukin.chocom.jp/"
];

// ターゲット
var target = [
	"_self",
	"_blank",
	"_blank"
];

// 画像切替間隔（sec）
var delay = 7;


/*
--------------------------------------------------
変数の設定
--------------------------------------------------
*/

// メニュー総数
var totalCount = 3;
// 直前のインデックス
var prevIndex;
// インデックス
var index = 0;
// タイマー
var changeTimer;
// 最初に表示されているID
var first = 0;

/*
--------------------------------------------------
コンストラクタ
--------------------------------------------------
*/

$(function()
{
	// バナー表示
	changeImage();
	changeNavi();
	// タイマーの設定
	$.timer(delay * 1000, change);
});


// バナー表示
function change(timer)
{
	changeTimer = timer;
	prevIndex = index;
	index = index == totalCount-1 ? 0 : index+1;
	changeImage();
	changeNavi();
}

function changeImage()
{
	var html = "";
	// リンクが無い場合
	if(link[index] == null)
	{
		html += "<img src='" + img[index] + "' border='0' />";
	}
	// リンクがある場合
	else
	{
		html += "<a href='" + link[index] + "' target='";
		html += target[index];
		html += "'>";
		html += "<img src='" + img[index] + "' border='0' /></a>";
	}
	$("#banner-box").html(html);
}

// ナビの表示
function changeNavi()
{
	var html = "<ul class='clearfix'>";
	for(i=0; i<3; i++)
	{
		// 動作しない
		if(index >= first && index < first + 3)
		{
			
		}
		// 右端までいった場合
		else if(index == 0 && prevIndex == totalCount-1)
		{
			first = 0;
		}
		// 左端までいった場合
		else if(index == totalCount-1 && prevIndex == 0)
		{
			first = totalCount-3;
		}
		// 右にスライド
		else if(index - first > 2)
		{
			first += 1;
		}
		// 左にスライド
		else
		{
			first -= 1;
		}
		
		var showIndex = (first + i) % thumb.length;
		if(showIndex == index)
		{
			html += "<li class='focus'>";
		}
		else
		{
			html += "<li>";
		}
		html += ("<a href='javascript:_onThumbClick(" + showIndex + ")'>");
		html += "<img src='" + thumb[showIndex] + "' border='0' />";
		html += "</a>";
		html += "</li>";
	}
	html += "</ul>";
	$("#navi-box-in").html(html);
}

// サムネイルをクリックしたときの処理
function _onThumbClick(value)
{
	prevIndex = index;
	index = value;
	changeImage();
	changeNavi();
	//index = index == totalCount-1 ? 0 : index+1;
	if(typeof changeTimer == "object")
	{
		changeTimer.reset(delay * 1000);
	};
}

// 
function _onPrevClick()
{
	prevIndex = index;
	index = index == 0 ? totalCount-1 : index-1;
	changeImage();
	changeNavi();
	if(typeof changeTimer == "object")
	{
		changeTimer.reset(delay * 1000);
	};
}

// 
function _onNextClick()
{
	prevIndex = index;
	index = index == totalCount-1 ? 0 : index+1;
	changeImage();
	changeNavi();
	if(typeof changeTimer == "object")
	{
		changeTimer.reset(delay * 1000);
	};
}