{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}delete.js"></script>

<table border="0" class="" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
	<tr>
		<td width="100%" class="heading" height="20"  align="center">&nbsp;&nbsp;</td>
	</tr>
	<tr>
		<td width="100%" align="left">
			<table border="0" valign="top" width="100%" align="center" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<div id="taskcal" class="taskcalendar" align="left">
							{MONTHNAME}<br/><font Size="15">{DAYOFMONTH}</font><br/>{DAYNAME}
						</div>
					</td>
					<td align="center" valign="top" width="70%"> 
						<table border="1" width="100%" style="border-collapse:collapse;border=1px solid {TABLEBORDERCOLOR}">
							<tr>
								<td valign="middle" style="height:35px" align="center" class="heading"><font color="blue"><b>Your Schedule for the Day</b></font>
								</td>
							</tr>
							<!-- IF DAILYTASKCOUNT <>"0" -->
							<tr>
								<td>
									<a href="#" class="linkx" onclick="showDiv('tasks');" title="Click on the link to View" ><font color="blue"><b>{DAILYTASKCOUNT} </b>Active tasks  for the Day.</a></font>
								</td>
							</tr>
							<!-- ENDIF -->
						</table>
					</td>
					<td>
						<div class="taskcalendar" >
							<img src="{SKINS}/images/task/addtask.png" style="width:80px;height:85px" alt="Create Task"/><br/>
							<a href="?module=task&action=create"><font size="2px" color="white">New Task</font></a>
						</div>
					</td>		
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table border="0" cellpadding="0" cellspacing="0" width="100%"  align="center">
				<tr>
					<td valign="top" height="400px"><B><br/><br/>
						<div>
							<table width="100%">
								<tr>
									<td>
										<font color="" class="button5">Work Status Count</font><br/><br/><br/><br/>
										<font color="" class="button1">Yet to Start	:	{YETTOSTART}</font><br/><br/>
										<font color="" class="button2">Started	:	{STARTED}</font><br/><br/>
										<font color="" class="button">Work in Progress	:	{WORKINPROGRESS}</font><br/><br/>
										<font color="" class="button">Completed Tasks	:	{COMPLETED}</font><br/><br/>
										<font color="" class="button">Suspended Tasks	:	{SUSPENDED}</font><br/><br/>
										<font color="" class="button3">File in Process	:	{FILEINPROCESS}</font><br/><br/>
										<font color="" class="button4">Updated Tasks	:	{UPDATEDTASKS}</font><br/><br/>
									</td>
								</tr>
							</table>
						</div>
					</td>
					<td valign="top" >
						<div id="taskboard" style="z-index:0;background-color:white; overflow:auto; padding:15px; height:400px;text-align:middle;">
							<font size="8" color="blue"> Welcome to Your Task Board</font>
						</div>
						<div id="tasks" style="display:none;">
							<iframe align="right" valign="top" name="FRAME_LIST" frameborder="0" width="1010px" height="500px"  scrolling="no" style="overflow:hidden" valign="top" src="?module=task&action=viewtasks&nomenu=1"></iframe><div>
						</td>
					
				</tr>
			</table>							
		</td>
	</tr>
</table>
					
<!-- This is the default value require to show  -->
<tr>
	<td colspan="2">
		<div id="pager" class="pager">
			<input type="hidden" class="pagedisplay"/>
			<input type="hidden" class="pagesize" value="{PAGELENGTH}"/>
		</div>
	</td>
</tr>
<!-- This is the default value require to show  -->	

	
<input type="hidden" name="taskid" value="{TASKID}"/>
<input type="hidden" name="action" value="{FORMACTION}"/>
<input type="hidden" name="module" value="{MODULE}"/>

	
<SCRIPT LANGUAGE="JavaScript">	
	
		function deleteRecord(idvalue) {
			deleteRecords(idvalue);
			return false;
		}
			
		function showDiv(idval) {
			//alert(theform.iwardname.value);
			document.getElementById('tasks').style.display="none";
			
			document.getElementById('taskboard').style.display="none";
			document.getElementById(idval).style.display="block";
		}
		
</script>
<!-- IFRAME starts here-->
<script>									
	function loadTwo(iframe1URL)
	{ 
		parent.FRAME_LIST.location.href=iframe1URL
	} 
</script>
<!-- IFRAME ends here -->
<!-- CSS for workstatus buttons starts here -->
<style>
.button1 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 26px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button1:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button1:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.button2 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 40px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
  }
.button2:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button2:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.button3 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 15px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
  }
.button3:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button3:active {
   border-top-color: #1b435e; 
   background: #1b435e;
   }

.button4 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
  }
.button4:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button4:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.button5 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
  }
  /* Task Management starts here*/
.taskcalendar {
	font-family: Arial; 
	font-weight: bold; 
	background-color:#007FFF; 
	color:#FFFFFF;
	width:100px;
	Height:100px;
	text-align:center;
	padding:5px 5px;
	border-top:1px solid #FCC1BC;
	border-left:1px solid #FCC1BC;
	border-right:1px solid #FCC1BC;
	border-bottom:1px solid #FCC1BC;
}
/* Task Management ends here*/


 </style>
<!-- CSS for workstatus buttons ends here -->