var news = new Array();

news['current-events'] = new Array();
news['current-events']['id'] = 'current-events';
news['current-events']['status'] = 'idle';
news['current-events']['page'] = 1;
news['current-events']['margin-top'] = '0px';

news['latest-articles'] = new Array();
news['latest-articles']['id'] = 'latest-articles';
news['latest-articles']['status'] = 'idle';
news['latest-articles']['page'] = 1;
news['latest-articles']['margin-top'] = '0px';


news['latest-news'] = new Array();
news['latest-news']['id'] = 'latest-news';
news['latest-news']['status'] = 'idle';
news['latest-news']['page'] = 1;
news['latest-news']['margin-top'] = '0px';





function slide_down(id)
	{
	
		if(news[id]['status'] == 'idle')
		{
		var pages = ceil(count(id)/2);
		
			if(news[id]['page'] < pages)
			{
			news[id]['page'] = news[id]['page'] + 1;
			slide_to(id, news[id]['page']);
			}
		
		} 

	}
	
	
	
	
	
	
	
function slide_up(id)
	{
	
		if(news[id]['status'] == 'idle')
		{
		var pages = ceil(count(id)/2);
		
			if(news[id]['page'] > 1)
			{
			news[id]['page'] = news[id]['page'] - 1;
			slide_to(id, news[id]['page']);
			}
		
		}

	}









	
function count(id)
	{
	var ul = document.getElementById(id);
	var i=0, c =0;
	
		while(ul.getElementsByTagName('li')[i++])
		{
		c++;
		}
	
	return c;
	}
	





	
	
function slide_to(id, n)
	{
	news[id]['status'] = 'sliding';
	var margin_top_end = (180 * (n-1));
	(margin_top_end > 0) ? margin_top_end='-'+margin_top_end+'px' : margin_top_end=margin_top_end+'px';

	
	var fxSlide = new Fx.Tween(id, {duration:500});
	fxSlide.start('margin-top', news[id]['margin-top'], margin_top_end);
	
	var finish = setTimeout(function(){finish_slide(id, margin_top_end)},510);
	}
	
	
	
	
function finish_slide(id, value)
	{
	check_arrows(id, news[id]['page']);
			
	news[id]['status'] = 'idle';
	news[id]['margin-top'] = value;
	}
	
	
	
function check_arrows(id, current)
	{
	var total = ceil(count(id)/2);

	var up;
	(current > 1) ? up="arrow up" : up="arrow up off";
	
	var down;
	(current < total) ? down="arrow down" : down="arrow down off";
	
	
		if( (up == 'arrow up off') && (down == 'arrow down off') )
		{
		document.getElementById(id+'-nav').style.display = 'none';
		}
	
	
	document.getElementById(id+'-nav').innerHTML = 'View More <a class="'+up+'" href="#" onclick="slide_up(\''+id+'\'); return false">Up</a> <a class="'+down+'" href="#" onclick="slide_down(\''+id+'\'); return false">Down</a>';
	}