//Class for building Templates for Calendar
function CalendarTemplate()
{


this.CalendarMainTemplate ="<!--main table starts here-->"+
						"<table cellpadding='0' cellspacing='0' border='0' style=##Visbility## id='tblMainTable' class='cal-main-bdr'>"+
							"<thead>"+
								"<tr>"+
									"<td height='1' colspan='8' class='cal-hdrrow-bg cal-hdrrow-bdr smallfont'>"+
										"<!--header row table starts here-->"+
											"<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'>"+
												"<tr>"+
													"<td width='1%' class='smallfont cal-mn-pad' align='left'>"+
														"<!--Month Nevigation table starts here-->"+
																"<table cellpadding='0' cellspacing='0' border='0' height='100%'>"+
																	"<tr>"+
																		"<td style='vertical-align:middle'><img src='/images/spacer.gif' id=tdCalendarPrevMonth unselectable='##PrevMonthUnSelectable##' class='cal-prev-btn' border='0' alt='' /></td>"+
																		"<td align='center' class='cal-mn-txt' id='tdCalendarCurrMonth' unselectable='##CurrMonthUnSelectable##'></td>"+
																		"<td style='vertical-align:middle'><img src='/images/spacer.gif' class='cal-next-btn' border='0' alt='' id=tdCalendarNextMonth unselectable='##NextMonthUnSelectable##' /></td>"+
																	"</tr>"+
																"</table>"+
														"<!--Month Nevigation table ends here-->"+
													"</td>"+
													"<td width='1%' align='left' style='vertical-align:middle;'><img src='/images/spacer.gif' class='cal-hdrrow-sprt' border='0' alt='' /></td>"+						
													"<td id=tdCalendarToday width='94%' align='left' class='cal-today-pad cal-today-txt' unselectable='##TodayUnSelectable##'>Today</td>"+
													"<td width='1%' align='left' style='vertical-align:middle;'><img src='/images/spacer.gif' class='cal-hdrrow-sprt' border='0' alt='' /></td>"+
													"<td width='1%' class='smallfont cal-yr-pad' align='left'>"+	
														<!--Year Nevigation table starts here-->
														"<table cellpadding='0' cellspacing='0' border='0' height='100%'>"+
															"<tr>"+
																"<td style='vertical-align:middle'><img src='/images/spacer.gif' class='cal-prev-btn' border='0' alt='' id=tdCalendarPrevYear unselectable='##PrevYearUnSelectable##' /></td>"+
																"<td align='center' class='cal-yr-txt' id=tdCalendarCurrYear unselectable='##CurrMonthUnSelectable##'></td>"+
																"<td style='vertical-align:middle'><img src='/images/spacer.gif' class='cal-next-btn' border='0' alt='' id=tdCalendarNextYear unselectable='##NextYearUnSelectable##' /></td>"+
															"</tr>"+
														"</table>"+
														"<!--Year Nevigation table ends here-->	"+
													"</td>"+
													"<td width='1%' align='left' style='vertical-align:middle;'><img src='/images/spacer.gif' class='cal-hdrrow-sprt' border='0' alt='' /></td>"+
													"<td width='1%' align='left' class='cal-clsbtn-pad smallfont' style='display:##CloseDisplayStyle##'><img class='cal-close-btn' src='/images/spacer.gif' border='0' alt='' id=tdCalendarClose unselectable='##CloseUnSelectable##'/></td>"+
												"</tr>"+
											"</table>"+
										"<!--header row table ends here-->"+
									"</td>"+
								"</tr>"+
								"<tr>"+
									"##WeekDaysList##"+
								"</tr>"+
							"</thead>"+
							"<TBODY  id='Calendartbody'>"+
								"##CalendarBody##"+
								"##CalendarShowTime##"+
							"</TBODY>"+
							"<tfooter>"+
								"<tr>"+
									"<td valign='top' colspan='8' class='cal-btmrow-bg cal-btmrow-bdr'>"+
										"<!--tool tip table starts here-->"+
										"<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'>"+
											"<tr>"+
												"<td id='tdCalendarTFoot' unselectable='##TFootUnSelectable##' class='cal-btmrow-txt' valign='middle'>Tool Tip</td>"+
											"</tr>"+
										"</table>"+
										<!--tool tip table ends here-->						
									"</td>"+
								"</tr>"+
							"</tfooter>"+
						"</table>"+
						"<!--main table ends here-->";		
					


	/*this.CalendarMainTemplate = "<table style=##Visbility## cellSpacing='0' cellPadding='0' id='tblMainTable'>"+
										"<THEAD>"+
											"<tr id='headrow1'>"+
												"<td id=tdCalendarHelp class=button unselectable='##HelpUnSelectable##' >"+		
													"?"+											
												"</td>"+
												"<td id=tdCalendarCurrYear style='Cursor:move' class=title unselectable='##CurrMonthUnSelectable##' colspan=2 >"+
												"</td>"+
												"<td style='Cursor:move' class=title>"+
													"->"+
												"</td>"+
												"<td id=tdCalendarCurrMonth style='Cursor:move' class=title unselectable='##CurrMonthUnSelectable##' colspan=2 >"+
												"</td>"+
												"<td id=tdCalendarClose class=button unselectable='##CloseUnSelectable##'  style='display:##CloseDisplayStyle##'>"+
													"Close"+											
												"</td>"+
											"</tr>"+
											"<tr class='headrow' id='headrow2'>"+
												"<td id=tdCalendarPrevYear class='button nav' unselectable='##PrevYearUnSelectable##'  >PY"+
												"</td>"+
												"<td id=tdCalendarPrevMonth class='button nav'unselectable='##PrevMonthUnSelectable##'  >PM"+
												"</td>"+
												"<td id=tdCalendarToday class='button' unselectable='##TodayUnSelectable##' colspan=3>"+
													"Today"+
												"</td>"+
												"<td id=tdCalendarNextMonth class='button nav' unselectable='##NextMonthUnSelectable##' >NM"+
												"</td>"+
												"<td id=tdCalendarNextYear class='button nav' unselectable='##NextYearUnSelectable##'  >NY"+
												"</td>"+												
											"</tr>"+
											"<tr class='daynames' id='headrow3'>"+
												"##WeekDaysList##"+
											"</tr>"+
										"</THEAD>"+
										"<TBODY id='Calendartbody'>"+
											"<tr>"+
												"<td colspan='7'>"+
													"<table cellpadding='0' cellspacing='0' border='0' width='100%' style='border-left: solid 1px #E0E0E0;'>"+
														"##CalendarBody##"+
														"##CalendarShowTime##"+
													"</table>"+
												"</td>"+
											"</tr>"+
										"</TBODY>"+
										"<TFOOT>"+
											"<tr>"+
												"<td id='tdCalendarTFoot' class='ttip' style='cursor:move' colspan=8 unselectable='##TFootUnSelectable##'  >"+													
												"</td>"+
											"</tr>"+
										"</TFOOT>"+
									"</table>";
			*/						
	this.strCalendarShowTimeTemplate = "<tr class='time'>"+
											"<td class='time' colspan=2>"+
												"Time :"+
											"</td>"+
											"<td id= tdCalendarDisplayTime class='time' colspan=8>"+
												"<span id='spHour' class='hour'> </span>"+
												"<span id='spColon' class='colon'>:</span>"+
												"<span id='spMinute' class='minute'> </span>"+
												"<span id='spTimeSlot' class='ampm'> </span>"+
											"</td>"+
									   "</tr>";										
	this.strCalendarBodyTemplate = "<tr id='##CalendarBodyRow##'>"+		
										"##WeekDate##"+								
									"</tr>";
	this.strWeekNoTitle = "<td id=tdWeekTitle align='left' class='cal-wk-bg cal-wk-txt'>Wk</td>";
	this.strWeekDayTitle = "<td  align='left' id=##tdWeekDayTitle## unselectable=##WeekDayTitle##  fdow=##WeekDayTitleFdow## class='cal-day-bg cal-day-txt' ></td>";
	this.strWeekNoCell ="<td id=##CalendarWeekNo## align='left' class='cal-wk-bg cal-wk-txt'>##WeekNo##</td>";									
	
	this.strInnerMonthComboTemplate = "<div id='##InnerMonthId##' strMonth='##strMonth##'>##MonthComboData##</div>";
	this.strMainMonthComboTemplate = "<div id='MainMonthCombo' class='cal-div-bg cal-wk-txt' style='display:none;position:absolute'>##MonthMainComboData##</div>";
	this.strMainYearComboTemplate = "<div id='MainYearCombo' class='cal-div-bg cal-wk-txt' style='display:none;position:absolute'>##YearMainComboData##</div>";
	this.strInnerYearComboTemplate = "<div id='##InnerYearId##'>##YearComboData##</div>";
	
	
	this.enumClassesForWeekDays = 
	{
		WeekEndClass : 'cal-date-bg cal-wkend-act ',
		WeekDayClass : 'cal-day-bg cal-day-txt'
		
	};
	
	
}


