var currentFlagId = 0;
var currentFlag = null;

function flagShow(id, imgOn, imgOff)
{
	var flag = document.getElementById('flag_' + id);
	var flagInfo = document.getElementById('flag_' + id + '_info');
	var flagLink = document.getElementById('flag_' + id + '_link');
	var flagInfoContainer = document.getElementById('flag_info_container');
	
	flagLink.style.fontWeight = 'bold';
	if(currentFlagId > 0)
	{
		flagLink = document.getElementById('flag_' + currentFlagId + '_link');
	}
	flagLink.style.fontWeight = '';
	
	if(!flagInfoContainer)
	{
		flagInfo.style.display = 'block';
	
		if(currentFlagId > 0)
		{
			flagInfo = document.getElementById('flag_' + currentFlagId + '_info');
		}
		
		flagInfo.style.display = 'none';
	}
	else
	{
		flagInfoContainer.innerHTML = flagInfo.innerHTML;
	}
	
	if(currentFlag)
	{
		currentFlag.src = imgOff;
		currentFlag.style.width = '24px';
		currentFlag.style.height = '24px';
		currentFlag.style.top = (parseInt(currentFlag.style.top) + 18) + 'px';
		currentFlag.style.left = (parseInt(currentFlag.style.left) + 7) + 'px';
	}
	
	
	flag.src = imgOn;
	flag.style.width = '48px';
	flag.style.height = '48px';
	flag.style.top = (parseInt(flag.style.top) - 18) + 'px';
	flag.style.left = (parseInt(flag.style.left) - 7) + 'px';
	currentFlag = flag;
	
	currentFlagId = id;
}