var tabs = new Array('tab1', 'tab2', 'tab3', 'tab4', 'tab5');
var show_tab = '';
function changeTab(p)
{
	var i, e, t;

	if (typeof(p) == 'string')
	{
		show_tab = p;
	}

	for (i = 0; i < tabs.length; i++)
	{
		e = document.getElementById(tabs[i]+ '-content');
		t = document.getElementById(tabs[i]);
		if (e)
		{
			if (tabs[i] == show_tab)
			{
				if(e)
				{
					e.style.display = 'block';
				}	
				if (t)
				{
					t.className = 'active';
					if(show_tab == 'tab1')
					{
						document.getElementById('tab1').style.zIndex = 14;
						document.getElementById('tab2').style.zIndex = 13;
						document.getElementById('tab3').style.zIndex = 12;
						document.getElementById('tab4').style.zIndex = 11;
						document.getElementById('tab5').style.zIndex = 10;
						document.getElementById('tab1').style.textIndent = '0px';
						document.getElementById('tab2').style.textIndent = '52px';
						document.getElementById('tab3').style.textIndent = '52px';
						document.getElementById('tab4').style.textIndent = '52px';
						document.getElementById('tab5').style.textIndent = '52px';
					}
					
					if(show_tab == 'tab2')
					{
						document.getElementById('tab1').style.zIndex = 13;
						document.getElementById('tab2').style.zIndex = 14;
						document.getElementById('tab3').style.zIndex = 12;
						document.getElementById('tab4').style.zIndex = 11;
						document.getElementById('tab5').style.zIndex = 10;
						document.getElementById('tab1').style.textIndent = '-52px';
						document.getElementById('tab2').style.textIndent = '0px';
						document.getElementById('tab3').style.textIndent = '52px';
						document.getElementById('tab4').style.textIndent = '52px';
						document.getElementById('tab5').style.textIndent = '52px';
					}
					
					if(show_tab == 'tab3')
					{
						document.getElementById('tab1').style.zIndex = 11;
						document.getElementById('tab2').style.zIndex = 12;
						document.getElementById('tab3').style.zIndex = 14;
						document.getElementById('tab4').style.zIndex = 13;	
						document.getElementById('tab5').style.zIndex = 10;	
						document.getElementById('tab1').style.textIndent = '-52px';
						document.getElementById('tab2').style.textIndent = '-52px';
						document.getElementById('tab3').style.textIndent = '0px';
						document.getElementById('tab4').style.textIndent = '52px';
						document.getElementById('tab5').style.textIndent = '52px';
					}
					
					if(show_tab == 'tab4')
					{
						document.getElementById('tab1').style.zIndex = 11;
						document.getElementById('tab2').style.zIndex = 12;
						document.getElementById('tab3').style.zIndex = 13;
						document.getElementById('tab4').style.zIndex = 14;
						document.getElementById('tab5').style.zIndex = 10;
						document.getElementById('tab1').style.textIndent = '-52px';
						document.getElementById('tab2').style.textIndent = '-52px';
						document.getElementById('tab3').style.textIndent = '-52px';
						document.getElementById('tab4').style.textIndent = '0px';
						document.getElementById('tab5').style.textIndent = '52px';
					}
					
					if(show_tab == 'tab5')
					{
						document.getElementById('tab1').style.zIndex = 10;
						document.getElementById('tab2').style.zIndex = 11;
						document.getElementById('tab3').style.zIndex = 12;
						document.getElementById('tab4').style.zIndex = 13;
						document.getElementById('tab5').style.zIndex = 14;
						document.getElementById('tab1').style.textIndent = '-52px';
						document.getElementById('tab2').style.textIndent = '-52px';
						document.getElementById('tab3').style.textIndent = '-52px';
						document.getElementById('tab4').style.textIndent = '-52px';
						document.getElementById('tab5').style.textIndent = '0px';
					}
					
				}
			}
			else
			{
				e.style.display = 'none';
				if (t)
				{
					t.className = '';
				}
			}
		}
	}
}



