var descArr = new Array();
var linkArr = new Array();
var thumbArr = new Array();
var ttlArr = new Array();
var nowItem = 0;

//最初に表示するアイテム
var scrItem = Math.floor(Math.random()*11);

// コピー
descArr[0] = "客室数が少ない宿だからこそ味わえる、上質なホスピタリティ。おもてなしに包まれた、贅沢なひと時を過ごせる宿をご紹介します。";
descArr[1] = "プライベートな露天風呂付客室のある宿や、客室で味わう四季の料理が魅力の旅館。心を豊かにしてくれる宿を厳選しました。";
descArr[2] = "舌を極上の喜びで包み込む旅先ならではの逸品や、全国各地の名産、誰かに教えたくなるお取り寄せグルメをご紹介します。";
descArr[3] = "愛犬と一緒に、ワンコも飼い主も快適に過ごせる宿に泊まりたい。そんな願いを叶える、ペットと泊まれる旅館＆ホテル特集です。";
descArr[4] = "爽やかな風の中でゴルフを楽しんだ後は、スパ＆エステで癒しの時間。優雅な一日を満喫できる、宿泊施設付きゴルフ場をご紹介します。";
descArr[5] = "寛ぎの空間と上質なホスピタリティが魅力のホテル。心にみずみずしい潤いを届けてくれる場所で、稲森いずみさんが安らぎのひと時を過ごします。";
descArr[6] = "雄大な自然、名所めぐり、滋味あふれる料理。釈由美子さんが心惹かれるままに足を運び、ときめきを感じた高知の旅をご紹介します。";
descArr[7] = "いつもより少し背伸びをする贅沢──。一度は訪れたい憧れの宿を紹介します。日常を優雅な時間に変える、プレミアムなひと時を。";
descArr[8] = "話題のレストラン情報から季節ごとに味わう旬のグルメまで、とっておきの“東京グルメ”をたっぷりとご紹介します。";
descArr[9] = "進化し続ける関西の食文化。定番モノから流行の一皿までバラエティに富んだ関西グルメをご紹介します。";
descArr[10] = "NHK大河ドラマ「平清盛」で注目の集まる、平家ゆかりの京都、神戸、広島、香川、下関。一族の盛衰を描いた「平家物語」を入り口にその魅力をご紹介します。";

// リンク
linkArr[0] = "./extra/small_luxury/index.html";
linkArr[1] = "./extra/kutsurogi/index.html";
linkArr[2] = "./extra/gourmet/index.html";
linkArr[3] = "./extra/pet/index.html";
linkArr[4] = "./extra/golf/index.html";
linkArr[5] = "./extra/hotel/index.html";
linkArr[6] = "./extra/kouchi/index.html";
linkArr[7] = "./extra/premium/index.html";
linkArr[8] = "./extra/gourmet_tokyo/index.html";
linkArr[9] = "./extra/gourmet_kansai/index.html";
linkArr[10] = "./extra/tairanokiyomori/index.html";

// 表示するアイテムの数
var maxItem = linkArr.length;

// サムネイル＆タイトル
for(i=0; i<11; i++){
	thumbArr[i] = "./_img/extra_thumb_" + ( i + 1 ) +".jpg";
	ttlArr[i] = "./_img/extra_ttl_" + ( i + 1 ) +".gif";
}

sortArray(descArr);
sortArray(linkArr);
sortArray(thumbArr);
sortArray(ttlArr);

function sortArray(arr) {
	for(i=0;i<scrItem;i++) {
		arr.push(arr[0]);
		arr.shift();
	}
}

$(document).ready(function(){
	if(navigator.userAgent.indexOf("Windows NT 5")!=-1){
		$(".menu_copy, .copy").css("font-size","12px");
		$("div#news_item > dl > dd").css("font-size","12px");
		$("body").css('font-family','"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif');
	}
	extraScroll();
	whatsnew();
	preload_top();
});

$(function() {
	$(".scrollable").scrollable({ circular: true });
});

