href calling the same Javascript function... how to call different functions on href onclick?

See more:

C#

ASP.NET

Javascript

.NET

HTML

Hi, I am new to Javascript world. In my project codings i have 5 Javascript functions and 5 href's. whenever i click the href, then its respective Javascript function should be called(which will invoke the respective method from code behind page). But when ever i click any href link, its calling the last Javascript function(i.e function fifth() here).

I have mentioned my codings below :

<script type="text/javascript">
            function first() {
                functionaCall = '<%= fill("first") %>';
            }
            function second() {
                functionaCall = '<%= fill("second") %>';
            }function third() {
                functionaCall = '<%= fill("third") %>';
            }
            function fourth() {
                functionaCall = '<%= fill("fourth") %>';
            }
           function fifth() {
                functionaCall = '<%= fill("fifth") %>';
            }
</script>
.
.
.
.
.
<ul>
		<li ><a href="#" id="first"  önclick="first();" >1</a></li>
		<li><a href="#" id="second" önclick="second();">2</a></li>
		<li><a href="#" id="third"  önclick="third();">3</a></li>
		<li><a href="#" id="fourth" önclick="fourth();">4</a></li>
		<li><a href="#" id="fifth" önclick="fifth();">5</a></li>
</ul>

Please let me know how to call the Javascript functions based on the href clicked respectively.
(i.e when href-1 is clicked, then it should call function first()...similarly for all the href click's)


Thanks in Advance :)
Have a great day all :)