function ChangeCard(sex,button)
{
	switch(sex)
	{
		case 'M':
			if(button == 'F')
			{
				document.getElementById('cardLayoutMale').style.zIndex = 5;
				document.getElementById('cardLayoutFemale').style.zIndex = 10;
				if (document.getElementById('topTenFemale') != null)
				{
					document.getElementById('topTenMale').style.zIndex = 5;
					document.getElementById('topTenFemale').style.zIndex = 10;
				}
			}
			break;
		case 'F':
			if(button == 'M')
			{
				document.getElementById('cardLayoutFemale').style.zIndex = 5;
				document.getElementById('cardLayoutMale').style.zIndex = 10;
				if (document.getElementById('topTenFemale') != null)
				{
					document.getElementById('topTenFemale').style.zIndex = 5;
					document.getElementById('topTenMale').style.zIndex = 10;
				}
			}
			break;
		default:
			//alert('invalid sex:'+sex);
			break;
	}
}

function ChangeCardByList()
{
	if(document.getElementById('dROSexList').value == 'M')
	{
		ChangeCard('F','M')		
	}
	else if(document.getElementById('dROSexList').value == 'F')
	{
		ChangeCard('M','F');
	}
	else
	{
		alert('invaild dROSexList.value ='+dROSexList.value);
	}
}

function ChangeCourse()
{
	current_page = location.href
	get_param = 'course_id='+document.getElementById('dROCourseIDList').value
	location.href = current_page+'&'+get_param;
}