function tabcon(str)
{
	function hideall()
	{
		for(i=1;i<=3;i++)
		{
			document.getElementById('tab1'+i).getElementsByTagName('a')[0].className='';
			document.getElementById('content1'+i).style.visibility='hidden';
		}
	}

	for(i=1;i<=3;i++)
	{
		document.getElementById('tab1'+i).getElementsByTagName('a')[0].onclick=function (e)
		{
			hideall();
			document.getElementById('content1'+this.parentNode.id.substring(3)).style.visibility='visible';
			this.className='onhover';
		}
		document.getElementById('tab1'+i).getElementsByTagName('a')[0].onmouseover=function (e)
		{
			hideall();
			document.getElementById('content1'+this.parentNode.id.substring(3)).style.visibility='visible';
			this.className='onhover';
		}
		document.getElementById('tab1'+i).getElementsByTagName('a')[0].onfocus=function (e)
		{
			hideall();
			document.getElementById('content1'+this.parentNode.id.substring(3)).style.visibility='visible';
			this.className='onhover';
		}
	}
	hideall();
	
	if(str)
	{
		document.getElementById('tab1'+str).getElementsByTagName('a')[0].className='onhover';
		document.getElementById('content1'+str).style.visibility='visible';
	}
}



jQuery(function($){
	var tab = $('.tab_list');
	tab.removeClass('js_off');
	tab.css('height', tab.find('>ul>li>ul:visible').height()+50);
	function onSelectTab(){
		var t = $(this);
		var myClass = t.parent('li').attr('class');
		t.parents('.tab_list:first').attr('class', 'tab_list '+myClass);
		tab.css('height', t.next('ul').height()+50);
	}
	tab.find('>ul>li>a').click(onSelectTab).focus(onSelectTab);
});

jQuery(function($){
	var tab = $('.tab_list2');
	tab.removeClass('js_off');
	tab.css('height', tab.find('>ul>li>ul:visible').height()+55);
	function onSelectTab(){
		var t = $(this);
		var myClass = t.parent('li').attr('class');
		t.parents('.tab_list2:first').attr('class', 'tab_list2 '+myClass);
		tab.css('height', t.next('ul').height()+55);
	}
	tab.find('>ul>li>a').click(onSelectTab).focus(onSelectTab);
});