var ArticleList = {
	Init : function() {
		this.aoArticles = $('ol#article-list li');
		if (this.aoArticles.length > this.iVisible - 1) {
			var sButton = $('<a class="show-all" href="#">Show all</a>');
			$(sButton).click(function(){ ArticleList.ShowAll(); $(this).fadeOut('fast'); return false; });
			$('ol#article-list').parent().append(sButton)
		}
		for (var i = 0; i < this.iVisible; i++) {
			$(this.aoArticles[i]).fadeIn('slow');
		}
	},
	ShowAll : function() {
		for (var i = this.iVisible; i < this.aoArticles.length; i++) {
			$(this.aoArticles[i]).fadeIn('slow');
		}
	},
	aoArticles : [],
	iVisible : 5
}
$(document).ready(function(){ ArticleList.Init(); });

var ArticleList2 = {
	Init : function() {
		this.aoArticles = $('ol.article-list li');
		if (this.aoArticles.length > this.iVisible - 1) {
			var sButton = $('<a class="show-all" href="#">Show all</a>');
			$(sButton).click(function(){ ArticleList2.ShowAll(); $(this).fadeOut('fast'); return false; });
			$('ol.article-list').parent().append(sButton)
		}
		for (var i = 0; i < this.iVisible; i++) {
			$(this.aoArticles[i]).fadeIn('slow');
		}
	},
	ShowAll : function() {
		for (var i = this.iVisible; i < this.aoArticles.length; i++) {
			$(this.aoArticles[i]).fadeIn('slow');
		}
	},
	aoArticles : [],
	iVisible : 5
}
$(document).ready(function(){ ArticleList2.Init(); });