//XMLPreLoader Class
var XMLPreLoader = Class.create();
XMLPreLoader.prototype = {
  initialize : function (url, func) {
    this.xmldat = new JKL.ParseXML(url);
    this.myfunc = func;
    this.xmldat.async(this.myfunc);
  },
  parse : function () {
    this.xmldat.parse();
  }
}

//gmaps---------------------------
var gmap;
var baseIcon = new GIcon();
baseIcon.iconSize = new GSize(52, 39);
baseIcon.iconAnchor = new GPoint(0, 0);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
var icon = new GIcon(baseIcon);
icon.image = 'http://genpaku.jp/images/saba.png';

function setMarker(hotel, index) {
  var obj = new Object();
  obj.title = hotel.HotelNamel.escapeHTML();
  hotel.point = new GLatLng(parseFloat(hotel.Y), parseFloat(hotel.X));
  var mk = new GMarker(hotel.point, obj);
  var onclick = function() {
    showInfoWindow(index);
  }
  GEvent.addListener(mk, "click", onclick);
  gmap.addOverlay(mk);
  hotel.marker = mk;
}

function showInfoWindow(index) {
  var hinfo = "hoge";
  gmap.panTo(hdata[index].point);
  hdata[index].marker.openInfoWindowHtml(hinfo);
}


