function swapOnRoster(first_name,last_name,handle){
	var rosterHandle = document.getElementById('rosterHandle');
	rosterHandle.innerHTML=first_name+' "<strong><span id="nickname">'+handle+'</span></strong>" '+last_name;
}

function swapOffRoster(){
	var rosterHandle = document.getElementById('rosterHandle');
	rosterHandle.innerHTML='Select to view profile';
}

function show_roster(div_id) {
	// hide all the roster
    document.getElementById('roster_1').style.display = 'none';
    document.getElementById('roster_2').style.display = 'none';
    document.getElementById('roster_3').style.display = 'none';
    document.getElementById('roster_4').style.display = 'none';
    document.getElementById('roster_5').style.display = 'none';
    document.getElementById('roster_6').style.display = 'none';
    document.getElementById('roster_7').style.display = 'none';
	
	    // show the requested div
    document.getElementById(div_id).style.display = 'block';
}