var cur_popular_tabid, cur_head_tabid;

function setStyles(new_tabid, context) {
	// show content
	document.getElementById('div'+cur_tabid+'_'+context).className = 'hide';
	document.getElementById('div'+new_tabid+'_'+context).className = 'show';
	
	// show tab
	document.getElementById('tab'+cur_tabid+'_'+context).className = 'tab-unselected';
	document.getElementById('tab'+new_tabid+'_'+context).className = 'tab-selected';
}
	
function showTab(new_tabid, context) {
	// set current id based on context
	switch(context) {
	case 'popular':
		cur_tabid = cur_popular_tabid;
		setStyles(new_tabid, context);
		cur_popular_tabid = new_tabid;
		break;    
	case 'headlines':
		cur_tabid = cur_head_tabid;
		setStyles(new_tabid, context);
		cur_head_tabid = new_tabid;
	}
	return false;
}