R Event

HTML

<script src="http://familiesinchrist.org/test_area/dates/Recurring%20Dates/calendar-en.js"></script>
<script src="http://familiesinchrist.org/test_area/dates/Recurring%20Dates/jquery.dynDateTime.js"></script>
<link rel="stylesheet" href="http://familiesinchrist.org/test_area/dates/Recurring%20Dates/calendar-win2k-cold-1.css">
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">
    <form id="create" action="date_word_2.php" method="post">
        <table width="100%">
            <tr>
                <td align="center" colspan="2">
                     <h2> Enter Event Information</h2>

                </td>
            </tr>
            <tr>
                <td width="25%">Start Date
                    <br>	<font color="maroon">When do you want the event to start from</font>

                </td>
                <td>The selected date is <span class="dtcDisplayArea"></span>

                    <br/>
                    <input type="text" class="default-value" name="begin_date" size="50" id="dateTimeCustom" value="Enter Event Start Date, or use calendar button - popup" />
                    <button type="button">
                        <img name="popcal" align="absmiddle" src="calbtn.gif" width="34" height="22" border="0" alt="">
                    </button>
                    <br/>
                    	<SMALL>(Format: YYYY-MM-DD HH:MM:00 {24 hour format, seconds are always 00})</SMALL></td>
				</tr>
				<tr bgcolor="whitesmoke">
					<td>End Date
					<br>
					<font color="maroon">When do you want the event to end at</font></td>
					<td>The selected date is <span class="dtcDisplayArea2"></span>
					<br/>
					<input type="text" class="default-value" name="end_date" size="50" id="dateTimeCustom2" value="Enter Event End Date, or use calendar button - popup" />
					<button type="button"><img name="popcal" align="absmiddle" src="calbtn.gif" width="34" height="22" border="0"...

CSS

a, article, aside, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
#content {
    padding-left: 15px;
    width: 400px;
    float: left;
    border-left: 1px solid black;
    height: 100px;
}
.divborder {
}
.inputed {
}
/* The main calendar widget.  DIV containing a table. */
 .calendar {
    position: relative;
    display: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #fff;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #c8d0d4;
    font-family: tahoma, verdana, sans-serif;
}
.calendar table {
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #c8d0d4;
    font-family: tahoma, verdana, sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
 .calendar .button {
    /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center;
    padding: 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
}
.calendar .nav {
    background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title {
    /* This holds the current "month, year" */
    font-weight: bold;
    padding: 1px;
    border: 1px solid #000;
    background: #788084;
    color: #fff;
    text-align: center;
}
.calendar thead .headrow {
    /* Row <TR> containing navigation buttons */
}
.calendar thead .daynames {
    /* Row <TR> containing the day names */
}
.calendar thead .name {
    /* Cells <TD> containing the day names */
    border-bottom: 1px solid #000;
    padding: 2px;
    text-align: center;
    background: #e8f0f4;
}
.calendar thead .weekend {
    /* How a weekend day name shows in header */
    color: #f00;
}
.calendar thead .hilite {
    /* How do the buttons...

JavaScript

$(function () {

    $("input[name='rbSelection']").change(function () {
        switch (this.value) {
            case "1":
                caption = "Daily";
                form_content = '<div class="divborder"><input type="radio" title="ie every 2 days for every other day" class="inputed" name="Every_Days" id="Every_Days" value="every" onClick="XEvery_Days()" /><span>Every</span> <input type="text" size="1" name="Every_Days_Amount" id="Every_Days_Amount" value="2" /> <span>Day(s)</span><br /></div><div class="divborder"><input type="radio" class="inputed" name="Every_Dayweekday" disabled="disabled" value="every_weekday" /><span>Every Weekday</span></div>';
                break;
            case "2":
                caption = "Weekly";
                form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Weeks" value="every_Weeks" /><span>Recur every</span> <input type="text" size="1" name="Every_Week_Amount" value="1" /><span> Week(s) on </span><select name="Weekly_Day" id="Weekly_Day"><option value="1" selected>Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option></select></div>';
                break;
            case "3":
                caption = "Monthly";
                form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Month" value="every_Months" /><span>Day</span> <input type="text" size="1" name="Every_Month_Day_Amount" value="31" /> <span>of every</span> <input type="text" size="1" name="Every_Week_Amount" value="1" /> <span>month(s)</span><br></div><div class="divborder"><input type="radio" class="inputed" name="Every_The_Month" value="every_the_Months" /><span>The</span>  <select name="Monthly_what" id="Monthly_what"><option value="First">First</option><option value="Second">Second</option><option...