//tab switcher-nik 22-oct-09

//pass the function two variables, one is the area we want to change, the second is actual tab we want to show

//display='block' shows that tab's text (placed in a hidden div tag on the parent page)
//display='none' stops that tab's text from showing
//show hayley's background images/colours for the chosen tabs
function ShowVid()
{
	document.getElementById('Vid').style.display = 'block';
	document.getElementById('VidPic').style.display = 'none';
}

function SmallSwitchTab (Area,Show,News)
{
	switch (Show)
	{
		case "Top":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(graphics/homerolloverlightblue.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('News1').style.display='block';
			document.getElementById('News2').style.display='none';
			document.getElementById('News3').style.display='none';
			break;
		case "Mid":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(graphics/homerolloverlightblue.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('News1').style.display='none';
			document.getElementById('News2').style.display='block';
			document.getElementById('News3').style.display='none';
			break;
		case "Bot":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(graphics/homerolloverdarkblue.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(graphics/homerolloverlightblue.jpg)';
			document.getElementById('News1').style.display='none';
			document.getElementById('News2').style.display='none';
			document.getElementById('News3').style.display='block';
			break;
	}
}