function gmapput() {
    gmap = new GMap2(document.getElementById('map'));

    //所在地の座標設定 
    var lon  = 136.226005 ;//経度
    var lat  = 36.144528 ;//緯度
    var fpoint = new GLatLng(lat, lon);

    //所在地を中心にする
    gmap.setCenter(fpoint, 10, G_NORMAL_MAP);
  
    //コントロール追加
    gmap.addControl(new GSmallMapControl());
    gmap.addControl(new GMapTypeControl());

  addMarker(new GLatLng(parseFloat(36.0834116667), parseFloat(136.248093056)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAwMzMwLDAwLDAw" target="_blank">天然温泉コミュニティリゾート　リライム</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAwMzMwLDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y0/Y300330/Y300330025.jpg" class="hotel-img" alt=".$item->HotelName." /></a>あなたにあったリラックスタイムを探せる、おくつろぎリゾート空間<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(35.8436302778), parseFloat(136.045990556)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAwNDMwLDAwLDAw" target="_blank">うみの宿　さへい</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAwNDMwLDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y0/Y300430/Y300430006.jpg" class="hotel-img" alt=".$item->HotelName." /></a>壮大な越前海岸は宿の前庭、豊かな海の恵みを楽しむ本格料理宿<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(36.0610563889), parseFloat(136.226440833)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAyNzIxLDAwLDAw" target="_blank">グランドホテル福井</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzAyNzIxLDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y1/Y302721/Y302721043.jpg" class="hotel-img" alt=".$item->HotelName." /></a>お堀の近く、静かな環境が魅力<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(36.0078222222), parseFloat(136.332241667)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA0MjY0LDAwLDAw" target="_blank">福井市美山森林温泉　みらくる亭</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA0MjY0LDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y4/Y304264/Y304264000.jpg" class="hotel-img" alt=".$item->HotelName." /></a>緑に抱かれる静寂の中森林浴と天然温泉、山の幸が愉しめる公共の宿<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(35.5878555556), parseFloat(135.870691667)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA0NTMyLDAwLDAw" target="_blank">町営観光ホテル水月花</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA0NTMyLDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y2/Y304532/Y304532000.jpg" class="hotel-img" alt=".$item->HotelName." /></a>目の前に広がる三方五湖。美しい自然に囲まれた優雅な休日を満喫。<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(36.1401891667), parseFloat(136.090220278)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA2NjcyLDAwLDAw" target="_blank">さかな遊びの宿　やまちょう</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA2NjcyLDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/3/00063/00063901.jpg" class="hotel-img" alt=".$item->HotelName." /></a>食通絶賛の隠れ宿ここにあり！リピーター多し網元直営の癒し宿<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(36.0599305556), parseFloat(136.226647222)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA2OTQ3LDAwLDAw" target="_blank">ホテルルートイン福井駅前</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA2OTQ3LDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y7/Y306947/Y306947018.jpg" class="hotel-img" alt=".$item->HotelName." /></a>福井駅西口より右手方面に２軒目のホテル、徒歩2分です♪<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(35.6740802778), parseFloat(136.0332025)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA3NjI1LDAwLDAw" target="_blank">海辺の宿　長兵衛　</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA3NjI1LDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y5/Y307625/Y307625000.jpg" class="hotel-img" alt=".$item->HotelName." /></a>行楽の秋は若狭で海を見ながら炭焼き海鮮に舌鼓を♪<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(36.2454583333), parseFloat(136.127283611)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA3Njc0LDAwLDAw" target="_blank">内湯の宿　おおとく</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA3Njc0LDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y4/Y307674/Y307674006.jpg" class="hotel-img" alt=".$item->HotelName." /></a>四季折々の海鮮逸品料理が楽しめる、絶景と三国温泉の宿<br class="clear" /></div>');
  addMarker(new GLatLng(parseFloat(35.8659233333), parseFloat(136.363503611)) , '<div class="hotel-gmap" style="width:200px;"><div class="hotel-title"><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA4Njk4LDAwLDAw" target="_blank">ファームハウス　コムニタ</a></div><a href="http://www.jalan.net/JwsRedirect.do?key=aqr10e17ee81ac&amp;rd_key=MzA4Njk4LDAwLDAw" target="_blank"><img src="http://www.jalan.net/jalan/images/pictS/Y8/Y308698/Y308698062.jpg" class="hotel-img" alt=".$item->HotelName." /></a>本物のスローライフ＆スローフードを愉しむ「田舎の体験宿泊施設」<br class="clear" /></div>');
  //addMarker(fpoint, '福井空港2');

	// 初めからメッセージウインドウを開く場合、下のコードの頭の2本の斜線を消す。
	//marker.openInfoWindowHtml(msg_html);
}

function addMarker(fp, str) {
  var marker = new GMarker(fp, icon);
  gmap.panTo(fp);
  var msg_html = str;
  GEvent.addListener(marker, 'click', function() {
    marker.openInfoWindowHtml(msg_html);
  });
  gmap.addOverlay(marker);
}

//写真関係 pper:表示数 pnow:現在のページ pagemax:ページ最大数
var pper = 28;
var pnow = 1;
var pagemax = 10;
var nowPhoto = 1;
var prevPhoto = 0;
var showPhotoFlg = 0;
var imgCount = 0;
var streamShowFlg = 0;


//////////////////////////////Flickr関係//////////////////////////////

function photoLoad(x) {
	var page = x.items.item.page;
	var pmax = x.items.item.pagemax;
	
  pagemax = pmax;

    var nd = $('photo');
	var s = "";
        var j = "";
	for (var i = 0; i < x["items"]["photo"].length; i++) {
		j = x.items.photo[i];
		s += '<a href="'+j.large+'" rel="lightbox" ';
s += 'onclick="showLightbox(this); return false;" >';
		s += '<img src="'+j.url+'" class="photo-img" ';
		s += 'onmouseover="flickrPhotoOver(this)" onmouseout="flickrPhotoOut(this)" ';
		s += 'id="'+j.id+'"></a>';
	}
    nd.innerHTML = s;

}
function topPhotoLoad(x) {
    var s = x.items.item.url;
	var page = x.items.item.page;
	var pmax = x.items.item.pagemax;
    var wt = document.getElementById("top-flickr-wait");
    var im = document.getElementById("top-flickr-img"+nowPhoto);
   if (im) {
     im.onload();
    } else {
       im = document.createElement("img");
	   document.getElementById("top-flickr-img-box").appendChild(im);
       im.setAttribute("id", "top-flickr-img"+nowPhoto);
	   	   im.style.display="none";
       im.style.position="absolute";
       im.onclick = function() {
         if (nowPhoto >= pmax) {
             topPhotoLoadJS(1);
         } else {
             topPhotoLoadJS(nowPhoto + 1);
         }
       }
    im.onload = function() {
        if (imgCount == 1) {
          new Effect.Appear(im,{queue:{scope:'ffade',position:'end'},duration:0.5,beforeStart:function(){wt.style.display="none";}, afterFinish:function(){showPhotoFlg = 0;}});
        } else {
		  var previnner = document.getElementById("top-flickr-img"+prevPhoto);
          new Effect.Fade(previnner, {queue:{scope:'ffade'},to:0,duration:0.3,afterFinish:function(){    wt.style.display="none";}});
          new Effect.Appear(im,{queue:{scope:'ffade',position:'end'},duration:0.5, afterFinish:function(){previnner.style.display="none"; showPhotoFlg = 0;}});
        }
    }
	    im.setAttribute("src", s);
	}
}

//Loading画面の表示
function topPhotoLoading() {
    var np = document.getElementById("top-flickr-img"+nowPhoto);
	var wt = document.getElementById("top-flickr-wait");
      if (imgCount != 1) {
          new Effect.Fade(np, {queue:{scope:'ffade'},to:0.5,duration:0.3,afterFinish:function(){    wt.style.display="block";}});
      } else {
        wt.style.display="block";
      }
}

//サムネイルのajax
function loadjs(per, page) {
	var url_str = "http://genpaku.jp/util/flickr_hbkr/getphoto.php?per="+per+"&page="+page;
	var ThumbPhotoXMLPreLoader = new XMLPreLoader(url_str, photoLoad);
	ThumbPhotoXMLPreLoader.parse();
}
//トップページのajax
function topPhotoLoadJS(p) {
  if (showPhotoFlg == 0) {
    if (imgCount != 0 && nowPhoto == p) {
	} else {
        showPhotoFlg = 1;
		imgCount++;
        topPhotoLoading();
         prevPhoto = nowPhoto;
         nowPhoto = p;
		 var url_str = "http://hbkr.jp/util/flickr_hbkr/psb.php?page="+nowPhoto;
        if (nowPhoto==0) url_str += "&tag=nowcover";
		var CoverPhotoXMLPreLoader = new XMLPreLoader(url_str, topPhotoLoad);
		CoverPhotoXMLPreLoader.parse();
     }
  }
}

//photoページ遷移
function photoPageMove(mode) {
  if (streamShowFlg == 0) {
	if (mode == 'next' && pnow < pagemax) {
                streamShowFlg = 1;
		pnow++;
		loadjs(pper, pnow);
		new Effect.MoveBy(document.getElementById('photo-box-inner'), -72, 0,  {queue:{scope:'pmove', position:'end',limit:1}, afterFinish:function(){streamShowFlg = 0;}});
	} else if (mode == "prev" && pnow > 1)  {
                streamShowFlg = 1;
                pnow = pnow - 1;
                if (pnow < 1) {
                   pnow = 1;
                } else {
		        new Effect.MoveBy(document.getElementById('photo-box-inner'), 72, 0, {queue:{scope:'pmove', position:'end',limit:1}, afterFinish:function(){streamShowFlg = 0;}});
                }
        } else {
        }
   }
}

//サムネイルマウスオーバー時の透過
function flickrPhotoOver(obj) {
  new Effect.Fade(obj, {to:0.7,duration:0.15});
}
function flickrPhotoOut(obj) {
  new Effect.Appear(obj, {to:1,duration:0.5});
}
//////////////////////////////Flickr関係//////////////////////////////




//////////////////////////////RECENT関係//////////////////////////////
//RSSを受信時に起動するコールバック関数
function EntryXMLonLoaded(x) {
	var data = '<ul class="reent-list">'
	var cnt = 0;

	for(var i = 0; i < x["feed"]["entry"].length; i++) {
		//出力用HTMLを作る
		data += '<li><a href="'+x.feed.entry[i].link.href+'">'

		//24文字に制限
		data += x.feed.entry[i].title.substr(0,50)
		data += '</a>'
		data += '<br />'
		var buf = x.feed.entry[i].summary
		if (buf != null) {
			data += '<div class="small-gray">' + buf.substr(0, 64) + '・・</div>';
		}
		data += ''

		//時間を取り出す
		var time = x.feed.entry[i].issued
		time = time.split("T").join(" ").split("+")[0]
		data += '<span class=small-gray>posted '+time+'</li>'
			
		if (cnt >= 6) { break; }
		cnt++;
	}
	data += '</ul>';
	document.getElementById('entry_list_container').innerHTML = data;
}

function CommentXMLonLoaded(x) {
	var data = '<ul class="reent-list">';
	var cnt = 0;

	for(var i = 0; i < x["feed"]["comment"].length; i++) {
		//出力用HTMLを作る
		data += '<li><a href="'+x.feed.comment[i].link.href+'">';

		//24文字に制限
		data += x.feed.comment[i].title.substr(0,50);
		data += '</a>';
		data += '<br />';
		var buf = x.feed.comment[i].author;
		if (buf != null) {
			data += '<div class="small-gray">by ' + buf.substr(0, 64) + '</div>';
		}
		data += '';
		cnt++;
	}
	data += '</ul>';
	document.getElementById('comment_list_container').innerHTML = data;
}
//////////////////////////////RECENT関係//////////////////////////////




//////////////////////////////その他関係//////////////////////////////
function MakePassword(iPasswordLength){
	var sCharaList = 'abcdefghijkmnpqrstwxyz2345689';
	var iCharaIndex = 0;
	// パスワードの長さ
	var iPasswordCnt = 0;
	var sPassword = "";
	
	// パスワードの長さだけ繰り返す。
	for (PasswordCnt = 0; iPasswordCnt < iPasswordLength; iPasswordCnt++){
		// 文字リスト番号を取得する。
		iCharaIndex = Math.floor(Math.random() * sCharaList.length);
		
		// 文字リストからランダムな一文字を取得し、パスワードに追加する。
		sPassword = "" + sPassword + sCharaList.charAt(iCharaIndex);
	}
	return sPassword;
}

//addLoadEvent
function addLoadEvent(func)
{	
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
    	window.onload = func;
	} else {
		window.onload = function(){
		oldonload();
		func();
		}
	}
}

//body.onload
function bodyOnload() {
  loadjs(pper,pnow);
  gmapput();
}
//////////////////////////////その他関係//////////////////////////////


addLoadEvent(bodyOnload);