function articleToggle(){
	var show_count = 5,
		all_count = 0,
		show_height = 0,
		all_height = 0,
		mainBox	= $(this),
		itemsBox = mainBox.find('div.article_items'),
		$items = $('div.item', itemsBox),
		moreBox	= mainBox.find('div.article_more');
	var initToogle = function (i, item) {
		var height = $(item).innerHeight();
		//
		if($(item).is("div")){
			if (i < show_count) {
				show_height += height;
			}
			all_height += height;
		} else if ($(item).is("tr")) {
			if (i === 0 || i === 1) {
				show_height += height;
				all_height = $(item).parents("table").innerHeight();
			}
		}
		all_count += 1;
	};
	// check records with div.item or screencast box
	if ($items.length !== 0) {
		$items.each(function(i, item){
			initToogle(i, item);
		});
	} else {
		$('table tr', itemsBox).each(function (i, item) {
			initToogle(i, item);
		});
	}
	//
	if (all_count > show_count) {	
		var moreSlide = mainBox.find('a.moreLink');
		itemsBox.height(show_height);
		moreSlide.click(function(e){
			if ($(this).hasClass('active')) {
				itemsBox.animate({height:show_height}, 'slow', function(){
					moreSlide.text('See More');
				});
			} else {
				itemsBox.animate({height:all_height}, 'slow', function(){
					moreSlide.text('See Less');
				});
			}
			$(this).toggleClass('active');
			e.preventDefault();
		});
	} else {
		moreBox.html('');
	}
}