require(["js/jindo.min"], function(jindo) {
    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];
    		
            // get Today Contents
//            var sToday = oData.pubDate.split("T")[0];
//            var today = $Date().format("Y-m-d");
//            if(sToday != today){ continue; }
            
    		// 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;
    }
    
    
    
    
    
});