Untitled

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">

    <title>Calendar Picker</title>

    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="Calendar.js"></script>
    <link href="Calendar.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
        cal = null;

        function showCalendar(id) {
            if (cal != null) {
                cal.showOrHide();
                return;
            }
            cal = new Calendar({relativeElementId: id});
        }

    </script>

</head>

<body>
    <input id="calText" type="text" name="cal" onclick="showCalendar(this.id)"/>
</body>

</html>