function DateCellTemplate()
{
	this.strWeekDateEmptyCell = "<td id=##CalendarWeekDate## align='left' class='cal-date-bg cal-date-txt'>##WeekEmptyDate##</td>";
	this.strWeekDateCell = "<td id=##CalendarWeekDate## class='cal-date-bg cal-date-txt' align='left' ttip='_'  >##WeekDateCell##</td>";
	this.strCurrDateCell = "<td id=##CalendarWeekDate## class='cal-date-bg-today cal-date-txt cal-date-bg cal-date-txt'  ttip='_'  >##WeekDateCell##</td>";
	this.strWeekDateCellOtherMonth ="<td id=##CalendarWeekDate## align='left' class='cal-date-bg-other cal-date-txt-other'  ttip='_'>##WeekDateCell##</td>";
	this.strWeekEndDate = "<td id=##CalendarWeekDate## class='cal-date-bg cal-wkend-act cal-date-txt' ttip='_' >##WeekDateCell##</td>";
	this.strWeekEndCurrDate = "<td id=##CalendarWeekDate## class='cal-date-bg-today cal-date-txt cal-date-bg cal-date-txt' ttip='_' >##WeekDateCell##</td>";
	this.strWeekSpecialDateCell = "<td id=##CalendarWeekDate## align='left' name='cal-date-bg cal-spdate cal-date-txt' class='specialday' ttip='_' >##WeekDateCell##</td>";
	this.strHoverSelectedDateClass = "cal-date-bg cal-date-txt ";
	this.strMouseHoverDateClass = "cal-hover-effect";
	this.strSelectedRowClass  = "cal-wk-bg-act cal-date-txt-act";
	this.strSelectedDateClass  = "cal-date-bg-today cal-date-txt-act";
	this.strDateOverClass = "cal-date-bg cal-date-txt";
}