<!-- hide from non JavaScript Browsers

Image1= new Image(175,34)
Image1.src = "images/roundedtab.png"

Image2 = new Image(175,34)
Image2.src = "images/roundedtab2.png"

Image3 = new Image(175,34)
Image3.src = "images/roundedtab3.png"

Image4 = new Image(700, 350)
Image4.src = "images/contentbox.png"

var currentTab = "tab1";

function bgOn(lineItemName) {

	if (lineItemName != currentTab) {
		document.getElementById(lineItemName).style.background = "url('images/roundedtab3.png')";
	}
}

function bgOff(lineItemName) {
	if (lineItemName != currentTab) {
		document.getElementById(lineItemName).style.background = "url('images/roundedtab2.png')";
	}
}

function displayHideOthers(x) {
	
	
	document.getElementById('tabContent1').style.display = "none";
	document.getElementById('tabContent2').style.display = "none";
	document.getElementById('tabContent3').style.display = "none";
	document.getElementById('tabContent4').style.display = "none";

	document.getElementById(x).style.display = "inline";
	
	document.getElementById('tab1').style.background = "url('images/roundedtab2.png')";
	document.getElementById('tab2').style.background = "url('images/roundedtab2.png')";
	document.getElementById('tab3').style.background = "url('images/roundedtab2.png')";
	document.getElementById('tab4').style.background = "url('images/roundedtab2.png')";
	
	document.getElementById('tablink1').style.color = "#000066";
	document.getElementById('tablink2').style.color = "#000066";
	document.getElementById('tablink3').style.color = "#000066";
	document.getElementById('tablink4').style.color = "#000066";			
	
	switch (x) {
		case 'tabContent1':
			document.getElementById('tab1').style.background = "url(images/roundedtab.png)";
			document.getElementById('tablink1').style.color = "#990000";
			currentTab = 'tab1';
			break;
		case 'tabContent2':
			document.getElementById('tab2').style.background = "url(images/roundedtab.png)";
			document.getElementById('tablink2').style.color = "#990000";
			currentTab = 'tab2';
			break;
		case 'tabContent3':
			document.getElementById('tab3').style.background = "url(images/roundedtab.png)";
			document.getElementById('tablink3').style.color = "#990000";
			currentTab = 'tab3';
			break;
		case 'tabContent4':
			document.getElementById('tab4').style.background = "url(images/roundedtab.png)";
			document.getElementById('tablink4').style.color = "#990000";
			currentTab = 'tab4';
			break;
	}
}

// End Hiding -->