//=============================================
// docRoot Search
//=============================================
if(document.domain.indexOf("utocods") >= 0 ){
	if(location.href.indexOf("newsite") >= 0){
		var splitStr   = "utocods.co.jp/newsite/";
	}else{
		var splitStr   = "utocods.co.jp/";
	}
}else{
	var splitStr   = "utoco/";
}

var docRootlng = location.href.split(splitStr)[1].split("/");
var docRoot = "";
	for(var i=0;i<(docRootlng.length)-1;i++){
		docRoot += "../";
	}


//=============================================
// SmartRollOver()
//=============================================
function initRollovers() {
	if (!document.getElementById) return

	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {
		if (aImages[i].className == 'ov') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_on'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);

			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;

			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	

			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}


//=============================================
// BlWin2()
//=============================================
function BLinks() {
	if (!document.getElementsByTagName) return;

	var anchors = document.getElementsByTagName("a");

	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (anchor.getAttribute("href") &&
		anchor.getAttribute("rel") == "bl")
		anchor.target = "_blank";
	}
}


//=============================================
// curCheck
//=============================================
function curCheck(){	
	var myurl = location.href;
	var cdir = myurl.split(splitStr)[1].split("/");
		cdir.pop();
		if(cdir.length > 1){
			cdir.pop();
		}
		var val = cdir.join("/");
		
	if(document.getElementById("hmenu")){var myobjs= document.getElementById("hmenu").getElementsByTagName("ul")[0].getElementsByTagName("a");}
	if(myobjs){
		for( var i = 0; i < myobjs.length; i ++ ){
			if( cdir.length != 0 && myobjs[i].href.split("index.html")[0].indexOf(val) >= 0 ){
				myobjs[i].getElementsByTagName("img")[0].src = myobjs[i].getElementsByTagName("img")[0].src.split(".gif").join("_on.gif");
			}else{
				if(myobjs[i].getElementsByTagName("img")[0]){
					myobjs[i].getElementsByTagName("img")[0].setAttribute("class","ov");
				}
			}
		}
	}
	
	if(document.getElementById("gmenu")){var myobj= document.getElementById("gmenu").getElementsByTagName("ul")[0].getElementsByTagName("a");}
	if(myobj){
		for( var i = 0; i < myobj.length; i ++ ){
			if( cdir.length != 0 && myobj[i].href.split("index.html")[0].indexOf(val) >= 0 ){
				myobj[i].getElementsByTagName("img")[0].src = myobj[i].getElementsByTagName("img")[0].src.split(".gif").join("_on.gif");
			}else{
				if(myobj[i].getElementsByTagName("img")[0]){
					myobj[i].getElementsByTagName("img")[0].setAttribute("class","ov");
				}
			}
		}
	}
}


