//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 SearchTab(Tab)
{
	document.getElementById('SearchTab').style.backgroundImage='url(2010graphics/narrow-tab'+Tab+'.jpg)';
	document.getElementById('Tab1').style.display='none';
	document.getElementById('Tab2').style.display='none';
	document.getElementById('Tab3').style.display='none';
	document.getElementById('Tab4').style.display='none';
	document.getElementById('Tab'+Tab).style.display='block';
//	alert(Tab)
}


function SwitchTab(Area,Show,Text)
{

//FF	
//<img src="<%=URL%>/2010graphics/arr-white.png" border="0" height="9" width="10">
//IE
//<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" />

/*document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('<img src=\"2010graphics/arr-white.png\"','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' width=\"10\"','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' height=\"9\"','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' border=\"0\"','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' />','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' >','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('>','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('/>','');
document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('&gt;','');
alert(document.getElementById(Area+'Text1').innerHTML)
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('<img src=\"2010graphics/arr-white.png\"','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' width=\"10\"','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' height=\"9\"','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' border=\"0\"','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' />','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' >','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('>','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('/>','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('&gt;','');

document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('<img src=\"2010graphics/arr-white.png\"','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' width=\"10\"','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' height=\"9\"','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' border=\"0\"','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' />','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' >','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('>','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('/>','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('&gt;','');

document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('<img src=\"2010graphics/arr-white.png\"','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' width=\"10\"','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' height=\"9\"','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' border=\"0\"','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' />','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace(' >','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('>','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('/>','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('&gt;','');



document.getElementById(Area+'Text1').innerHTML=document.getElementById(Area+'Text1').innerHTML.replace('...','');
document.getElementById(Area+'Text2').innerHTML=document.getElementById(Area+'Text2').innerHTML.replace('...','');
document.getElementById(Area+'Text3').innerHTML=document.getElementById(Area+'Text3').innerHTML.replace('...','');
document.getElementById(Area+'Text4').innerHTML=document.getElementById(Area+'Text4').innerHTML.replace('...','');
*/	
	switch (Show)
	{
		case "1":
			document.getElementById(Area+'Link1').style.backgroundImage='url(2010graphics/ccp_blc2.png)';
			document.getElementById(Area+'Link2').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link3').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link4').style.backgroundImage='url(2010graphics/ccp_brc1.png)';
			document.getElementById(Area+'Tab1').style.display='block';
			document.getElementById(Area+'Tab2').style.display='none';
			document.getElementById(Area+'Tab3').style.display='none';
			document.getElementById(Area+'Tab4').style.display='none';
			document.getElementById(Area+'Text1On').style.display='block';
			document.getElementById(Area+'Text2On').style.display='none';
			document.getElementById(Area+'Text3On').style.display='none';
			document.getElementById(Area+'Text4On').style.display='none';
			document.getElementById(Area+'Text1Off').style.display='none';
			document.getElementById(Area+'Text2Off').style.display='block';
			document.getElementById(Area+'Text3Off').style.display='block';
			document.getElementById(Area+'Text4Off').style.display='block';
			/*document.getElementById(Area+'Text1').innerHTML=Text+"...";
			document.getElementById(Area+'Text2').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text2').innerHTML;
			document.getElementById(Area+'Text3').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text3').innerHTML;
			document.getElementById(Area+'Text4').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text4').innerHTML;*/
			break;
		case "2":
			document.getElementById(Area+'Link1').style.backgroundImage='url(2010graphics/ccp_blc1.png)';
			document.getElementById(Area+'Link2').style.background='#6D97B3';
			document.getElementById(Area+'Link3').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link4').style.backgroundImage='url(2010graphics/ccp_brc1.png)';
			document.getElementById(Area+'Tab1').style.display='none';
			document.getElementById(Area+'Tab2').style.display='block';
			document.getElementById(Area+'Tab3').style.display='none';
			document.getElementById(Area+'Tab4').style.display='none';
			document.getElementById(Area+'Text1On').style.display='none';
			document.getElementById(Area+'Text2On').style.display='block';
			document.getElementById(Area+'Text3On').style.display='none';
			document.getElementById(Area+'Text4On').style.display='none';
			document.getElementById(Area+'Text1Off').style.display='block';
			document.getElementById(Area+'Text2Off').style.display='none';
			document.getElementById(Area+'Text3Off').style.display='block';
			document.getElementById(Area+'Text4Off').style.display='block';
			/*document.getElementById(Area+'Text1').innerHTML='<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> '+document.getElementById(Area+'Text1').innerHTML;
			document.getElementById(Area+'Text2').innerHTML=Text+"...";
			document.getElementById(Area+'Text3').innerHTML='<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> '+document.getElementById(Area+'Text3').innerHTML;
			document.getElementById(Area+'Text4').innerHTML='<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> '+document.getElementById(Area+'Text4').innerHTML;*/
			break;
		case "3":
			document.getElementById(Area+'Link1').style.backgroundImage='url(2010graphics/ccp_blc1.png)';
			document.getElementById(Area+'Link2').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link3').style.background='#6D97B3';
			document.getElementById(Area+'Link4').style.backgroundImage='url(2010graphics/ccp_brc1.png)';
			document.getElementById(Area+'Tab1').style.display='none';
			document.getElementById(Area+'Tab2').style.display='none';
			document.getElementById(Area+'Tab3').style.display='block';
			document.getElementById(Area+'Tab4').style.display='none';
			document.getElementById(Area+'Text1On').style.display='none';
			document.getElementById(Area+'Text2On').style.display='none';
			document.getElementById(Area+'Text3On').style.display='block';
			document.getElementById(Area+'Text4On').style.display='none';
			document.getElementById(Area+'Text1Off').style.display='block';
			document.getElementById(Area+'Text2Off').style.display='block';
			document.getElementById(Area+'Text3Off').style.display='none';
			document.getElementById(Area+'Text4Off').style.display='block';			/*document.getElementById(Area+'Text1').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text1').innerHTML;
			document.getElementById(Area+'Text2').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text2').innerHTML;
			document.getElementById(Area+'Text3').innerHTML=Text+"...";
			document.getElementById(Area+'Text4').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text4').innerHTML;*/
			break;
		case "4":
			document.getElementById(Area+'Link1').style.backgroundImage='url(2010graphics/ccp_blc1.png)';
			document.getElementById(Area+'Link2').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link3').style.backgroundImage='url(2010graphics/ccp_br1.png)';
			document.getElementById(Area+'Link4').style.backgroundImage='url(2010graphics/ccp_brc2.png)';
			document.getElementById(Area+'Tab1').style.display='none';
			document.getElementById(Area+'Tab2').style.display='none';
			document.getElementById(Area+'Tab3').style.display='none';
			document.getElementById(Area+'Tab4').style.display='block';
			document.getElementById(Area+'Text1On').style.display='none';
			document.getElementById(Area+'Text2On').style.display='none';
			document.getElementById(Area+'Text3On').style.display='none';
			document.getElementById(Area+'Text4On').style.display='block';
			document.getElementById(Area+'Text1Off').style.display='block';
			document.getElementById(Area+'Text2Off').style.display='block';
			document.getElementById(Area+'Text3Off').style.display='block';
			document.getElementById(Area+'Text4Off').style.display='none';
			/*document.getElementById(Area+'Text1').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text1').innerHTML;
			document.getElementById(Area+'Text2').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text2').innerHTML;
			document.getElementById(Area+'Text3').innerHTML="<img src=\"2010graphics/arr-white.png\" width=\"10\" height=\"9\" border=\"0\" /> "+document.getElementById(Area+'Text3').innerHTML;
			document.getElementById(Area+'Text4').innerHTML=Text+"...";*/
			break;
	}
}


function SmallSwitchTab (Area,Show,Colour)
{
	switch (Show)
	{
		case "Top":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-over.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			break;
		case "Mid":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-over.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			break;
		case "Bot":
			document.getElementById('Area'+Area+'Top').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			document.getElementById('Area'+Area+'Mid').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-out.jpg)';
			document.getElementById('Area'+Area+'Bot').style.backgroundImage='url(2010graphics/dsi-'+Colour+'-over.jpg)';
			break;
	}
}