var tmonth = document.getElementById('div').innerHTML;
var div=document.getElementById('div');
var events=document.getElementById('events');
var calendar=document.getElementById('calendar');

function Jan() {
location.hash = "#jan";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="Pre" onclick="Dec()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Feb()" />\
</div>\
<table id="calendar" class="calendar" border="6px"><tr>\
<th id="month" colspan="7">January 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2<br /></td>\
</tr><tr>\
<td class="event">3<br />Lord&#39;s Table</td>\
<td>4</td>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
</tr><tr>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td class="event">15<br />Bon Fire</td>\
<td>16</td>\
</tr><tr>\
<td class="event">17<br />Business Meeting</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td>22</td>\
<td>23</td>\
</tr><tr>\
<td>24</td>\
<td>25</td>\
<td>26</td>\
<td>27</td>\
<td class="event">28<br />Ladies&#39; Bible Study</td>\
<td>29</td>\
<td>30</td>\
</tr><tr>\
<td>31</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Feb() {
location.hash = "#feb";
document.getElementById("div").innerHTML = '<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Jan()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Mar()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">February 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
<td>6</td>\
</tr><tr>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
</tr><tr>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
</tr><tr>\
<td>21</td>\
<td>22</td>\
<td>23</td>\
<td>24</td>\
<td class="event">25<br />Ladies&#39; Bible Study</td>\
<td>26</td>\
<td class="event">27<br />Fiddlesticks</td>\
</tr><tr>\
<td>28</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Mar() {
location.hash = "#mar";
document.getElementById("div").innerHTML = '<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Feb()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Apr()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">March 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
<td>6<br /></td>\
</tr><tr>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
</tr><tr>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
</tr><tr>\
<td>21</td>\
<td>22</td>\
<td>23</td>\
<td>24</td>\
<td class="event">25<br />Ladies&#39; Bible Study</td>\
<td>26</td>\
<td class="event">27<br />Men&#39;s Prayer Meeting & Breakfast</td>\
</tr><tr>\
<td class="event">28<br />Palm Sunday<br />Pastor - 1 yr.</td>\
<td>29</td>\
<td>30</td>\
<td>31</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Apr() {
location.hash = "#apr";
document.getElementById("div").innerHTML = '<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Mar()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="May()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">April 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
</tr><tr>\
<td class="event">4<br />Easter<br />Lord&#39;s Supper</td>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td class="event">10<br />Church Picnic</td>\
</tr><tr>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
</tr><tr>\
<td class="event">18<br />Business Meeting</td>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td class="event">22<br />Ladies&#39; Bible Study</td>\
<td>23</td>\
<td>24</td>\
</tr><tr>\
<td>25</td>\
<td>26</td>\
<td>27</td>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function May() {
location.hash = "#may";
document.getElementById("div").innerHTML = '<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Apr()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="June()" />\
</div>\
<table id="calendar" class="calendar" border="6px"><tr>\
<th id="month" colspan="7">May 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
</tr><tr>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td class="event">8<br />Mother Daughter Luncheon</td>\
</tr><tr>\
<td class="event2">9<br />Mother&#39;s Day</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
</tr><tr>\
<td>16</td>\
<td>17</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td class="event">22<br />Bowling</td>\
</tr><tr>\
<td>23</td>\
<td>24</td>\
<td>25</td>\
<td>26</td>\
<td class="event">27<br />Ladies&#39; Bible Study</td>\
<td>28</td>\
<td>29</td>\
</tr><tr>\
<td>30</td>\
<td class="event2">31<br />Memorial Day</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function June() {
location.hash = "#june";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="May()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="July()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">June 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
</tr><tr>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
</tr><tr>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td>13</td>\
<td>17</td>\
<td>18</td>\
<td class="event">19<br />Men&#39;s Prayer Meeting & Breakfast</td>\
</tr><tr>\
<td class="event">20<br />Father&#39;s Day<br />Lord&#39;s Table</td>\
<td>21</td>\
<td>22</td>\
<td>23</td>\
<td class="event">24<br />Ladies&#39; Bible Study</td>\
<td class="event">25<br />Youth - Mystery Night</td>\
<td>26</td>\
</tr><tr>\
<td class="event">27<br />Youth Sunday</td>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function July() {
location.hash = "#july";
document.getElementById("div").innerHTML=tmonth;
/*document.getElementById("div").innerHTML = '<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="June()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Aug()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">July 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
</tr><tr>\
<td class="event2">4<br />Independence Day</td>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
</tr><tr>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
</tr><tr>\
<td class="event">18<br />Business Meeting</td>\
<td class="event">19<br />Summer Camp Start</td>\
<td class="event2">20</td>\
<td class="event2">21</td>\
<td class="event2">22</td>\
<td class="event2">23</td>\
<td class="event">24<br />Summer Camp End</td>\
</tr><tr>\
<td>25</td>\
<td>26</td>\
<td>27</td>\
<td>28</td>\
<td class="event">29<br />Ladies&#39; Bible Study</td>\
<td>30</td>\
<td>31</td>\
</tr>\
</table>';*/
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Aug() {
location.hash = "#aug";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="July()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Sep()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">August 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
<td>6</td>\
<td>7<br /></td>\
</tr><tr>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
</tr><tr>\
<td class="event">15<br />Film & Ice Cream Social</td>\
<td>16</td>\
<td>17</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
</tr><tr>\
<td>22</td>\
<td>23</td>\
<td>24</td>\
<td>25</td>\
<td class="event">26<br />Ladies&#39; Bible Study</td>\
<td>27</td>\
<td>28</td>\
</tr><tr>\
<td>29</td>\
<td>30</td>\
<td>31</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Sep() {
location.hash = "#sep";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Aug()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Oct()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">September 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
</tr><tr>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td class="event">11<br />Laser Tag & Pizza</td>\
</tr><tr>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
<td>18</td>\
</tr><tr>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td>22</td>\
<td class="event">23<br />Ladies&#39; Bible Study</td>\
<td>24</td>\
<td>25</td>\
</tr><tr>\
<td>26</td>\
<td>27</td>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Oct() {
location.hash = "#oct";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Sep()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Nov()" />\
</div>\
<table id="calendar" class="calendar" border="6px"><tr>\
<th id="month" colspan="7">October 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td class="event">1<br />Men&#39;s Over- Night Outing</td>\
<td class="event">2<br />Men&#39;s Over- Night Outing</td>\
</tr><tr>\
<td class="event">3<br />Lord&#39;s Table</td>\
<td>4</td>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
</tr><tr>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td class="event">16<br />Fall Banquet</td>\
</tr><tr>\
<td class="event">17<br />Business Meeting</td>\
<td>18</td>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td>22</td>\
<td>23</td>\
</tr><tr>\
<td>24</td>\
<td>25</td>\
<td>26</td>\
<td>27</td>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
</tr><tr>\
<td>31</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Nov() {
location.hash = "#nov";
document.getElementById("div").innerHTML='<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Oct()" />\
<img src="../images/next.gif" alt="Next" id="next" onclick="Dec()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">November 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
<td>5</td>\
<td>6<br /></td>\
</tr><tr>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td>11</td>\
<td>12</td>\
<td>13</td>\
</tr><tr>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td>17</td>\
<td class="event">18<br />Ladies&#39; Bible Study</td>\
<td class="event">19<br />Bon Fire</td>\
<td>20</td>\
</tr><tr>\
<td class="event">21<br />Church Anniversary</td>\
<td>22</td>\
<td>23</td>\
<td>24</td>\
<td class="event2">25<br />Thanksgiving Day</td>\
<td>26</td>\
<td>27</td>\
</tr><tr>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
</tr>\
</table>';
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

function Dec() {
location.hash = "#dec";
document.getElementById("div").innerHTML=tmonth;
/*'<div id="arrows">\
<img src="../images/previous.gif" alt="Previous" id="pre" onclick="Nov()" />\
</div>\
<table id="calendar" border="6px"><tr>\
<th id="month" colspan="7">December 2010</th>\
</tr><tr id="day">\
<td>Sunday</td>\
<td>Monday</td>\
<td>Tuesday</td>\
<td>Wednesday</td>\
<td>Thursday</td>\
<td>Frday</td>\
<td>Saturday</td>\
</tr><tr>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>&nbsp;</td>\
<td>1</td>\
<td>2</td>\
<td>3</td>\
<td>4</td>\
</tr><tr>\
<td>5</td>\
<td>6</td>\
<td>7</td>\
<td>8</td>\
<td>9</td>\
<td>10</td>\
<td class="event">11<br />Men&#39;s Prayer Meeting & Breakfast</td>\
</tr><tr>\
<td>12</td>\
<td>13</td>\
<td>14</td>\
<td>15</td>\
<td>16</td>\
<td class="event">17<br />Overnight Snow Activity</td>\
<td class="event">18<br />Overnight Snow Acitvity</td>\
</tr><tr>\
<td>19</td>\
<td>20</td>\
<td>21</td>\
<td>22</td>\
<td class="event">23<br />Ladies&#39; Bible Study</td>\
<td>24</td>\
<td>25</td>\
</tr><tr>\
<td>26</td>\
<td>27</td>\
<td>28</td>\
<td>29</td>\
<td>30</td>\
<td>31</td>\
<td>&nbsp;</td>\
</tr>\
</table>';*/
events.style.height=document.getElementById('calendar').offsetHeight+"px";
}

if(location.hash == "#jan") { Jan(); }
else if(location.hash == "#feb") { Feb(); }
else if(location.hash == "#mar") { Mar(); }
else if(location.hash == "#apr") { Apr(); }
else if(location.hash == "#may") { May(); }
else if(location.hash == "#june") { June(); }
else if(location.hash == "#july") { July(); }
else if(location.hash == "#aug") { Aug(); }
else if(location.hash == "#sep") { Sep(); }
else if(location.hash == "#oct") { Oct(); }
else if(location.hash == "#nov") { Nov(); }
else if(location.hash == "#dec") { Dec(); }