// サムネイル入れるブロック ID
var idName = '#tumblr';
// 記事を入れるブロック ID
var entryIdName = '#entryBlock';
// blog ボタン
var buttonIdName = '#blogBtn';
// blog ページのアドレス
var blogLocation = '/photoblog.html';
// jQuery
$(function(){
	//RSSが同じドメインにある場合
	$.ajax({
		//同じドメインにあるXMLファイルのある場所を指定してあげる
		url: '/rss/instagram.cgi',
		//非同期通信
		async: true,
		//通信結果をキャッシュしない
		cache: false,
		dataType: "xml",
		success: function(xml){
			// まとめ用変数
			var content = '';
			// 解析
			$(xml).find('item').each(function(i){
				// 最新８個
				if (i >= 8) {
					return false;
				}
				var title = $(this).find('title').text();
				var shortTitle = title.replace(/\(Taken\ with\ instagram\)/ig,'');
				var url = $(this).find('link').text();
				var desc = $(this).find('description').text();
				var rStr = new RegExp(/((http|https):\/\/[\x21-\x7e]+)/g);
				if (desc.match(rStr)) {
					var str = desc.match(rStr)[1]; // 2枚目の画像を取得
					//alert(str);
					var src = String(str.substring(0,str.indexOf('.jpg') + 4));
					src = src.replace(/_6/ig,'_7');
				}
				// T サイズ画像を取得
				var thumb = src.replace(/_7/ig,'_5');
				//月表示を数字表示に変換する
				var date = $(this).find('pubDate').text();
//				date = date.replace(/\+9000/ig,'\+0900');
//				date = date.replace(/\+0900/ig,'\+1800'); // Webstagram 修正版 9時間進んでた・・・
//				alert(date);
				date = dateChanger(date);
				// サムネイル生成
				var thumbnail = '<li id="tumblr' + i + '">\
<a href="' + blogLocation + '#tumblrEntry' + i + '" class="scrollClass">\
<span class="photo"><img src="' + thumb + '" width="100" \/><\/span>\
<span class="photo2"><img src="/img_pack\/photoblog2.jpg" \/><\/span>\
<span class="day">' + date + '<\/span><span class="title">' + shortTitle + '<\/span>\
<\/a><\/li>';
				// 記事生成
				var entry = '<li id="tumblrEntry' + i + '"><dl><dt class="day">' + date + '<\/dt>\
<dt class="title"><a href="' + url + '" target="_blank">' + title + '<\/a><\/dt>\
<dt class="photo"><a href="' + url + '" target="_blank"><img src="' + src + '" /></a><\/dt>\
<\/dl><\/li>';

				//<dt class="photo"><img src="' + src + '" width="410" alt="Photo" \/><\/dt>\
	
				// サムネイルを追加
				$(idName).append(thumbnail);
				$(idName + ' li#tumblr' + i).click(function() {
					window.location.href = blogLocation + '#tumblrEntry' + i;
				});
				// 記事を追加
				$(entryIdName).append(entry);
				// 全記事表示用にまとめておく
				content += entry;
			});
			// 記事を ul で括る
			$(entryIdName + ' li').wrapAll('<ul class="main clearFix"><\/ul>');
			// サムネイルを ul で括る
			$(idName + ' li').wrapAll('<ul class="photoblog clearFix"><\/ul>');
			// 全記事を表示
			$(buttonIdName).click(function() {
				$(entryIdName + ' ul').remove();
				$(entryIdName).append(content);
				$(entryIdName + ' li').wrapAll('<ul class="main clearFix"><\/ul>');
			});
			// アンカーを拾う
			var winLoc = window.location.href;
			var entryId = winLoc.split(blogLocation)[1];
			if (entryId != '' && entryId != undefined) {
				window.location.href = blogLocation + entryId;
			}
		},
		//エラー表示
		error: function(xml){
			$(idName).append('<p>failure to read feed...<\/p>');
		}
	});
	//月表示を数字表示に変換する
	var dateChanger = function(str){
		var mydate = new Date(str);
		yy = mydate.getFullYear();
		mm = mydate.getMonth() + 1;
		dd = mydate.getDate();
		if (mm < 10) { mm = "0" + mm; }
		if (dd < 10) { dd = "0" + dd; }
		datestr = yy + "." + mm + "." + dd;
		return datestr;
	};
});