//=============================================
// setHeader
//=============================================
function setHeader(){
	var _str = ""
		if(document.getElementById("indexHeader")){
			_str += '<div id="header">';
			_str += '<div id="headerInner">';
			_str += '<h1><a href="'+docRoot+'index.html"><img src="'+docRoot+'images/logo_utoco_D.gif" width="188" height="62" alt="UTOCO" /></a></h1>';
		}
		else{
			_str += '<div id="header">';
			_str += '<div id="headerInner">';
			_str += '<h1><a href="'+docRoot+'index.html"><img src="'+docRoot+'images/logo_utoco_D.gif" width="188" height="62" alt="UTOCO" /></a></h1>';
		}
		_str += '<div id="hmenu">';
		_str += '<ul>';
		_str += '<li class="tp"><a href="'+docRoot+'about/index.html"><img src="'+docRoot+'common/images/hmenu01.gif" width="62" height="10" alt="ウトコについて" /></a></li>';
		_str += '<li><a href="'+docRoot+'information/index.html"><img src="'+docRoot+'common/images/hmenu02.gif" width="81" height="10" alt="インフォメーション" /></a></li>';
		_str += '<li><a href="'+docRoot+'facilities/index.html"><img src="'+docRoot+'common/images/hmenu03.gif" width="38" height="10" alt="施設案内" /></a></li>';
		_str += '<li><a href="'+docRoot+'tour/index.html"><img src="'+docRoot+'common/images/hmenu04.gif" width="38" height="10" alt="周辺観光" /></a></li>';
		_str += '<li><a href="'+docRoot+'access/index.html"><img src="'+docRoot+'common/images/hmenu05.gif" width="38" height="10" alt="交通案内" /></a></li>';
		_str += '<li><a href="'+docRoot+'faq/index.html"><img src="'+docRoot+'common/images/hmenu06.gif" width="64" height="10" alt="よくあるご質問" /></a></li>';
		_str += '<li><a href="'+docRoot+'contact/index.html"><img src="'+docRoot+'common/images/hmenu07.gif" width="57" height="10" alt="お問い合わせ" /></a></li>';
		_str += '<li><a href="https://room-yoyaku.jp/utoco/login.asp" rel="bl"><img src="'+docRoot+'common/images/hmenu08.gif" width="68" height="10" alt="予約確認／変更" /></a></li>';
		_str += '<li><a href="http://recruit.hoshinoresort.com/" target="_blank"><img src="'+docRoot+'common/images/hmenu10.gif" width="38" height="10" alt="採用情報" /></a></li>';
		//_str += '<li class="search"><a href="'+docRoot+'activity/index.html"><img src="'+docRoot+'common/images/hmenu09.gif" width="104" height="30" alt="楽しみ方検索" /></a></li>';
		//_str += '<li class="search"><img src="'+docRoot+'common/images/hmenu09_cs.png" width="104" height="30" alt="楽しみ方検索" class="pfix" /></li>';
		_str += '</ul>';
		_str += '</div>';
		_str += '<div id="gmenu">';
		_str += '<ul>';
		_str += '<li><a href="'+docRoot+'cuisine/index.html"><img src="'+docRoot+'common/images/gmenu01.gif" width="64" height="16" alt="レストラン" /></a></li>';
		_str += '<li><a href="'+docRoot+'guestroom/index.html"><img src="'+docRoot+'common/images/gmenu02.gif" width="83" height="16" alt="ゲストルーム" /></a></li>';
		_str += '<li><a href="'+docRoot+'spa/index.html"><img src="'+docRoot+'common/images/gmenu03.gif" width="35" height="16" alt="スパ" /></a></li>';
		_str += '<li><a href="https://room-yoyaku.jp/utoco/search/search_plan_list.asp" rel="bl"><img src="'+docRoot+'common/images/gmenu04.gif" width="135" height="16" alt="おすすめ宿泊プラン" /></a></li>';
		_str += '<li class="search"><a href="https://room-yoyaku.jp/utoco/search/search_stay_top.asp" rel="bl"><img src="'+docRoot+'common/images/gmenu05.gif" width="150" height="38" alt="ご予約／空室検索" /></a></li>';
		_str += '</ul>';
		_str += '</div>';
		_str += '</div>';
		_str += '</div>';
		document.write(_str);
}


//=============================================
// setSocialArea
//=============================================
function setSocialArea(){
	var _str = ""
		_str += '<div id="socialArea">';
		_str += '<dl>';
		_str += '<dt><img src="'+docRoot+'common/images/social_tit.gif" width="69" height="21" alt="POST COMMENT" /></dt>';
		_str += '<dd><a href="#" onclick="setShare(\'twitter\')"><img src="'+docRoot+'common/images/btn_social01.gif" width="21" height="21" alt="twitter" class="ov" /></a></dd>';
		_str += '<dd><a href="#" onclick="setShare(\'mixi\')"><img src="'+docRoot+'common/images/btn_social02.gif" width="21" height="21" alt="mixi" class="ov" /></a></dd>';
		_str += '<dd><a href="#" onclick="setShare(\'facebook\')"><img src="'+docRoot+'common/images/btn_social03.gif" width="21" height="21" alt="facebook" class="ov" /></a></dd>';
		_str += '<dd><a href="#" onclick="setShare(\'gree\')"><img src="'+docRoot+'common/images/btn_social04.gif" width="21" height="21" alt="GREE" class="ov" /></a></dd>';
		_str += '</dl>';
		_str += '</div>';
		document.write(_str);
}


