onLeft = new Image();
onMid = new Image();
onRight = new Image();
offLeft = new Image();
offMid = new Image();
offRight = new Image();
onLeft.src = "images/onLeft.jpg";
onMid.src = "images/onMid.jpg";
onRight.src = "images/onRight.jpg";
offLeft.src = "images/offLeft.jpg";
offMid.src = "images/offMid.jpg";
offRight.src = "images/offRight.jpg";

var firsttext='This is the 1st div<?php echo "helloworld!" ?>';
var secondtext='This is the 2nd div <?php echo "helloworld!" ?>';

function writetext(what){
	document.getElementById('tab1f').innerHTML=''+what+'';
}

function changeWhite(){
	document.getElementById('tab1').style.color = "#ffffff";
	document.getElementById('tab2').style.color = "#ffffff";
	document.getElementById('tab3').style.color = "#ffffff";
	document.getElementById('tab4').style.color = "#ffffff";
	document.getElementById('tab5').style.color = "#ffffff";
	document.getElementById('tab6').style.color = "#ffffff";
}

function hideDivs(){
	document.getElementById('div1').style.display = 'none';
	document.getElementById('div2').style.display = 'none';
	document.getElementById('div3').style.display = 'none';
	document.getElementById('div4').style.display = 'none';
	document.getElementById('div5').style.display = 'none';
	document.getElementById('div6').style.display = 'none';
}

function hideFlashDivs(){
	document.getElementById('tab1f').style.display = 'none';
	document.getElementById('tab2f').style.display = 'none';
}

function changeLeftTabOn()
{
	hideDivs();
	hideFlashDivs();
	document.getElementById('tab1f').style.display = 'block';
	document.getElementById('div1').style.display = 'block';
	changeWhite();
	document.getElementById('tab1').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/onLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/offRight.jpg)";
}

function changeTabTwoOn()
{
	hideDivs();
	hideFlashDivs();
	document.getElementById('div2').style.display = 'block';
	document.getElementById('tab2f').style.display = 'block';
	changeWhite();
	document.getElementById('tab2').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/offLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/onMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/offRight.jpg)";
}

function changeTabThreeOn()
{
	hideDivs();
	document.getElementById('div3').style.display = 'block';
	changeWhite();
	document.getElementById('tab3').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/offLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/onMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/offRight.jpg)";
}

function changeTabFourOn()
{
	hideDivs();
	document.getElementById('div4').style.display = 'block';
	changeWhite();
	document.getElementById('tab4').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/offLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/onMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/offRight.jpg)";
}

function changeTabFiveOn()
{
	hideDivs();
	document.getElementById('div5').style.display = 'block';
	changeWhite();
	document.getElementById('tab5').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/offLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/onMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/offRight.jpg)";
}

function changeRightTabOn()
{
	hideDivs();
	document.getElementById('div6').style.display = 'block';
	changeWhite();
	document.getElementById('tab6').style.color = "#000000";
	document.getElementById('tab1').style.backgroundImage = "url(/english/images/offLeft.jpg)";
	document.getElementById('tab2').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab3').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab4').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab5').style.backgroundImage = "url(/english/images/offMid.jpg)";
	document.getElementById('tab6').style.backgroundImage = "url(/english/images/onRight.jpg)";
}