var $j = jQuery.noConflict();
$j(function() {
    var id = '97154895492';
    var interval = 5*1000;
    var maxStrLength = 55;
    var target = $j(".facebookarea .message");
	target.html("now loading facebook feed. Please wait for a minute.");
	
    $j.getJSON("https://graph.facebook.com/" + id + "/feed?callback=?", function(json) {

        var view = {
            wall:json,
            count:0,
            max:0,
            init:function() {
                this.cleanWall();
                this.setMax();
                this.run();
            },
            cleanWall:function() {
                var data = this.wall.data;
                var len = data.length-1;
                var i;
                for(i = len; i >= 0; i--){
                    if(data[i].from.id != id){
                        data.splice(i,1);
                    }
                }
                
                this.wall.data = data;
            },
            setMax:function() {
                this.max = (this.wall.data.length<10)?this.wall.data.length:10;
            },
            getMessage:function(message) {
                if(message.length>maxStrLength) {
                    return message.slice(0,maxStrLength) + "...";
                } else {
                    return message;
                }
            },
			getDate:function(date){
				return date.slice(0,date.indexOf("T")).replace(/-/g,"/");
			},
            run:function() {
                if(this.count<this.max){
					var info = this.wall.data[this.count];
                    target.html('<strong>' + this.getDate(info.updated_time) + '</strong><br><a href="http://www.facebook.com/myseiko" target="_blank">' + this.getMessage(info.message)+'</a>');
                    this.count++;
                } else {
                    this.count=0;
                }
            }
        };
        
        view.init();
        setInterval(function(){
            view.run();
        },interval);
    });
});