function setShare(type){
	var r_txt = "星野リゾート　ウトコ オーベルジュ＆スパ";
	var r_url = "http://www.utocods.co.jp/";
	var r_mix = r_txt + " " + r_url;
	var PopWN = "_blank";
	var PopDt = "toolbar=0,location=0,status=1,menubar=0";

	switch(type){
		case "twitter":
			var _url = "http://twitter.com/intent/tweet?text=" + encodeURIComponent(r_mix);
			window.open(_url, PopWN, PopDt + ",width=632,height=456");
		break;
		case "facebook":
			var _url  = "http://www.facebook.com/sharer.php?u=" + encodeURIComponent(r_url) + "&t=" + encodeURIComponent(r_txt);
			window.open(_url, PopWN, PopDt + ",width=632,height=456");
		break;
		case "mixi":
			var _url = "http://mixi.jp/share.pl?u=" + encodeURIComponent(r_url) + "&k=71de701531955f6612b16709a5f5915c1643508f";
			window.open(_url, PopWN, PopDt + ",width=632,height=456");
		break;
		case "gree":
			var _url = "http://gree.jp/?mode=share&act=write&url=" + encodeURIComponent(r_url) + "&button_type=4&button_size=16";
			window.open(_url, PopWN, PopDt + ",width=585,height=520");
		break;
	}
}



//=============================================
// setFooter
//=============================================
function setFooter(){
	var _str = ""
		_str += '<div id="footer">';
		_str += '<div id="footerInner">';
		_str += '<div class="left">';
		_str += '<ul class="cf">';
		_str += '<li><a href="http://www.hoshinoresort.com/" rel="bl"><img src="'+docRoot+'common/images/btn_grouphotel.gif" width="89" height="10" alt="グループ宿泊施設" class="ov" /></a></li>';
		_str += '<li><a href="'+docRoot+'privacy/index.html"><img src="'+docRoot+'common/images/btn_privacy.gif" width="105" height="10" alt="プライバシーポリシー" class="ov" /></a></li>';
		_str += '</ul>';
		_str += '<p class="address"><img src="'+docRoot+'common/images/ft_address.gif" width="244" height="10" alt="高知県室戸市室戸岬町6969-1 ディープシーワールド内" /></p>';
		_str += '<p class="copyright"><img src="'+docRoot+'common/images/ft_copyright.gif" width="310" height="6" alt="COPYRIGHT&copy; DEEP SEA THERAPY CENTER &amp; HOTEL. ALL RIGHTS RESERVED." /></p>';
		_str += '</div>';
		_str += '<div class="right">';
		_str += '<ul class="cf">';
		_str += '<li><a href="https://room-yoyaku.jp/utoco/search/search_stay_top.asp" rel="bl"><img src="'+docRoot+'common/images/fmenu01.gif" width="175" height="60" alt="ご予約／空室照会" class="ov" /></a></li>';
		_str += '<li><a href="'+docRoot+'air_ticket.html"><img src="'+docRoot+'common/images/fmenu02.gif" width="175" height="60" alt="航空券付きご予約" class="ov" /></a></li>';
		_str += '<li><img src="'+docRoot+'common/images/fmenu03.gif" width="175" height="60" alt="お電話でも承っております" /></li>';
		_str += '</ul>';
		_str += '</div>';
		_str += '</div>';
		_str += '</div>';
		document.write(_str);
}


var jsonDirectory   = "_data/json/";
var jsonDataUrl_ary = ["information.json","plan.json"];
var imgDirectory = "_data/img/";

// ニュースページで。
var perpage = 5;	// 1ページ◯件表示

// キャッシュ対策用
function rndm(){
	var now = new Date();
		now = now.getTime();
	return "?" + now;
}

