function getCardHtmlId( card_id )
{
	var card_html_id = new Array() ;
	card_html_id[0] = 'p_card_small' ;
	card_html_id[1] = 'p_card' ;
	return card_html_id[card_id] ;
}
function getCards()
{
	var cards = new Array() ;
	for( var k = 0; k <= 1; ++k )
		cards[k] = document.getElementById( getCardHtmlId( k ) ) ;
	return cards ;
}
function showCard( card_id, member_id )
{
	var cards = getCards() ;
	var card = cards[ card_id ] ;

	document.getElementById( 'li_member_' + member_id ).className = 'hover' ;
	document.getElementById( 'img_member_' + member_id ).className = 'hover' ;
	card.innerHTML = document.getElementById( "member_" + member_id ).innerHTML ;
	card.style.display = 'block' ;
}
function moveCard( card_id, member_id )
{
	var cards = getCards() ;
	var card = cards[ card_id ] ;
	var pos = getPosition( document.getElementById( 'img_member_' + member_id ) ) ;
	var people = document.getElementById( 'people' ) ;
	var people_pos = getPosition( document.getElementById( 'people' ) ) ;
	var max_width = getElementWidth('people') ;
	pos.left = people_pos.left + max_width - getElementWidth( getCardHtmlId( card_id ) ) ;
	moveTo( card, pos ) ;
}
function hideCard( card_id, member_id )
{
	var cards = getCards() ;
	var card = cards[ card_id ] ;

	document.getElementById( 'li_member_' + member_id ).className = '' ;
	document.getElementById( 'img_member_' + member_id ).className = '' ;
	card.style.display = 'none' ;
}