/*
 * 初期設定
 */
//表示件数
var display = 30;

//画像フォルダ
var img_path = '/shared/site_en/images/navi/menu/';

//タイトル画像
var img_title = '/shared/site_en/images/navi/menu/facebook_ttl.gif';



/*
 * Facebookページ取得
 */
google.load("feeds", "1");
$.gFeed = function(url, options, callback){
	var opt = $.extend({q: url, v: '1.0', num: display}, options);
	if (!opt.q) return false;
	$.getJSON('http://ajax.googleapis.com/ajax/services/feed/load?callback=?',
		opt,
		function(data){
			if (data) callback.call(this, data.responseData.feed);
		}
	);
};

var ranking;
$(function(){
	
	//Wallクリック時
	$('#btn_fb_wall').live("click",function(){
		$('#tmp_fb_wall').show();
		$('#tmp_fb_like').hide();
		$('#img_fb_wall').attr('src',img_path + 'fb_wall_ttl_on.gif');
		$('#img_fb_like').attr('src',img_path + 'fb_like_ttl_off.gif');
		return false;
	});
	
	//Likeクリック時
	$('#btn_fb_like').live("click",function(){
		$('#tmp_fb_wall').hide();
		$('#tmp_fb_like').show();
		$('#img_fb_wall').attr('src',img_path + 'fb_wall_ttl_off.gif');
		$('#img_fb_like').attr('src',img_path + 'fb_like_ttl_on.gif');
		return false;
	});
	
	//Facebookページ生成
	$('.facebook').each(function(){
		var elm = $(this);
		var uid = $(this).attr('id').replace('facebook_','');
		var rssFeedUrl = 'http://www.facebook.com/feeds/page.php?format=atom10&id='+uid;
		var pictureUrl = 'https://graph.facebook.com/'+uid+'/picture';
		var fanPageUrl = 'http://www.facebook.com/pages/Social-Media-Experience/'+uid;
		
		getLikeRank();
		$.gFeed(rssFeedUrl, {},
			function(feed){
				var data = '';
				//data += '<div id="tmp_facebook" class="tab_menu">';
				data += '<div id="tmp_facebook">';
				data += '<div id="tmp_facebook_ttl">';
				data += '<h2><img src="'+ img_title +'" width="80" height="34" alt="facebook" /></h2>';
				data += '<ul>';
				data += '<li><a href="#" id="btn_fb_wall"><img src="'+ img_path +'fb_wall_ttl_on.gif" id="img_fb_wall" width="129" height="28" alt="Wall" /></a></li>';
				data += '<li><a href="#" id="btn_fb_like"><img src="'+ img_path +'fb_like_ttl_off.gif" id="img_fb_like" width="129" height="28" alt="Most Liked Pages" /></a></li>';
				data += '</ul>';
				data += '</div>';
				data += '<div id="tmp_facebook_cnt">';
				data += '<div class="box_headers">';
				data += '<p class="image"><img src="'+ pictureUrl +'" width="40" height="40" alt="" /></p>';
				data += '<p class="title"><a href="'+ fanPageUrl +'"><span class="title_id">'+ feed.title +'</span> on Facebook</a></p>';
				data += '</div>';
				data += '<div class="wrap_box_articles">';
				data += '<div id="tmp_fb_wall" class="box_articles">';
				
				$(feed.entries).each(function() {
					if(this.title != ''){
						data += '<div class="box_article">';
						data += '<p>'+ this.content +'</p>';
						data += '<p class="time">'+ changeDate(this.publishedDate) +'</p>';
						data += '</div>';
					}
				});
				data += '</div>';
				data += '<div id="tmp_fb_like" class="box_articles">';
				data += ranking;
				data += '</div></div></div></div>';
				$(elm).html(data);
				
				//初期表示
				$('#tmp_fb_wall').show();
				$('#tmp_fb_like').hide();
			}
		);
	});
});

/*
 * 日付変換
 */
function changeDate(str){
	dt = new Date(str);
	dw = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
	if(dt.getHours() - 12 < 0){
		hour = dt.getHours();
		ampm = 'am';
	} else {
		hour = dt.getHours() - 12;
		ampm = 'pm';
	}
	return dw[dt.getDay()] +' at '+ hour +':'+ dt.getMinutes() +' am ';
}

/*
 * ランキング取得
 */
function getLikeRank(){
	var default_lang = 'en';
	var lang = $(this).attr('lang');
	lang = (typeof lang=='undefined')?default_lang:lang;
	lang = (lang == '')?default_lang:lang;
	var url  = '/facebook/';
	$.ajax({
		url : url,
		cache : false,
		async : false,
		success : function(ret){
			ranking = ret;
		},
		error : function(XMLHttpRequest, textStatus, errorThrow){
			ranking = "There's no information currently available.";
		}
	});
}