var curTab = 0;
var maxTab = 4;

begin_1 = new Image;
begin_1.src = "/img/tabsimage/begin_1.gif";
fon_1 = new Image;
fon_1.src = "/img/tabsimage/fon_1.gif";
end_1 = new Image;
end_1.src = "/img/tabsimage/end_1.gif";

button1_1 = new Image;
button1_1.src = "/img/tabsimage/button1_1.gif";
button2_1 = new Image;
button2_1.src = "/img/tabsimage/button2_1.gif";
button3_1 = new Image;
button3_1.src = "/img/tabsimage/button3_1.gif";
button4_1 = new Image;
button4_1.src = "/img/tabsimage/button4_1.gif";

begin_0 = new Image;
begin_0.src = "/img/tabsimage/begin_0.gif";
fon_0 = new Image;
fon_0.src = "/img/tabsimage/fon_0.gif";
end_0 = new Image;
end_0.src = "/img/tabsimage/end_0.gif";

button1_0 = new Image;
button1_0.src = "/img/tabsimage/button1_0.gif";
button2_0 = new Image;
button2_0.src = "/img/tabsimage/button2_0.gif";
button3_0 = new Image;
button3_0.src = "/img/tabsimage/button3_0.gif";
button4_0 = new Image;
button4_0.src = "/img/tabsimage/button4_0.gif";


function tabclick(val)
{ 


	if (curTab == val)
		return;

	el = document.getElementById("tabButton" + val +"_1");
	el.src = begin_1.src; 
	el = document.getElementById("tabButton" + val +"_2");
	el.src = fon_1.src;
	el = document.getElementById("tabButton" + val +"_3");
	if (val==1) el.src = button1_1.src;
	if (val==2) el.src = button2_1.src;
	if (val==3) el.src = button3_1.src;
	if (val==4) el.src = button4_1.src;
	el = document.getElementById("tabButton" + val +"_4");
	el.src = fon_1.src;
	el = document.getElementById("tabButton" + val +"_5");
	el.src = end_1.src;

	for (i=1; i<maxTab+1; i++)
	{
		if (i != val)
		{
			el = document.getElementById("tabButton" + i +"_1");
			el.src = begin_0.src;
			el = document.getElementById("tabButton" + i +"_2");
			el.src = fon_0.src;
			el = document.getElementById("tabButton" + i +"_3");
			if (i==1) el.src = button1_0.src;
			if (i==2) el.src = button2_0.src;
			if (i==3) el.src = button3_0.src;
			if (i==4) el.src = button4_0.src;
			el = document.getElementById("tabButton" + i +"_4");
			el.src = fon_0.src;
			el = document.getElementById("tabButton" + i +"_5");
			el.src = end_0.src;
		}
	}


	for (i=1; i<maxTab+1; i++)
	{
		el = document.getElementById("tabDiv" + i);
		if (i == val)
		{
			el.style.display = "block";
		}
		else
		{
			el.style.display = "none";
		}
	}


	curTab = val;

}