var ActivityListRightTemplate = new Template('<a#{nUrl} class="titleSquare"><strong>#{nTitle}</strong></a>#{nFileSrc}#{nSeparator}');
var ActivityListRight = Class.create({
    initialize: function(jsonA){
        this.arActivity = jsonA.jsonActivity;
       	this.getContent();
    },
    getContent : function(){
    	var count = 0;
    	var today = new Date();
        this.arActivity.each(
            function(item){
                if(new Date(item.nStart) <= today && new Date(item.nEnd) >= today){
                    count++;
                }
            } 
        );
        if(count == 0){
            $('ActivityZoneRight').style.display = 'none';
        }
        else{
            if(count <= 3){
                $('ActivitySeeAll').style.display = 'none';
            }
    	    var i = 1;
    	    var separator = '';
            this.arActivity.each(
                function(item){
                    if(new Date(item.nStart) <= today && new Date(item.nEnd) >= today){
                        if(i <= 3){
                            if(i == count || i == 3){
                                separator = '';
                            }
                            else{
                                separator = '<hr class="line_right_light" />';
                            }
		                    $('ActivityListRight').insert(
		                    ActivityListRightTemplate.evaluate({
			                    nTitle: item.nTitle,
			                    nFileSrc: item.nFileSrc,
			                    nUrl: item.nUrl,
			                    nSeparator: separator
		                    }));
                        }
                        i++;
                    }
                } 
            );
        }
    }
    })
new ActivityListRight(jsonA);