var oPopup;
var strcntlname;
var globalTop;
var globalLeft;
var strText;
var Show=false;


document.onclick = positiontip;

function LoadCalendar(cntl)
{
	var strcntlname = cntl;
	document.all("ctl00_hdnDate").value = cntl;
	strText = "<span id='span_outer' style='BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid;'  >"
						strText +="<table id='Table1' style='DISPLAY: block; cellSpacing='0' cellPadding='0'>"
						strText +="<tr vAlign='top'>"
						strText +="<td vAlign='middle' align='center'><select id='select1' style='BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Verdana'"
						strText +="	onchange='javascript:MonthChanged()'>"
						strText +="	<OPTION id='amonth' value='January' selected>"
						strText +="	January<OPTION id='amonth0' value='February'>"
						strText +="	February<OPTION id='amonth1' value='March'>"
						strText +="	March<OPTION id='amonth2' value='April'>"
						strText +="	April<OPTION id='amonth3' value='May'>"
						strText +="	May<OPTION id='amonth4' value='June'>"
						strText +="	June<OPTION id='amonth5' value='July'>"
						strText +="	July<OPTION id='amonth6' value='Augest'>"
						strText +="	August<OPTION id='amonth7' value='September'>"
						strText +="	September<OPTION id='amonth8' value='October'>"
						strText +="	October<OPTION id='amonth9' value='November'>"
						strText +="	November<OPTION id='amonth10' value='December'>December</OPTION>"
						strText +="	</select></td>"
						strText +="	<td vAlign='middle' align='center'><input id='Button1' onmouseover='javascript:mover()' style='BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: white'"
						strText +="	onclick='javascript:changeYearBack()' onmouseout='javascript:mout()' type='button' value='<<' name='bBack'>"
						strText +="	</td>"
						strText +="	<td vAlign='middle' align='center'><input style='BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; WIDTH: 40px; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Verdana; HEIGHT: 22px'"
						strText +="	readOnly maxLength='4' name='tyear'>"
						strText +="	</td>"
						strText +="	<td vAlign='middle' align='center'><input id='Button2' onmouseover='mover()' style='BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: white'"
						strText +="	onclick='javascript:changeYearForward()' onmouseout='mout()' type='button' value='>>' name='bFor'>"
						strText +="	</td>"
						strText +="	</tr>"
						strText +="	</table>"
						strText +="	<table id='table2' style='DISPLAY: block; width: 180px;';BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
						strText +="	cellpadding='0' cellspacing='0'>"
						strText +="	<TR>"
						strText +="	<TD class = 'DateHeaderSunday' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>S</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>M</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>T</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>W</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>T</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>F</B></FONT></TD>"
						strText +="	<TD class = 'DateHeader' vAlign='middle' align='center' width='14%' height='10%'><FONT face='Verdana, Arial, Helvetica, sans-serif' color='Black' size='1'><B>S</B></FONT></TD>"
						strText +="	</TR>"
						for(var j=0;j<6;j++)
						{
							strText +="	<tr>"
							for(var i=0;i<7;i++)
							{
								if(i==0)
								{
									strText +="	<td onmouseover='javascript:mover()' style='VISIBILITY: hidden; BACKGROUND-COLOR: #ffcc66'"
									strText +="	onmouseout='javascript:mout()' align='center' width='14%'><input id='text2' class = 'DateSunday'"
									strText +="	onclick='javascript:getDateString(this)' readOnly maxLength='2' size='2' name='datecell'>"
									strText +="	</td>"
								}
								else
									if(i==6)
									{
										strText +=" <td onmouseover='javascript:mover()' style='VISIBILITY: hidden; BACKGROUND-COLOR: #ccccff'"
										strText +="	onmouseout='javascript:mout()' align='center' width='14%'><input id='text8' class = 'DateSaturday'" 
										strText +="	onclick='javascript:getDateString(this)' readOnly maxLength='2' size='2' name='datecell'>"
										strText +="	</td>"
										
									}
								else
								{
									strText +="	<td onmouseover='javascript:mover()' style='VISIBILITY: hidden' onmouseout='javascript:mout()'"
									strText +="	align='center' width='14%'><input id='text3' class = 'DateNormal'"
									strText +="	onclick='javascript:getDateString(this)' readOnly maxLength='2' size='2' name='datecell'>"
									strText +="	</td>"
								}
							}							
							strText +="	</tr>"
						}
						strText +="	</table>"
						strText +="	</span>"
						strText +="	<br>"
			
			
            //	var intHeight=190;
            //	var intWidth=190;
            	

            //	if ( window.event.y  <= document.body.clientHeight - intHeight )
            //		intTop = window.event.y;
            //	else
            //		intTop = window.event.y - intHeight;
            //		
            //	if ( window.event.x  <= document.body.clientWidth - intWidth )
            //		intLeft = window.event.x;
            //	else	
            //		intLeft = window.event.x - intWidth;				

            		
            //	oPopup = window.createPopup();
            //	oPopup.document.write("<HTML><HEAD><script language = 'javascript' src='../JavaScript/DatePicker.js'></script><LINK href='../App_Themes/GlobalTheme/GeneralStyle.css' type='text/css' rel='stylesheet'> </HEAD><BODY STYLE='border:1px solid silver;' scroll=no topmargin=0 leftmargin=0 bottommargin=0 rightmargin=0 onload='javascript:calendarload();' onunload='javascript:calendarunload()' ><form id='frmDatePicker' method='post'>" + strText + "</form></BODY></HTML>");
            //*	calendarload();
            //	//oPopup.show(globalLeft,globalTop,intWidth,intHeight,document.body);*/
            Show = true;
	
	}

	function  mouseover()
	{
		window.event.srcElement.style.color="blue";
		window.event.srcElement.style.cursor="Hand";
	}

	function  mover()
	{
		window.event.srcElement.style.color="Red";
		window.event.srcElement.style.cursor="Hand";
	}
	
	function mout()
	{
		window.event.srcElement.style.color="Black";
		window.event.srcElement.style.cursor="default";
	}
		
	function calendarload()
	{
		var d = new Date();
		var noofdays;
		var year = d.getFullYear();
		oPopup.document.forms[0].tyear.value= year;	
	 	var monthID = d.getMonth();
	 	oPopup.document.forms[0].select1.selectedIndex = monthID;
	 	fillDates(monthID,year);	
	}
	
	function fillDates(monthID,year)
	{
		var dd = new Date();
		dd.setFullYear(year,monthID,01);
		var day = dd.getDay();
		var strday = dd.toDateString();
		if(document.forms[0].id =="frmDatePicker")
		{
			for(var i=0;i<42;i++)
	 		{
	 			document.forms[0].datecell(i).value = "";
	 			document.forms[0].datecell(i).parentElement.style.visibility="hidden";
	 		}
		}
		else
		{
			for(var i=0;i<42;i++)
	 		{
	 			oPopup.document.forms[0].datecell(i).value = "";
	 			oPopup.document.forms[0].datecell(i).parentElement.style.visibility="hidden";
	 		}
	 	}
	 		
		switch(monthID)
	 	{
	 		case 1:
					if(year%4 == 0)
						noofdays = 29;
					else
						noofdays = 28;
					break;
				case 3:
					noofdays = 30;
					break;
					
				case 5:
					noofdays = 30;
					break;
					
				case 8:
					noofdays = 30;
					break;
					
				case 10:
					noofdays = 30;
					break;
				
				default:
					noofdays = 31;
					break;
	 	}
	 	
	 	if(document.forms[0].id =="frmDatePicker")
		{
	 		for(var i=day,j=1;i<(day+noofdays);i++,j++)
	 		{
	 			document.forms[0].datecell(i).value = j;
	 			document.forms[0].datecell(i).parentElement.style.visibility="visible";	 			
	 						 			
	 		}
	 	}
	 	else
	 	{
	 		for(var i=day,j=1;i<(day+noofdays);i++,j++)
	 		{
	 			oPopup.document.forms[0].datecell(i).value = j;
	 			oPopup.document.forms[0].datecell(i).parentElement.style.visibility="visible";	 
	 			
	 		}
	 	}
	 }	
	
	function MonthChanged()
	{
		var monthID = frmDatePicker.select1.selectedIndex;
		var year =  frmDatePicker.tyear.value;
		fillDates(monthID,year);
	}
	
	function getDateString(cell)
	{
		var dd=cell.value;
		var mm=document.forms[0].select1.selectedIndex+1;
		var yy=document.forms[0].tyear.value;
		
		mm = mm.toString();
		if(dd.length=="1")
			dd = "0"+dd;
		if(mm.length=="1")
			mm = "0"+mm;
		
		var strdate=dd+"/"+mm+"/"+yy;
		var strctrlname = parent.document.all("ctl00_hdnDate").value;
		parent.document.all(strctrlname).value = strdate;
		parent.document.all("ctl00_hdnDate").value = "";
		parent.oPopup.hide();
	}
	
	function changeYearBack()
	{
		var year = parseInt(frmDatePicker.tyear.value,10);
		frmDatePicker.tyear.value=year-1;
		var monthID = frmDatePicker.select1.selectedIndex;
		var year =  frmDatePicker.tyear.value;
		fillDates(monthID,year);
	}
	
	function changeYearForward()
	{
		var year = parseInt(frmDatePicker.tyear.value,10);
		frmDatePicker.tyear.value=year+1;
		var monthID = frmDatePicker.select1.selectedIndex;
		var year =  frmDatePicker.tyear.value;
		fillDates(monthID,year);
	}	
	
	function calendarunload()
    {
		parent.document.all("ctl00_cntIHCContent_hdnDate").value = "";
    }

 
    function ietruebody()
    {
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function positiontip(e)
    {
        var ie=document.all;
        var ns6=document.getElementById && !document.all;
  
        var curX=(ns6)?e.pageX : event.x + ietruebody().scrollLeft;
        var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
            
            globalTop = curY;
            globalLeft = curX;
           
           if(Show)
           {
                oPopup = window.createPopup();
                oPopup.document.write("<HTML><HEAD><script language = 'javascript' src='../JavaScript/DatePicker.js'></script><LINK href='../App_Themes/GlobalTheme/GeneralStyle.css' type='text/css' rel='stylesheet'> </HEAD><BODY STYLE='border:1px solid silver;' scroll=no topmargin=0 leftmargin=0 bottommargin=0 rightmargin=0 onload='javascript:calendarload();' onunload='javascript:calendarunload()' ><form id='frmDatePicker' method='post'>" + strText + "</form></BODY></HTML>");
                calendarload();
                oPopup.show(globalLeft,globalTop,190,190,document.body);
            }
            Show = false;
     }