$(function() {
	importcommonheader()
	importcommonfooter()
	changenav()
})


// 导入通用头部
function importcommonheader() {
	$('#commonheader').load('header.html')
}

// 导入通用底部
function importcommonfooter() {
	$('#commonfooter').load('footer.html')
}

// 主体内导航的切换及显示不同内容
function changenav() {
	$('#mainnav').on('click', 'li', function() {
		$(this).addclass('on').siblings().removeclass('on')
		var idx = $(this).index()
		var showlist = $($('#maincontent').children('li')[idx])
		showlist.show().siblings().hide()
	})
}