var sMe2API = "/lib/getMe2Post.php";

var ajax = $Ajax(sMe2API, {  
  	type : "get",
 	onload : function(res) {  
      	var aData = res.json();
		putContent(aData);
   }  
}).request();
ajax = null;


var aPostTpl = [ 
	"<div id='#POSTID' class='post'>",
		"<span calss='date'><a href='#PERMALINK'>#DATE</a></span>",
		"<div class='photo #DISPLAY'>#MEDIA</div>",
 		"<div class='text'>#BODY</div>",
		"<div class='tags'>#TAGS</div>",
	"</div>"
];


var getTagHTML = function(aTag){
	var sTagTpl = "<span class='tag'><a href='#URL'>#NAME</a></span>";
	var aTagHTML = [];
	for(var i=0; i<aTag.length; ++i){
		aTagHTML.push(sTagTpl.replace(/#NAME/,aTag[i].name).replace(/#URL/,aTag[i].url));
	}

	return aTagHTML.join(" ");
};


var getPhotoHTML = function(oMedia){
	var sPhotoTpl = "<a href='#PERMALINK'><img src='#IMAGE'/></a>";
	
	return sPhotoTpl.replace(/#IMAGE/, oMedia.photoUrl).replace(/#PERMALINK/, oMedia.permalink);
};

var putContent = function(aData){
	var oData, i, sHTML;
	var sTpl = aPostTpl.join("");
	var aHTML = [];
	for(i=0; i<aData.length ; ++i){
		oData = aData[i];
		
		// TAG Create
		var sTagHTML = getTagHTML(oData.tags);
		
		// Media Display
		var sMediaHTML = "";
		var sDisplay = "hide";
		if(oData.contentType == "me2photo"){
			sMediaHTML = getPhotoHTML(oData.media);
			sDisplay = "show";
		}
				
		aHTML.push(sTpl
				.replace(/#POSTID/, oData.post_id)
				.replace(/#PERMALINK/, oData.permalink)
				.replace(/#DATE/, oData.pubDate.split("T")[0])
				.replace(/#MEDIA/, sMediaHTML)
				.replace(/#DISPLAY/, sDisplay)
				.replace(/#BODY/, oData.body)
				.replace(/#TAGS/, sTagHTML));
	}
	
	$("content").innerHTML = aHTML.join("") + $("content").innerHTML;
}