function twitter(container, id, count){
	// show spinner for loading
	$.mobile.pageLoading();

	$.getJSON("http://api.twitter.com/1/statuses/user_timeline.json?screen_name="+id+"&count="+count+"&callback=?", function(data){
		$.each(data, function(){

			// html을 미리 생성해두어야 jquery mobile의 초기화 시점에
			// 자동적으로 설정되는 값들이 설정됨
			// 그 결과를 클론하여 ajax의 값을 설정하고 
			// 페이지에 추가해야 정상적으로 노출됨
			// 동적으로 엘리먼트를 생성할 경우 jquery mobile에서 기본적으로
			// 생성하는 값들이 생성되지 않아 스타일이 적용되지 않음
			var tweet = $('#tweetTemplate').clone();
			tweet.removeAttr('id');
			tweet.removeAttr('style');
			tweet.find('img').attr('src', this.user.profile_image_url);
			tweet.find('a').attr('href', 'http://www.twitter.com/' + this.user.screen_name + '/status/' + this.id_str);
			tweet.find('span#tweet').append(this.text);
			tweet.find('a').bind("click", function(){
				console.log("clicked!!");
			});

			//tweet.find('p').append(this.user.screen_name);

			$(container).append(tweet);

		});

		// pageLoading 표시가 정상적으로 동작하는 시점이
		// 별도로 있을 가능성도 있음
		// 현재 위치 외의 다른 위치에 뒀을 때 정상적으로 동작을 안했는데
		// 그 원인이 위치 문제인지 네트워크 속도 문제인지
		// (ajax로 내용을 불러오므로) 확인 안됨
		// Ajax 처리와 관련된 곳에 위치해야 하는 것일까?

		// hide spinner for loading
		$.mobile.pageLoading(true);

	});

}

function me2day(container, id, count){
	$.mobile.pageLoading();

	$.getJSON("http://me2day.net/api/get_posts/"+id+".json?count="+count+"&callback=?", function(data){
		$.each(data, function(){

			var me2 = $('#me2Template').clone();
			me2.removeAttr('id');
			me2.removeAttr('style');
			me2.find('img').attr('src', this.author.face);
			me2.find('a').attr('href', this.permalink);
			me2.find('a').attr('rel', 'external');
			me2.find('a h3').append(this.body);
			me2.find('#cmtCount').text(this.commentsCount);

			var tags = "";
			$.each(this.tags, function(){
				tags += " " + this.name;	
			});

			me2.find('p').text($.trim(tags));

			$(container).append(me2);

		});

		$.mobile.pageLoading(true);

	});
}


// pageshow라는 이벤트가 발생할 때 (페이지 전환이 일어날 때)
// 특정한 기능을 실행하도록 이벤트를 설정한다.
// $(document).ready() 와 유사한 시점에 동작하는 것으로
// 이해하면 될 듯

$("#twitter").one("pageshow", function(e){
	var count = 8;
	var id = "inome";

	twitter($('#tweets'), id, count);

});

$("#me2day").one("pageshow", function(e){
	var count = 8;
	var id = "inome";

	me2day($('#me2'), id, count);

});