// 別冊スクロール
function extraScroll() {
	//初期化
	var stage = $("#scroll_top > .scrollable > .items");
	stage.empty();
	stage.append('<div><img src="' + thumbArr[maxItem - 1] + '" alt="" width="68" height="118" /></div>');
	$("#extra_desc > p.ttl > a > img").attr("src",ttlArr[nowItem]);
	$("#extra_desc > p.ttl > a").attr("href",linkArr[nowItem]);
	$("#scroll_top").append('<a href="' + linkArr[nowItem] +'" class="selected"></a>');
	$("#extra_desc > p.copy").empty().append(descArr[nowItem])
	
	for(i=0; i<maxItem -1; i++){
		stage.append('<div><img src="' + thumbArr[i] + '" alt="" width="68" height="118" /></div>');
	}
	$("a.selected").hover(
			function() { $(".items > div:eq(" + (nowItem + 2) + ") > img").css("opacity",0.75); },
			function() { $(".items > div:eq(" + (nowItem + 2) + ") > img").css("opacity",1); });
	$(".items > div > a > img").each(function(){
		$(this).hover(
			function() { $(this).css("opacity",0.75); },
			function() { $(this).css("opacity",1); });
	});
	$("#scroll_top > .prevBtn > .prev").bind("click",function (){
		if (nowItem > 0) nowItem--;
		else nowItem = maxItem - 1;
		switchItem();
	});
	$("#scroll_top > .nextBtn > .next").bind("click",function (){
		if (nowItem < maxItem - 1) nowItem++;
		else nowItem = 0;
		switchItem();
	});
}

// 切替
function switchItem() {
	$("a.selected").attr("href",linkArr[nowItem]);
	$("#extra_desc > p.ttl > a").fadeOut(120,function(){
		$("#extra_desc > p.ttl > a > img").attr("src",ttlArr[nowItem]);
		$("#extra_desc > p.ttl > a").attr("href",linkArr[nowItem]);
		$(this).fadeIn(120);
	});
	$("#extra_desc > p.copy").fadeOut(120,function(){
		$(this).empty().append(descArr[nowItem]).fadeIn(120);
	});
}

// ニュース
function whatsnew() {
	var date = new Date();
	var year = String(date.getFullYear()).slice(2,4);
	var month = date.getMonth() + 1;
	var date = date.getDate();
	var dateArr = new Array(year,month,date);
	$("#news_item > .item > p.date:gt(9)").hide();
	$("#news_item > .item > p.text:gt(9)").hide();
	$("#news_item > .item > p.text:eq(9)").css("border-bottom","none");
	$("#news_item > .item > p.date").each(function(){
		var newsdate = $(this).text().split(".");
		if(dateArr[0] == newsdate[0] && dateArr[1] == newsdate[1] && dateArr[2] >= newsdate[2]) {
			$(this).append('<img src="./common/_img/icon_new.gif" alt="" width="32" height="15" />');
		}
		else if(dateArr[0] == newsdate[0] && dateArr[1] - 1 == newsdate[1] && dateArr[2] < newsdate[2]){
			$(this).append('<img src="./common/_img/icon_new.gif" alt="" width="32" height="15" />');
		}
		else if(dateArr[0] - 1 == newsdate[0] && dateArr[1] == newsdate[1] - 11 && dateArr[2] < newsdate[2]){
			$(this).append('<img src="./common/_img/icon_new.gif" alt="" width="32" height="15" />');
		}
	});
}

function preload_top() {
	var preLoadTop = new Object();
	for(i=0;i<maxItem;i++) {
		preLoadTop[i] = new Image();
		preLoadTop[i].src = "./_img/extra_ttl_" + (i+1) + ".gif";
	}
}
function altFlash(){// xml読み込み
	var thumbArr = new Array();
	var linkArr = new Array();
	$.ajax({
	url: './swf/slideTop.xml',
	type: 'GET',
	dataType: 'xml',
	success: function(xml){
		$(xml).find("navi").each(function(){
			thumbArr.push($(this).text());
		});
		$(xml).find("url").each(function(){
			linkArr.push($(this).text());
		});
		$("#flashContents").append('<div id="altFlash"></div>');
		$("#altFlash").append('<div class="altTeaser"><a href="' + linkArr[0] + '"><img src="./swf/teaser/' + $(xml).find("teaser:first").text() +'" /></a></div>');
		for(i=0;i<4;i++) {
			$("#altFlash").append('<div class="altThumb' + i + '"><a href="' + linkArr[i] + '"><img src="./swf/teaser/' + thumbArr[i] +'" /></a></div>');
		}
	}
	});
}