Html Left Menu

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="leftmenu.ascx.cs" Inherits="leftmenul" %>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">

    function OpenPages(id) {
        if (id == "1") {
            var classid = document.getElementById("td1");
           
            classid.className = "headingbgcolor";
            classid.style.cursor = "hand";
            document.location.href = "InsertEmployee.aspx?id=1";
            classid.style.cursor = "hand";

        }
        if (id == "2") {

            document.location.href = "ShowEmployees.aspx?id=2";
        }
        if (id == "3") {

            document.location.href = "ShowDepartment.aspx?id=3";
        }
        if (id == "4") {

            document.location.href = "DisplayImage.aspx?id=4";
        }
        if (id == "5") {

            document.location.href = "DisplaySlipdetails.aspx?id=5";
        }
        if (id == "6") {

            document.location.href = "SearchEmployee.aspx?id=6";
        }
        if (id == "7") {

            document.location.href = "Login.aspx?id=7";
        }
        if (id == "8") {

            document.location.href = "Listview1.aspx?id=8";
        }
    }
</script>

<table cellpadding="0" cellspacing="0" border="0" width="100%" >
    <tr>
        <td class="labelred" style="padding-left: 5px">
            <asp:Label ID="lblUser" runat="server"></asp:Label>
        </td>
    </tr>
    <tr>
    <td class="Tableborder">
    <table cellpadding="0" cellspacing="0" border="0" width="100%" >
    <tr id="mnu1" valign="top" >
        <td valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" >
                <tr>
                    <td style="padding-left: 5px">
                        <b>Employee Details</b>
                    </td>
                </tr>
                <tr id="td1" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('1')">Insert Employees</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
                <tr id="td2" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('2')">Show Employees</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
                <tr id="td3" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('3')">Show Department</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
                <tr id="td4" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td class="cellbgcolor">
                        <a onclick="OpenPages('4')">Display Image</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
                <tr id="td5" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('5')">Display Slip Details</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
                <tr id="td6" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('6')">Search Employee</a>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                </tr>
               
            </table>
        </td>
    </tr>
    <tr id="mnu2" valign="top">
        <td valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" >
                <tr id="td8" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td><a onclick="OpenPages('8')">ListView</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
     <tr>
                    <td>
                    </td>
                </tr>
    <tr id="td7" class="cellbgcolor" style="cursor: pointer; padding-left: 5px">
                    <td>
                        <a onclick="OpenPages('7')">Log Out</a>
                    </td>
                </tr>
    </table>
    </td>
    </tr>
</table>