/**
* This is the Date picker controll java script file. 
*
*/
	//Getting the page postion information.
	function positionInfo(object) {
		var p_elm = object;

		this.getElementLeft = getElementLeft;
		
		function getElementLeft() {
			var x = 0;
			var elm;
			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else{
				elm = document.getElementById(p_elm);
			}
			
			while (elm != null) {
				x+= elm.offsetLeft;
				elm = elm.offsetParent;
			}
			
			return parseInt(x);
		}

		this.getElementWidth = getElementWidth;
		
		function getElementWidth(){
			var elm;
			
			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else {
				elm = document.getElementById(p_elm);
			}
			return parseInt(elm.offsetWidth);
		}

		this.getElementRight = getElementRight;
		
		function getElementRight(){
			return getElementLeft(p_elm) + getElementWidth(p_elm);
		}

		this.getElementTop = getElementTop;
		
		function getElementTop() {
			var y = 0;
			var elm;
			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else {
				elm = document.getElementById(p_elm);
			}
			
			while (elm != null) {
				y+= elm.offsetTop;
				elm = elm.offsetParent;
			}
			return parseInt(y);
		}

		this.getElementHeight = getElementHeight;
  
		function getElementHeight(){
			var elm;
			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else {
				elm = document.getElementById(p_elm);
			}
			return parseInt(elm.offsetHeight);
		}

		this.getElementBottom = getElementBottom;
		
		function getElementBottom(){
			return getElementTop(p_elm) + getElementHeight(p_elm);
		}
	}


	//This is the main Date picker control function.
	function CalendarControl() {

		var calendarId = 'CalendarControl';
		var currentYear = 0;
		var currentMonth = 0;
		var currentDay = 0;

		var selectedYear = 0;
		var selectedMonth = 0;
		var selectedDay = 0;

		var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
		var dateField = null;

		function getProperty(p_property){
			
			var p_elm = calendarId;
			var elm = null;

			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else {
				elm = document.getElementById(p_elm);
			}
			
			if (elm != null){
				if(elm.style){
					elm = elm.style;
					if(elm[p_property]){
						return elm[p_property];
					}else {
						return null;
					}
				}else {
					return null;
				}
			}
		}

		function setElementProperty(p_property, p_value, p_elmId){
			
			var p_elm = p_elmId;
			var elm = null;

			if(typeof(p_elm) == "object"){
				elm = p_elm;
			}else {
				elm = document.getElementById(p_elm);
			}
			
			if((elm != null) && (elm.style != null)){
				elm = elm.style;
				elm[ p_property ] = p_value;
			}
		}

		function setProperty(p_property, p_value) {
			setElementProperty(p_property, p_value, calendarId);
		}

		function getDaysInMonth(year, month) {
			return [31,((!(year % 4 ) && ( (year % 100 ) || !( year % 400 ) ))?29:28),31,30,31,30,31,31,30,31,30,31][month-1];
		}

		function getDayOfWeek(year, month, day) {
			var date = new Date(year,month-1,day)
			return date.getDay();
		}

		this.clearDate = clearDate;
  
		function clearDate() {
			dateField.value = '';
			hide();
		}

		this.setDate = setDate;
		
		//Setting Date when user clicking on the Date picker control.
		function setDate(year, month, day) {
			
			if (dateField) {
				if (month < 10) {month = "0" + month;}
				//if (day < 10) {day = "0" + day;}
			
			
				var tempMonth;
				if(month==1)
					tempMonth="Jan";
				if(month==2)
					tempMonth="Feb";
				if(month==3)
					tempMonth="Mar";
				if(month==4)
					tempMonth="Apr";
				if(month==5)
					tempMonth="May";
				if(month==6)
					tempMonth="Jun";
				if(month==7)
					tempMonth="Jul";
				if(month==8)
					tempMonth="Aug";
				if(month==9)
					tempMonth="Sep";
				if(month==10)
					tempMonth="Oct";
				if(month==11)
					tempMonth="Nov";
				if(month==12)	  
					tempMonth="Dec";
      
				var dateString = tempMonth+" "+day+", "+year;
				dateField.value = dateString;
				
					
				hide();
			}
			return;
		}

		this.changeMonth = changeMonth;
  		
  		//Change month function.
		function changeMonth(change) {
		
			currentMonth += change;
			currentDay = 0;
		
			if(currentMonth > 12) {
				currentMonth = 1;
				currentYear++;
			}else if(currentMonth < 1) {
				currentMonth = 12;
				currentYear--;
			}

			calendar = document.getElementById(calendarId);
			calendar.innerHTML = calendarDrawTable();
		}

		this.changeYear = changeYear;
		
		//Change year function.
		function changeYear(change) {
			currentYear += change;
			currentDay = 0;
			calendar = document.getElementById(calendarId);
			calendar.innerHTML = calendarDrawTable();
		}
		
		//Getting the current Year .
		function getCurrentYear() {
			var year = new Date().getYear();
		
			if(year < 1900) year += 1900;
		
			return year;
		}
		//Getting the current Month.
		function getCurrentMonth() {
			return new Date().getMonth() + 1;
		} 
		//Getting the current Day.
		function getCurrentDay() {
			return new Date().getDate();
		}
		
		//This function will draw a calender on the page.
		function calendarDrawTable() {

			var dayOfMonth = 1;
			var validDay = 0;
			var startDayOfWeek = getDayOfWeek(currentYear, currentMonth, dayOfMonth);
			var daysInMonth = getDaysInMonth(currentYear, currentMonth);
			var css_class = null; //CSS class for each day

			var table = "<table cellspacing='0' cellpadding='0' border='0'>";
			table = table + "<tr class='header'>";
			table = table + "  <td colspan='2' class='previous'><a href='javascript:changeCalendarControlMonth(-1);'>&lt;</a> <a href='javascript:changeCalendarControlYear(-1);'>&laquo;</a></td>";
			table = table + "  <td colspan='3' class='title'>" + months[currentMonth-1] + "<br>" + currentYear + "</td>";
			table = table + "  <td colspan='2' class='next'><a href='javascript:changeCalendarControlYear(1);'>&raquo;</a> <a href='javascript:changeCalendarControlMonth(1);'>&gt;</a></td>";
			table = table + "</tr>";
			table = table + "<tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";

			for(var week=0; week < 6; week++) {
				table = table + "<tr>";
				for(var dayOfWeek=0; dayOfWeek < 7; dayOfWeek++) {
					if(week == 0 && startDayOfWeek == dayOfWeek) {
						validDay = 1;
					} else if (validDay == 1 && dayOfMonth > daysInMonth) {
						validDay = 0;
					}

					if(validDay) {
						if (dayOfMonth == selectedDay && currentYear == selectedYear && currentMonth == selectedMonth) {
							css_class = 'current';
						} else if (dayOfWeek == 0 || dayOfWeek == 6) {
							css_class = 'weekend';
						} else {
							css_class = 'weekday';
						}

						table = table + "<td><a class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";
						dayOfMonth++;
					}else {
						table = table + "<td class='empty'>&nbsp;</td>";
					}
				}
				table = table + "</tr>";
			}

			table = table + "<tr class='header'><th colspan='7' style='padding: 3px;'><a href='javascript:clearCalendarControl();'>Clear</a> | <a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
			table = table + "</table>";

			return table;
		}

		this.show = show;
		function show(field) {
		
			can_hide = 0;
  
    // If the calendar is visible and associated with
    // this field do not do anything.
			if (dateField == field) {
				return;
			}else {
				dateField = field;
			}
			
			if(dateField) {
				try {
					var dateString = new String(dateField.value);
									
					var startDay;
					var startMonth;
					var startYear;
					
					var pos1 = dateString.indexOf(",");
					var temp1 = dateString.substring(0,pos1+1);
	
					startYear = dateString.substring(pos1+1,dateString.length);
	
					pos1 = temp1.indexOf(" ");
	
					startMonth = temp1.substring(0,3);
					
					
					var startMonthCount=0;
				
					//Changing the month from number to word.		
					if(startMonth=="Jan")
						startMonthCount=1;
					if(startMonth=="Feb")
						startMonthCount=2;
					if(startMonth=="Mar")
						startMonthCount=3;
					if(startMonth=="Apr")
						startMonthCount=4;
					if(startMonth=="May")
						startMonthCount=5;	
					if(startMonth=="Jun")
						startMonthCount=6;
					if(startMonth=="Jul")
						startMonthCount=7;
					if(startMonth=="Aug")
						startMonthCount=8;
					if(startMonth=="Sep")
						startMonthCount=9;
					if(startMonth=="Oct")
						startMonthCount=10;
					if(startMonth=="Nov")
						startMonthCount=11;
					if(startMonth=="Dec")	
						startMonthCount=12;
									
					startDay = temp1.substring(pos1+1,temp1.length-1);
					
					selectedMonth = parseInt(startMonthCount);
					selectedDay = parseInt(startDay);
					selectedYear = parseInt(startYear);
					
				} catch(e) {}
			}
			
			if (!(selectedYear && selectedMonth && selectedDay)) {
				selectedMonth = getCurrentMonth();
				selectedDay = getCurrentDay();
				selectedYear = getCurrentYear();
			}

			currentMonth = selectedMonth;
			currentDay = selectedDay;
			currentYear = selectedYear;

			if(document.getElementById){
				calendar = document.getElementById(calendarId);
				calendar.innerHTML = calendarDrawTable(currentYear, currentMonth);

				setProperty('display', 'block');

				var fieldPos = new positionInfo(dateField);
				var calendarPos = new positionInfo(calendarId);

				var x = fieldPos.getElementLeft();
				var y = fieldPos.getElementBottom();

				setProperty('left', x + "px");
				setProperty('top', y + "px");
 
				if (document.all) {
					setElementProperty('display', 'block', 'CalendarControlIFrame');
					setElementProperty('left', x + "px", 'CalendarControlIFrame');
					setElementProperty('top', y + "px", 'CalendarControlIFrame');
					setElementProperty('width', calendarPos.getElementWidth() + "px", 'CalendarControlIFrame');
					setElementProperty('height', calendarPos.getElementHeight() + "px", 'CalendarControlIFrame');
				}
			}
		}

		this.hide = hide;
		
		//Calling the hide function when user will click the close or clear button.
		function hide() {
			if(dateField) {
				setProperty('display', 'none');
				setElementProperty('display', 'none', 'CalendarControlIFrame');
				dateField = null;
			}
		}

		this.visible = visible;
  
		function visible() {
			return dateField
		}

		this.can_hide = can_hide;
		var can_hide = 0;
	}

	
	var calendarControl = new CalendarControl();

	function showCalendarControl(textField) {
  // textField.onblur = hideCalendarControl;
		calendarControl.show(textField);
	}

	function clearCalendarControl() {
		calendarControl.clearDate();
	}

	function hideCalendarControl() {
		if (calendarControl.visible()) {
			calendarControl.hide();
		}
	}

	function setCalendarControlDate(year, month, day) {
		calendarControl.setDate(year, month, day);
	}

	function changeCalendarControlYear(change) {
		calendarControl.changeYear(change);
	}

	function changeCalendarControlMonth(change) {
		calendarControl.changeMonth(change);
	}

	document.write("<iframe id='CalendarControlIFrame' src='javascript:false;' frameBorder='0' scrolling='no'></iframe>");
	document.write("<div id='CalendarControl'></div>");