function createScrollerNav(pViewPortID,pWrapperID,pScrollFunction){
	// Dynamically generate navigation links from articles
	// for the mini slider/scroller
	
	//get all articles
	var newsArticles = $(pViewPortID).getElements('div.article');
	
	for(var i=0;i<newsArticles.length;i++){
		//create nav for each article
		var myLI = new Element('li');
		var myLink = new Element('a',{
				'href':'#',
				'html':i+1,
				'id': 'media-navigator-'+i
		});
		//first link is active by default
		myLink.addClass(i==0?'active':'');
		//add clicky event
		myLink.addEvent('click', pScrollFunction);
		//put link inside LI
		myLI.grab(myLink);
		//put LI inside UL
		$(pWrapperID).getElement('ul.navigator').grab(myLI);

	}
	//safari fix
	$(pViewPortID).getElement('div.articles').tween('left',0);
	
}

function caseStudiesScroll(event){
	event.stop();
	var a = $('case-studies-viewport').getElement('div.articles');

	var dest = this.id;
	
	dest = Number(dest.substring(16));
	var viewportWidth = $('case-studies-viewport').getStyle('width');
	viewportWidth = Number(viewportWidth.substr(0,viewportWidth.length-2));
	//console.log('viewportWidth',viewportWidth);
	a.tween('left',dest * -viewportWidth);
	$('case-studies').getElement('a.active').removeClass('active');
	this.addClass('active');
	
}