// TOPページでの処理
function successFunc(json){
	var _str = "";
	switch(json.cat){
		case "information":
			var count = 8;	// ◯件まで。
			// HTML組み立て
			for(var i = 0; i < count; i++){
			//for(var i in json.data){
				if(typeof(json.data[i]) == "object"){
					var pg = (i < perpage)? 1 : 2;
					var lnk_s = "<a href='./information/?page=" + pg + "#a"+ json.data[i].uid +"'>";
					var lnk_e = "</a>";
					var _date = 
					_str += "<dl><dt>" + lnk_s + json.data[i].title + lnk_e + "</dt>" + 
							"<dd>" + json.data[i].date.split("-").join(".") + "</dd></dl>";
				}
			}
			// 書き出し。
			$("#topInformation").append(_str);
			$("#topInformation dl").fadeOut(0);
			$("#topInformation dl").fadeIn(200,fadecomp);
			setScrollInfo();
		break;
		case "plan":
			// HTML組み立て
			for(var i in json.data){
				if(typeof(json.data[i]) == "object"){
					var _tgt = (json.data[i].target == "1")? ' target="_blank"' : "" ;
					var lnk_s = (json.data[i].link)? '<a href="' + json.data[i].link + '"' + _tgt + '>' : '';
					var lnk_e = (json.data[i].link)? '</a>' : '';
					_str += '<dl><dt>' + lnk_s + json.data[i].title + lnk_e + '</dt>' +
							'<dd class="thumb">' + lnk_s + '<img src="' + imgDirectory + json.data[i].img + '" width="84" height="84" />' + lnk_e + '</dd>' + 
							'<dd class="text">' + json.data[i].honbun + '</dd>' + 
							'</dl>';
				}
			}
			$("#topRecommend").append(_str);
			$("#topRecommend dl").fadeOut(0);
			$("#topRecommend dl").fadeIn(200,fadecomp);
		break;
		default:
		break;
	}

}
function fadecomp(){
	if($.browser.msie){
		this.style.removeAttribute("filter");
	}
}
// INFOページでの処理
function successInfo(json){

	var _str = "";
	var pagenum = (location.search.indexOf("page") >= 0)? location.search.split("page=")[1] : 1;
	// HTML組み立て
	for(var i = perpage*(pagenum-1); i < perpage*pagenum; i++){
		if(typeof(json.data[i]) == "object"){
			var _img = (json.data[i].img)? '<dd class="thumb"><img src="../' + imgDirectory + json.data[i].img + '" alt="" /></dd>' : '';
			_str += '<div class="infoBox" id="a' + json.data[i].uid + '"><dl><dt>' + json.data[i].title + '<span>' + json.data[i].date + "</span>" + '</dt>' +
					_img + 
					'<dd class="text">' + json.data[i].honbun + '</dd>' + 
					'</dl></div>';
		}
	}

	$("#infoArea").append(_str);

	// pagenation
	var sum = Math.ceil(json.data.length / perpage);
	var _pgstr =	'<ul>' + 
					'<li class="prev"><a href="index.html">最初のページ</a></li>' +
					'<li class="next"><a href="index.html?page=' + sum + '">最後のページ</a></li>' + 
					'<li class="num"><ul>';

	for(var j = 1; j <= sum; j++){
		var lnk_s = (pagenum == j)? '' : '<a href="index.html?page=' + j + '">';
		var lnk_e = (pagenum == j)? '' : '</a>';
		_pgstr += "<li>" + lnk_s + j + lnk_e + "</li>";
	}

		_pgstr += "</ul></li></ul>";

	$("#pagingList").append(_pgstr);
}




//=============================================
// CONTACT
//=============================================
function submit_check(){

	var str = "";

	if( document.f1["name"].value == "" ){
		str += "■お名前は必須項目です\n";}
	if( document.f1["mail"].value == "" ){
		str += "■メールアドレスは必須項目です\n";}

	if(str != ""){
		alert(str);
		return false;
	}

}

//=============================================
// setScrollInfo
//=============================================
function setScrollInfo(){
	if(document.getElementById("scrollArea")){
		var scroller  = null;
		var scrollbar = null;
		scroller  = new jsScroller(document.getElementById("Scroller-1"), 400, 200);
		scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, false);
	}
}


//=============================================
// init()
//=============================================

function init() {
	// TOPなら
	if(document.getElementById("topInformation")){
		$.getJSON(jsonDirectory + jsonDataUrl_ary[1] + rndm(),function(json){successFunc(json)});
		$.getJSON(jsonDirectory + jsonDataUrl_ary[0] + rndm(),function(json){successFunc(json)});
	}
	if(document.getElementById("infoArea")){
		$.getJSON("../" + jsonDirectory + jsonDataUrl_ary[0] + rndm(),function(json){successInfo(json)});
	}
	curCheck();
	BLinks();
	initRollovers();
	setScrollInfo();
}


window.onload=init;


//=============================================
// openPopup
//=============================================
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}