// index page tabs
function checktab(id)
{
	switch (id)
	{
		case 'tab1':	alltab();
						document.getElementById("tab1").style.display = 'none';
						document.getElementById("tab1on").style.display = 'block';
						document.getElementById("tab1content").style.display = 'block';
						break;
		
		
		case 'tab2':	alltab();
						document.getElementById("tab2").style.display = 'none';
						document.getElementById("tab2on").style.display = 'block';
						document.getElementById("tab2content").style.display = 'block';
						break;
		
		case 'tab3':	alltab();
						document.getElementById("tab3").style.display = 'none';
						document.getElementById("tab3on").style.display = 'block';
						document.getElementById("tab3content").style.display = 'block';
						break;
						
		case 'tab4':	alltab();
						document.getElementById("tab4").style.display = 'none';
						document.getElementById("tab4on").style.display = 'block';
						document.getElementById("tab4content").style.display = 'block';
						break;
	}
}


function alltab()
{
	for(i=1;i<=4;i++)
	{
		document.getElementById("tab"+i).style.display = 'block';
	}
	for(i=1;i<=4;i++)
	{
		document.getElementById("tab"+i+"on").style.display = 'none';
	}
	for(i=1;i<=4;i++)
	{
		document.getElementById("tab"+i+"content").style.display = 'none';
	}
}


function roitab(id)
{
	switch (id)
	{
		case 'roi1':	for(i=1;i<=4;i++)
							{
								document.getElementById("roi"+i).className = 'overviewbg1';
							}
						document.getElementById("roi1").className = 'overviewbg';
						break;
		
	}
}