		<!-- Begin

		function DatePicker()
		{
			// public functions
			this.init=init;
			this.show=show;
			this.setDate=setDate;
			this.initBoxes=initBoxes;
			this.printDate = printDate;

			// event
			this.onYearChange=onYearChange;
			this.onMonthChange=onMonthChange;
			this.onClose=onClose;

			var dvDatePicker;
			var dateSelected;
			var iYear,iMonth;
			var dateBox;
			var dateValueBox;
			var minYear = 2006;
			var maxYear = 2008;
			
			var arrMonth	=	new Array("Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December");
			var arrWeek		=	new Array("Zo","Ma","Di","Wo","Do","Vr","Za");

			this.init();
		//	
			function onClose()
			{
				hide();
			}

			function getDate()
			{
				return dateSelected;
			}

			function setDate(day)
			{
				dateSelected=new Date(iYear,iMonth,day);
				update();
				hide();
			}

			function getDateStr()
			{
				return dateSelected.getDate() + '-' + arrMonth[dateSelected.getMonth()] + '-' + dateSelected.getFullYear();
			}


			function setYears()
			{
				var i=0;
				var timeC = new Date();

				for(var counter=minYear; counter<=(maxYear);counter++)
					document.dateSelectionForm.year.options[i++] = new Option(counter,counter);
			}

			function setMonths()
			{
				// set new days
				for (var i = 0; i < arrMonth.length; i++)
					document.dateSelectionForm.month.options[i] = new Option(arrMonth[i],i);
			}

			function buildGUI()
			{
				var sData="";

				sData+="<center>";
				sData+="	<form name='dateSelectionForm' style=\"padding:0px;margin:0px\">";
				sData+="		<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
				sData+="			<tr height=\"27\">";
				sData+="				<td align=\"center\">";
				sData+="";
				sData+="					<select name='year'></select>";
				sData+="					<select name='month'></select>";
				sData+="";
				sData+="				</td>";
				sData+="				<td align=\"left\" id=\"tdClose\" style=\"cursor:pointer;\"><img align=\"absmiddle\"onmouseover=\"this.src='images/close_over.png';\" onmouseout=\"this.src='images/close.png';\"  src=\"images/close.png\"></td>";
				sData+="		</table>";
				sData+="		<div id='dvCalendar'>";
				sData+="		</div>";
				sData+="	</form>";
				sData+="</center>";

				return sData;
			}

			function drawCal()
			{
				dvCal = document.getElementById('dvCalendar');
				cal = "<table width=\"100%\">";
								
				cal+= "<tr>";
					for(var j=0;j<7;j++)
					{
						cal+= "<td align=\"center\" style=\"color:#9E9001\">";
						cal+= arrWeek[j];
						cal+= "</td>";
					}
				cal+= "</tr>";

				tDate = new Date(iYear,iMonth,1);
				firstDayOfTheMonth = tDate.getDay();
				daysInMonth = maxDaysInMonth(iYear,iMonth);
				
				var dayToDraw = 1;
				var oldDaysToDraw = maxDaysInMonth(iYear,iMonth-1) - (firstDayOfTheMonth-1);
				var newDaysToDraw =1;

				for(var i=0;dayToDraw<=daysInMonth;i++)
				{
					cal+= "<tr>";
					for(var j=0;j<7;j++)
					{						
						if((i*7 + j) < firstDayOfTheMonth) 
					  	cal+="<td title=\""+printFriendly(iYear,iMonth-1,oldDaysToDraw)+"\" style=\"color:#A7A7A5;cursor:default\" align=\"center\">"+(oldDaysToDraw++);
						else if(dayToDraw > daysInMonth)
							cal+="<td title=\""+printFriendly(iYear,iMonth+1,newDaysToDraw)+"\" title=\"\"style=\"color:#A7A7A5;cursor:default\" align=\"center\">"+(newDaysToDraw++);
						else if(dateSelected.getDate() == dayToDraw && dateSelected.getMonth() == iMonth && dateSelected.getFullYear() == iYear)
							cal+="<td title=\"Vandaag\" title=\"\" style=\"color:red;cursor:pointer\" align=\"center\">"+(dayToDraw++);
						else
							cal+="<td onclick=\"datePicker.setDate("+dayToDraw+");\" title=\""+printFriendly(iYear,iMonth,dayToDraw)+"\" style=\"cursor:pointer\" align=\"center\">"+(dayToDraw++);
							
						cal+= "</td>";
					}
					cal+= "</tr>";
				}
				
				cal+= "</table>";
				dvCal.innerHTML = cal;
			}
			
			function printFriendly(year,month,day)
			{
				if(month < 0)
				{
					month+=12;
					year--;
				}
				else if(month > 11)
				{
					month-=11;
					year++;
				} 
				return day + '-' + arrMonth[month] + '-' + year; 
			}
			
			function maxDaysInMonth(year,month)
			{
				timeA = new Date(year,month+1,1);
				timeB = new Date((timeA - 86400000));
				return timeB.getDate();
			}
			
			function update()
			{
				drawCal();
				dateBox.innerHTML=getDateStr();
				dateValueBox.value=Math.round(dateSelected.getTime()/1000);
			}

			function onYearChange()
			{
				iYear=parseInt(document.dateSelectionForm.year.options[document.dateSelectionForm.year.selectedIndex].value);
				drawCal();
				//setDays();

				//dateSelected=new Date(iYear,iMonth,iDay);

				//update();
			}

			function onMonthChange()
			{
				iMonth=parseInt(document.dateSelectionForm.month.options[document.dateSelectionForm.month.selectedIndex].value);
				drawCal();
				//setDays();

				//dateSelected=new Date(iYear,iMonth,iDay);

				//update();
			}


			function init()
			{
				document.write("<div id=\"DatePicker\" style=\"border:solid 1px #9E9001;position:absolute; width:200px; background:#F1EA9B; visibility:hidden\">&nbsp;<font/></div>");
				
				dvDatePicker=document.getElementById('DatePicker');
	
				if(dvDatePicker)
					dvDatePicker.innerHTML=buildGUI();
				else
					alert(document.getElementById('DatePicker'));
						
				setYears();
				setMonths();
						
				document.dateSelectionForm.year.onchange=this.onYearChange;
				document.dateSelectionForm.month.onchange=this.onMonthChange;
			
				document.getElementById('tdClose').onclick=this.onClose;
			}

			function printDate(timestamp)
			{
				newDate = new Date();

				if(timestamp>0)
					newDate.setTime(timestamp*1000)

				document.write(newDate.getDate() + '-' + arrMonth[newDate.getMonth()] + '-' + newDate.getFullYear());
			}
			
			function initBoxes(dateBoxId,dateValueBoxId,timestamp)
			{
				dateBox =  document.getElementById(dateBoxId);;
				dateValueBox = document.getElementById(dateValueBoxId);
				
				dateSelected = new Date();
				
				if(dateValueBox.value>0)
					dateSelected.setTime(dateValueBox.value*1000);
					
				dateBox.innerHTML=getDateStr();
				dateValueBox.value=Math.round(dateSelected.getTime()/1000);
			}
			
			function show(pdateBox,dateValueBoxId,timestamp)
			{
				dateBox = pdateBox;
				dateValueBox = document.getElementById(dateValueBoxId);

				dateSelected = new Date();

				timestamp = dateValueBox.value;

				if(timestamp>0)
					dateSelected.setTime(timestamp*1000);

				iYear		= dateSelected.getFullYear();
				iMonth	= dateSelected.getMonth();			// [0-11]

				document.dateSelectionForm.year.options[iYear - minYear].selected=true;
				document.dateSelectionForm.month.options[iMonth].selected=true;
		
				drawCal();

				dvDatePicker.style.left=getObjectLeft(dateBox)+dateBox.offsetWidth-50;
				dvDatePicker.style.top=getObjectTop(dateBox)+5;
				dvDatePicker.style.visibility='visible';
				
			}

			function hide()
			{
				dvDatePicker.style.visibility='hidden';
			}

			function getObjectLeft(obj)
			{
				var ret=obj.offsetLeft;
				var tParent = obj.offsetParent;

				while(tParent)
				{
					ret+=tParent.offsetLeft;
					tParent = tParent.offsetParent;
				}

				return ret;
			}

			function getObjectTop(obj)
			{
				var ret=obj.offsetTop;
				var tParent = obj.offsetParent;

				while(tParent)
				{
					ret+=tParent.offsetTop;
					tParent = tParent.offsetParent;
				}

				return ret;
			}

		}


		//  End -->