ما مشكلة الكود الجافاسكريبت هاذا

ما هو الحل؟؟؟

<script language="javascript">

	function selection(the_link)
	{
		link1 = document.getElementById('overview');
		link1.setAttribute("style","");

		link2 = document.getElementById('compose');
		link2.setAttribute("style","");

		link3 = document.getElementById('inbox');
		link3.setAttribute("style","");

		link4 = document.getElementById('drafts');
		link4.setAttribute("style","");		

		link5 = document.getElementById('sent');
		link5.setAttribute("style","");		

		link6 = document.getElementById('trash');
		link6.setAttribute("style","");

		the_link.setAttribute('style','font-weight:bold');
	}

</script>

<a href="overview.php" id='overview' onClick="selection(this)">
		<font size="2" color="#808080">Overview</font></a></span></font></p>
		<p align="left" style="margin-left: 20px; margin-top: 20px">
		<a href="compose.php" id='compose' onClick="selection(this)"><font color="#808080" size="2">
		<span style="background-color: #F5F8E9" >Compose</span></font></a></p>
		<p align="left" style="margin-left: 20px"><a href="inbox.php" id='inbox' onClick="selection(this)">
		<font color="#808080" size="2">
		<span style="background-color: #F5F8E9" >Inbox</span><span style="font-weight: 700; background-color: #F5F8E9">
		<?php if($total_new > 0)	 echo "(".$total_new.")"; ?>
		</span></font></a></p>
		<p align="left" style="margin-left: 20px"><a href="#" id='drafts' onclick="selection(this)"><font color="#808080" size="2"><span style="background-color: #F5F8E9">Drafts</span></font></a></p>
		<p align="left" style="margin-left: 20px"><a href="sent_items.php" id='sent' onClick="selection(this)"><font color="#808080" size="2"><span style="background-color: #F5F8E9" >Sent Items</span></font></a></p>
		<p align="left" style="margin-left: 20px"><a href="trash_bin" id='trash' onClick="selection(this)">
		<font color="#808080" size="2"><span style="background-color: #F5F8E9"  >Trash Bin

		</span></font></a><span class="style1"> <a href="#"> Empty

الراجاء المساعدة