function show(num){
	var spans = document.getElementById('title').getElementsByTagName('span');
	for(var i=0; i<spans.length; i++){
		spans[i].className = '';
		document.getElementById('content'+(i+1)).style.display = 'none';
	}
	document.getElementById('span'+num).className = 'active';
	document.getElementById('content'+num).style.display = '';
}

function showTab(num){
	var as = document.getElementById('title1').getElementsByTagName('a');
	for(var i=0; i<as.length; i++){
		as[i].className = '';
		document.getElementById('tabCon'+(i+1)).style.display = 'none';
	}
	document.getElementById('a'+num).className = 'active';
	document.getElementById('tabCon'+num).style.display = '';
}

function showPro(num){
	var as = document.getElementById('protit').getElementsByTagName('a');
	for(var i=0; i<as.length; i++){
		as[i].className = '';
		document.getElementById('content'+(i+1)).style.display = 'none';
	}
	document.getElementById('a'+num).className = 'active';
	document.getElementById('content'+num).style.display = '';
}

function showLeft(num){
	var lis = document.getElementById('leftNav').getElementsByTagName('li');
	for(var i=0; i<lis.length; i++){
		lis[i].className = '';
	}
	if(document.getElementById('li'+num) != null){
		document.getElementById('li'+num).className = 'show';
		if(document.getElementById('li'+num).getElementsByTagName('li').length<=0){
			document.getElementById('li'+num).getElementsByTagName('ol')[0].style.display = "none";
		}
	}
}

$(document).ready(function(){
	$('#nav td').hover(
		function(){  
			$(this).children("ol").slideDown("fast");
			
			$("a",this).css("width",$(this).width() - 35 +"px");
			$("a",this).eq(0).css("width","auto");
		 },
		function(){
			$(this).children("ol").slideUp("fast");
		}
	);
});